2016-08-09 2 views
3

Моя команда столкнулась с некоторыми проблемами с признанием bootstrap 3 раскрывающихся списков (http://getbootstrap.com/components/#dropdowns) для чтения с экрана для людей с ослабленным зрением. Поэтому мне интересно, если загрузочный блок 3 совместим с 508 секцией соответствия (http://www.section508.gov/)?Является ли Bootstrap 3 совместимым с секцией соответствия 508?

Если это не так, есть ли какие-либо загрузочные плагины, которые совместимы с секцией 508?

+0

Я буду удивлен, если это (если это что-то вроде правил ЕС, которые покрывают подобные вещи), но это, похоже, имеет большое значение для помощи: https://github.com/paypal/bootstrap-accessibility-plugin –

+0

Они не указывают, что они соответствуют требованиям 508 Compliance в разделе «Доступность» (http://getbootstrap.com/getting-started/#accessibility), но они описывают ресурсы, испеченные, а также ссылки на способы определения проблем доступности, чтобы вы могут исправить их с минимальными усилиями. –

ответ

0

Я тестировал выпадающее меню бутстрапа, используя NVDA, и они работают правильно, предполагая, что они правильно помечены. Вы должны убедиться, что элемент, используемый для раскрывающегося «кнопки», - это элемент, который может сфокусироваться, он не может быть div или span, а ul должен иметь role = «menu».

Чтобы использовать выпадающее меню с NVDA, например, перемещаться с помощью и , а затем нажмите клавишу ВВОД, чтобы открыть меню.

Код должен выглядеть следующим образом:

<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"> Dropdown Menu Button <span class="fa fa-caret-down">&nbsp; </span></a> 

<ul class="dropdown-menu" role="menu"> 
    <li><a href="https://www.google.com/" target="_blank" title="Link to Google">Link to Google</a></li> 
    <li>Just some Text</li> 
    <li><a href="http://www.stackoverlow.com/" target="_blank" title="Stack Overflow">Stack Overflow</a></li> 
</ul> 
0

Согласно http://achecker.ca/checker/index.php и контрольный список из http://webaim.org/standards/508/checklist, кажется, что самозагрузки 3 не имеет каких-либо серьезных проблем с разделом 508 соответствия.

Но, к сожалению, выпадающие списки бутстрапов не читаются читателями экрана так же, как читатели делают это для избранных тегов, даже с https://github.com/paypal/bootstrap-accessibility-plugin. Поэтому для людей с ослабленным зрением может быть немного сложно выбрать некоторые значения в длинных списках, например. выберите список стран.

Смежные вопросы