Цель отключения CSS для проверки доступности сайта

Многие разработчики / эксперты по доступности предлагают отключить CSS для проверки веб-сайта на доступность, но никто явно не говорит, как это может быть полезно с точки зрения веб-доступности.

Итак, вот я и спрашиваю вас именно об этом, потому что все мои попытки проверить это в надежных (Я ХОЧУ ВЕРИТЬ!) Источниках, таких как "w3.org", включая их рекомендации WCAG 2.0, ничего не говорят о том, чтобы сделать веб-сайт доступным без CSS. Более того, они говорят, что на него можно "положиться" какой-то технологии, например, CSS.


css accessibility web-accessibility wcag wcag2.0
person popiweho    schedule 14.12.2017    source источник

Ответы (3)


arrow_upward
3
arrow_downward

Вам больше не нужно явно проверять, читаются ли страницы без CSS, но это может быть полезно в качестве метода обеспечения правильного порядка чтения.

Требование сделать страницы доступными для чтения без CSS является пережитком тех дней, когда Раздел 508 был доминирующим стандартом доступности.

36 CFR, части 1193 и 1194 - опубликовано 18 февраля 2017 г.

В критериях успеха WCAG 2.0 нет прямой аналогии с разделом 1194.22 (d) существующих стандартов 508, который гласит: «документы должны быть организованы таким образом, чтобы их можно было читать, не требуя связанной таблицы стилей». 36 Свода федеральных правил, §1194.22 (d).

https://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-ict-refresh/final-rule/single-file-version

WCAG 2.0 решает эту же проблему другим способом: Успешно. Критерий 1.3.2 - значимая последовательность.

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

person Josh    schedule 14.12.2017

arrow_upward
1
arrow_downward

Я бы сказал, что хорошая причина для фактического отключения CSS с точки зрения проверки доступности - это убедиться, что структура вашего сайта построена логическим образом.

С другой стороны, лучший способ проверить это - использовать программу чтения с экрана и переходить по сайту с помощью tab / shift + tab с клавиатура. Таким образом, вы не только получите момент эврики по структурным вопросам, но и получите звуковую обратную связь, которая даст вам много AHA: s о фразировках, проблемах ARIA и скрытых элементах, которые не скрыты доступным способом.

Я предлагаю вам попробовать ChromeVox.

person Valross.nu    schedule 14.12.2017
comment
Вы правы, отключение CSS - это хороший способ проверить структуру и порядок элементов, но не могли бы вы подробнее рассказать о том, что вы также получите звуковой отзыв, который даст вам много AHA: s о фразировках, проблемах ARIA и скрытых элементах, а не о скрытых элементах. спрятано доступным способом? Было бы здорово увидеть любые примеры, если это возможно. Спасибо за помощь, приятель. - person popiweho; 14.12.2017
comment
Один из основных примеров - это когда вы думаете, что сделали отличную кнопку открытого меню. Вы устанавливаете aria-label в меню «Открыть» (или любой другой текст для специальных возможностей) и вносите изменения в скрипт при щелчке так, чтобы он говорил «Закрыть». Все выглядит красиво и модно, но когда вы используете ChromeVox и используете клавиатуру только для перехода к элементу, вы никогда не доберетесь до него. Я обнаружил подобные проблемы, потому что я (или кто-то другой) забыл сделать кнопку семантически правильной кнопкой! Примеры сложны, но я переборщил с полем поиска, обновив кнопку поиска с вводом текста. Проверено слепым человеком, сказал, красиво сделано, но сбивает с толку. знак равно - person Valross.nu; 14.12.2017

arrow_upward
0
arrow_downward

Если вы используете инструмент тестирования доступности Wave, вы можете фактически отключить стили в этом инструменте. Таким образом, как встроенный в инструмент тестирования, это отличный способ проверить поток структурных элементов. Нет никакой цели отключать CSS, кроме проверки доступности таким способом.

person Valross.nu    schedule 20.12.2017