Поля формы имеют одинаковый цвет фона, чем у страницы, нарушают какие-либо правила доступности?

У меня есть простая страница с полями формы. И поля формы, и страница имеют белый цвет фона (по умолчанию в браузере). Вызовет ли это проблему для пользователей с нарушениями зрения, поскольку им, вероятно, будет трудно найти поля формы визуально?

2 ответа

Что касается 508, это хорошо, если вы не бросаете border:none в теме. Вспомогательная технология (используемая людьми с ограниченными возможностями) захватывает все <label> С этим связано:

<label for="someID">Your Name</label> <input type="text" id="someID">

Если вы хотите быть модным, вы можете сделать:

input:focus { outline-color: #006; outline-offset: 3px; outline-width:2px; }

Доступность или соответствие 508 зависит от множества факторов в отношении того, как поле визуализируется или изменяется.

  • Некоторые пользователи с нарушениями зрения могут использовать программу чтения с экрана, и в этом случае цвет фона не будет иметь такого большого значения, но тег "label" и другие атрибуты доступности будут иметь первостепенное значение.
  • Если вы не применили какой-либо конкретный CSS для изменения цвета фона, браузер отобразит его в своей собственной теме пользовательского интерфейса, которая обычно доступна. Многие пользователи с нарушениями зрения, у которых нет программы чтения с экрана, либо используют экранную лупу, либо используют высококонтрастную схему, поэтому это не должно быть проблемой.

Короче говоря, если вы правильно применили тег "label" и в значительной степени не смешались с цветами поля формы (т. Е. Оставили его в браузере для его визуализации), вы должны иметь форму, соответствующую 508.

Другие вопросы по тегам