Mein Team stellte einige Probleme mit der Erkennung von bootstrap 3 Dropdown-Listen (http://getbootstrap.com/components/#dropdowns) von Bildschirmlesegeräten für sehbehinderte Menschen. Also ich bin gespannt, ob bootstrap 3 kompatibel mit 508 compliance abschnitt (http://www.section508.gov/)?Ist Bootstrap 3 mit 508 Compliance-Abschnitt kompatibel?
Wenn nicht, gibt es irgendwelche Bootstrap-Plugins, die es mit Abschnitt 508 kompatibel machen?
Ich habe das Bootstrap-Dropdown-Menü mit NVDA getestet und sie funktionieren ordnungsgemäß, vorausgesetzt, sie sind ordnungsgemäß markiert. Sie müssen sicherstellen, dass das Element, das für die Dropdown-Schaltfläche "button" verwendet wird, ein Element ist, das den Fokus verwenden kann, es kann kein div oder span sein und die ul muss role = "menu" haben.
Um das Drop-Down mit NVDA zum Beispiel verwenden Sie ↑ und ↓ mit navigieren und drücken Sie dann das Menü zu öffnen.
sollte der Code wie folgt aussehen:
<a aria-expanded="false" aria-haspopup="true" class="dropdown-toggle" data-toggle="dropdown"> Dropdown Menu Button <span class="fa fa-caret-down"> </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>
Nach http://achecker.ca/checker/index.php und Checkliste von http://webaim.org/standards/508/checklist es, dass die Bootstrap-3 scheint nicht über alle wichtigen Fragen, mit 508 Compliance-Abschnitt.
Leider sind Bootstrap-Drop-Downs für Screenreader nicht lesbar, genauso wenig wie für ausgewählte Tags, selbst mit https://github.com/paypal/bootstrap-accessibility-plugin. So könnte es für sehbehinderte Menschen ein wenig schwierig sein, einige Werte in langen Listen auszuwählen, z. Wählen Sie die Länderliste.
Ich bin überrascht, wenn es ist (wenn es etwas wie die EU-Regeln sind, die ähnliche Dinge abdecken), aber dies scheint einen langen Weg zu helfen: https://github.com/paypal/bootstrap-accessibility-plugin –
Sie geben nicht ausdrücklich an, dass sie in ihrem Accessibility-Abschnitt (http://getbootstrap.com/getting-started/#accessibility) 508 Compliance erfüllen, aber sie umreißen die Ressourcen, in denen sie eingebettet sind, sowie Links, wie Sie Barrierefreiheitsprobleme feststellen können kann sie mit minimalem Aufwand reparieren. –