Доступны ли стили контура начальной загрузки по умолчанию?
Допустим, я использую последний бутстрап. У меня есть переменная sass основного цвета, установленная на черный, так что это будет означать, что цвет контура кнопки по умолчанию будет
rgba(0, 0, 0, .25), который не проходит WCAG 2.0. Должен ли я переопределить стили контура начальной загрузки по умолчанию для более доступных, или цветовой контраст контуров не имеет значения?
Ответы 1
Цветовой контраст всегда имеет значение, будь то контуры или любой другой графический элемент пользовательского интерфейса.
Для людей, использующих клавиатуру для навигации по элементам страницы и фокусировки на них, и которые используют только визуальную индикацию (т. е. не программы для чтения с экрана), разработчики должны предоставить некоторую визуальную подсказку, чтобы они знали, что элемент находится в фокусе.
Если вы измените цвет фона сфокусированного элемента, чтобы его можно было визуально идентифицировать, контур не будет иметь большого значения. Но если вы не обращаетесь к стилям состояния focus, вам следует полагаться на схему для стилей состояния focus. В этом случае вам нужно убедиться, что outline стили проходят тесты на доступность.
Я бы сказал, что тени могут быть полезны для поддержания видимого разграничения между элементами. Пример заголовка stackoverflow, который вы привели, попадает в эту категорию, и — если убрать эстетику — помогает выделить заголовок, потому что SO использует линии и границы здесь и там. Обратите внимание, что это может не понадобиться на веб-сайтах, которые вообще не используют никаких границ (или линий), но вы должны задать себе вопрос: «Все ли могут различить этот элемент?». ИМХО, задавать такие вопросы — это первый шаг к доступным веб-сайтам.
Я думаю, что большинство теней не имеют достаточного контраста с фоном. Это имеет значение?
Спасибо! Как насчет теней на элементах? Могу ли я накладывать суперсветлые тени на элементы (как в заголовке переполнения стека)?