Есть ли способ исключить элемент веб-приложения из автоматических тестов доступности? Или способ позволить ему пройти эти автоматизированные тесты? - PullRequest
0 голосов
/ 10 октября 2019

Я ищу способ пометить некоторый текст как WCAG-совместимый или каким-либо иным образом исключить его из автоматических тестов доступности.

Довольно часто требования WCAG заявляют, что определенный критерий должен быть соблюден, если нет достаточно веской причины. в противном случае. В моем случае это заполнитель текста в поле ввода поиска. Поле имеет доступную метку под ним. Текст заполнителя не является функциональным и добавляется исключительно для декоративных целей, так как в настоящее время он является стандартом в индустрии веб-дизайна. Поскольку текст не имеет функционального назначения - требование к контрасту WCAG не должно выполняться. В самом деле, наличие текста-заполнителя с довольно низким контрастом необходимо - если он слишком темный, он будет выглядеть так, как будто уже есть некоторый ввод в поле ввода.

Однако всякий раз, когда я запускаю автоматическую проверку, это (разумно так) воспринимает текст-заполнитель как проблему цветового контраста. Это создает бизнес-проблему - поскольку получение автоматических тестов без предупреждения является одним из требований доступности клиента.

Приложения Android, похоже, имеют флаг типа «IMPORTANT_FOR_ACCESSIBILITY_NO», которого было бы достаточно для этой проблемы. Есть ли какой-то эквивалент для веб-приложений JavaScript?

1 Ответ

3 голосов
/ 10 октября 2019

Краткий ответ - нет, нет способа скрыть текст местозаполнителя от проверок доступности, не скрывая всего поля (aria-hidden = "true"), что является недопустимым маршрутом, как вы можете себе представить.

Единственный вопрос, который вы должны задать: зачем вообще использовать текст-заполнитель, если он не предлагает никакой другой цели, кроме оформления? (не можете ли вы сделать форму более презентабельной по-другому)

Либо сделайте ее достаточно высокой контрастности (#767676 на белом - 4,5: 1) и курсива (единственный курсив подходит для перспективы доступности) илиполностью избавиться от него.

Если у вас есть правильных связанных меток с каждым полем ввода , то текст-заполнитель должен использоваться только для передачи дополнительной информации, такой как форматирование (например,введите дату в формате ДД / ММ / ГГГГ).

Примечание - если вы добавите в поле дополнительную информацию через заполнитель, например, как отформатировать дату, убедитесь, что вы также добавили информацию в метку и используете«визуально скрытый» класс для скрытия содержимого этого текста, так как программы чтения с экрана часто игнорируют заполнитель текста, и эта информация полезна для незрячих пользователей.

Подумайте об этом так: -

У Джона естьпроблемы низкого восприятия контраста (точка контрастности 4,5: 1).

Джон встречает вашу форму на веб-сайте и видит какой-то действительно фальшивый текст.

Джон напрягает глаза только для того, чтобы понять,text не содержит никакой полезной информации.

Вы добавили 1 незначительное раздражение на свой сайт, которое может снизить объем продаж для таких клиентов, как Джон. (Я знаю, что это незначительно, но наша цель - устранить барьеры для продажи / запроса на каждом этапе.)

Хуже того, если Джон вообще не может разобрать текст, он может подумать, что он передает важную информацию ибыть неуверенным в том, что ему нужно ввести, заставляя его полностью отказаться от вашей формы.

...