Как сделать веб-сайт совместимым с 508

Автор: Gregory Harris
Дата создания: 7 Lang L: none (month-011) 2021
Дата обновления: 9 Май 2024
Anonim
Making Accessibility Audits Easy: Tips and Tricks For Auditing
Видео: Making Accessibility Audits Easy: Tips and Tricks For Auditing

Содержание

Другие разделы

Федеральный закон о реабилитации требует, чтобы все веб-сайты и другие информационные технологии, закупаемые федеральным правительством, были доступны для людей с физическими, сенсорными или когнитивными нарушениями. Раздел 508 содержит технические критерии и минимальные стандарты, необходимые для веб-сайтов федерального правительства, а также для подрядчиков, которые предоставляют веб-сайты или программное обеспечение сотрудникам или ведомствам федерального правительства. Веб-сайты проверяются каждым отделом на регулярной основе на предмет соответствия. Если вы разрабатываете веб-сайт для федерального правительства или просто хотите, чтобы ваш собственный веб-сайт был более доступным для людей с ограниченными возможностями, вы можете использовать стандарты Раздела 508 в качестве руководства.

Шаги

Метод 1 из 3: соответствие стандартам раздела 508 для текстовых элементов


  1. Используйте цвет эффективно. Чтобы ваш сайт оставался совместимым и доступным для дальтоников, используйте дополнительный метод, отличный от цвета, для передачи важной информации.
    • Например, вы можете использовать синий цвет, чтобы указать, что слова в черном тексте являются ссылками на другие страницы. Однако, чтобы сделать ваш веб-сайт совместимым с 508, вы также должны использовать что-то другое, кроме цвета, чтобы показать, что эти слова являются ссылками, например, подчеркнув это слово.
    • Кроме того, все цвета должны иметь достаточный контраст, а вся информация должна передаваться как с цветом, так и без него.

  2. Убедитесь, что весь текст читаем. Если вы используете таблицы стилей, чтобы отделить визуальный стиль и отображение от содержимого самого текста, текст должен оставаться видимым, если таблицы стилей выключены.
    • Хотя текстовые элементы могут быть не такими привлекательными при отключенных таблицах стилей, они все равно должны быть разборчивыми. Если при отключении таблиц стилей в документе отсутствует какая-либо информация, значит ваш веб-сайт не соответствует стандартам Раздела 508.
    • Хотя обычно вы можете сделать PDF-файл доступным для вспомогательных технологий, таких как программы чтения с экрана, вы также можете на всякий случай включить доступную HTML-версию документа. Вы также должны предоставить доступную HTML-версию любых файлов PowerPoint, которые вы размещаете на своем веб-сайте.
    • В Министерстве здравоохранения и социальных служб есть контрольные списки, позволяющие сделать доступными наиболее распространенные типы документов, включая файлы PDF, документы Word и таблицы Excel. Эти контрольные списки можно найти в Интернете по адресу https://www.hhs.gov/web/section-508/making-files-accessible/checklist/index.html.

  3. Повысьте доступность, упростив навигацию по сайту. Каждый фрейм должен иметь заголовок, описывающий назначение и содержание фрейма.
  4. Сделайте электронные формы доступными. Если на вашем веб-сайте есть формы, которые можно заполнять онлайн, люди, использующие вспомогательные технологии, должны иметь доступ к содержащейся в них информации, такой как элементы полей и направления.
    • Любые сценарии элементов формы не должны мешать вспомогательным технологиям или сочетаниям клавиш.
    • Элементы формы, такие как "

Метод 2 из 3: соответствие стандартам раздела 508 для подключаемых модулей, изображений, аудио- или видеоэлементов

  1. Обеспечьте текстовый эквивалент для каждого нетекстового элемента. Сделайте доступным текстовое описание, а также повторяющуюся текстовую ссылку для любых карт изображений.
    • Вы также должны включить функциональный текст для идентификации любой информации, предоставляемой сценарием.
    • Изображения, апплеты, надстройки и другие встроенные носители с содержимым или информацией также должны иметь эквивалентный альтернативный текст, например, с использованием атрибута «alt» или «longdesc» или в содержимом элемента.
    • Любой альтернативный текст должен быть четким и кратким. Чтобы соответствовать требованиям Раздела 508, вам следует избегать написания альтернативного текста, который будет слишком длинным и многословным или настолько расплывчатым, что пользователь не может понять, какое изображение может быть описанием текста.
    • Например, «Изображение заходящего солнца над озером Мичиган, с отражениями, мерцающими на поверхности озера, и небом, залитым голубым, розовым, желтым и красным», хотя и определенно описательное, но слишком многословное. В этом контексте было бы достаточно «Заката над озером Мичиган».
    • Ваш альтернативный текст не должен повторять другой текст, уже находящийся на странице.
    • Сложные графики и диаграммы также должны сопровождаться альтернативным текстом.
    • Если у вас есть изображение в ссылке или кнопка, у которой есть функциональные возможности, ваш альтернативный текст также должен описывать эту функцию.
    • Программы чтения с экрана часто изменяют тон или интонацию голоса при чтении на основе тегов HTML, поэтому имейте это в виду при выборе элементов макета.
  2. Включите субтитры и аудиоописание. Если у вас есть видеофайлы или прямые аудиотрансляции, они должны иметь синхронизированные титры.
    • Субтитры могут быть открытыми (всегда видимыми) или закрытыми (пользователь может включать или отключать субтитры).
    • Видео также должны иметь звуковую дорожку с описанием для слабовидящих.
    • Аудиодорожки без видео должны иметь расшифровку для слабослышащих.
    • Если вы включаете аудио- или видеоконтент на свой веб-сайт, подумайте об использовании автономных или всплывающих медиаплееров вместо встроенных медиафайлов, поскольку эти проигрыватели более доступны.
  3. Разрешить загрузку плагинов. Если для вашей веб-страницы требуется подключаемый модуль или другое приложение, вы должны отобразить ссылку на страницу, где пользователи могут загрузить его для полной функциональности.
    • Все апплеты, сценарии и подключаемые модули, а также предоставляемый ими контент должны быть доступны для вспомогательных технологий. Если они не могут быть доступны, вы должны включить некоторые альтернативные способы доступа к тому же контенту.
    • Сценарии должны быть доступны путем предоставления функционального текста, который можно читать с помощью вспомогательных технологий. Ваш веб-сайт не соответствует стандартам Раздела 508, если он содержит сценарии, которые работают только с мышью.
    • Включите ссылку на страницу, доступную для людей с ограниченными возможностями, где можно загрузить любой плагин и где пользователи могут загрузить отдельный медиаплеер.
  4. Сделайте анимацию доступной. Если вы используете анимацию для передачи информации, вы должны отображать ту же информацию хотя бы одним другим неанимированным способом, который может быть выбран пользователем.
    • Любые изображения или элементы, которые идентифицируют определенные элементы управления, функции или программные элементы, должны быть согласованы на всем веб-сайте.
    • Сведение к минимуму графики и изображений также может сократить время чтения для пользователей с ограниченными возможностями. Помните, что если ваши пользователи не видят элементы, они должны дождаться, пока их программа чтения с экрана прочитает их, прежде чем они смогут сделать выбор из меню.
  5. Организуйте информацию в таблицах данных, чтобы ее было легко читать и понимать. Раздел 508 требует легко идентифицируемых заголовков строк и столбцов для таблиц данных.
    • Заголовки столбцов и строк в таблицах данных должны быть соответствующим образом идентифицированы.
    • Свяжите ячейки в таблицах данных с соответствующими заголовками, используя атрибуты «scope» или «id / headers».
    • Таблицы, созданные только для разметки, не нуждаются в заголовках для строк или столбцов.

Метод 3 из 3: соответствие требованиям раздела 508 стандартов общего веб-дизайна

  1. Создавайте свои страницы так, чтобы снизить риск судорожных припадков, вызванных оптическими свойствами. Ни один элемент на вашей странице не должен мигать с частотой от 2 до 55 циклов в секунду.
    • Программное обеспечение или другие приложения, работающие на вашей странице, также не должны использовать изображения или элементы, мигающие с частотой от 2 до 55 Гц.
  2. Предоставьте пользователям контроль над навигацией. Если дизайн или организация вашего веб-сайта включает повторяющиеся навигационные ссылки, вы должны предоставить способ их пропуска.
    • Предоставьте ссылку, позволяющую пользователям пропускать навигационные меню или длинные списки ссылок, или используйте хорошую структуру заголовков для облегчения навигации пользователя.
  3. Предоставьте пользователям возможность контролировать время изменения содержимого. Если у вас есть какие-либо вопросы, на которые можно ответить только в течение короткого периода времени, вы должны предоставить пользователям достаточную возможность указать, что им нужно больше времени, чтобы сделать свой выбор.
    • Как правило, вы найдете способ каким-либо образом предупредить пользователей о том, что время почти истекло, и дать им возможность потратить больше времени, вместо того, чтобы тайм-аут элемента или исчезновение, прежде чем они успели ответить.
  4. Разрешить использование специальных возможностей и управления дисплеем. Раздел 508 запрещает вам нарушать или отключать специальные возможности.
    • Точно так же вы не будете соответствовать требованиям, если переопределите выбранный пользователем контраст или выбор цвета.
  5. При необходимости используйте альтернативный формат. Раздел 508 предусматривает использование отдельной текстовой версии вашего веб-сайта. Однако этот вариант следует зарезервировать для ситуаций, когда это единственный способ создать полностью доступный веб-сайт.
    • Если вы все-таки используете отдельную текстовую версию своего веб-сайта, она должна иметь эквивалентное содержимое по сравнению с основной версией веб-сайта и обновляться всякий раз, когда вы вносите изменения в основное содержимое веб-сайта.
    • Вы не пройдете стандарты Раздела 508, если создадите только текстовую версию, чтобы не вносить в основной веб-сайт изменения, которые могут сделать его доступным.

Вопросы и ответы сообщества


подсказки

  • Используйте примечания к контенту и запускайте предупреждения, чтобы предупредить пользователей о потенциально графических или тревожных материалах, поскольку это может быть полезно для людей с посттравматическим стрессовым расстройством и другими психическими заболеваниями. Общие триггеры для отметки включают насилие, жестокое обращение, изнасилование, смерть, кровь / травмы, секс, язык вражды, преступления на почве ненависти и пауки. Отметка материала позволяет зрителям остановиться и подумать, могут ли они безопасно взаимодействовать с ним.

Другие разделы Рекомендуется регулярно проверять артериальное давление. Однако, если вы страдаете «гипертонией белого халата» - состоянием беспокойства, при котором ваше кровяное давление ре...

Не будут ли ощущаться края бумаги по-другому, если кто-то прикоснется к ней? Они могли бы. Постарайтесь хранить его в месте, где люди вряд ли дотронутся до него, например, на книжной полке, заполненно...

Интересные публикации