Source

Accessibilitéit

E kuerzen Iwwerbléck iwwer d'Features an d'Aschränkungen vun Bootstrap fir d'Schafe vun zougänglechen Inhalt.

Bootstrap bitt en einfach ze benotzen Kader vu fäerdege Stiler, Layout-Tools an interaktive Komponenten, wat d'Entwéckler erlaabt Websäiten an Uwendungen ze kreéieren déi visuell attraktiv, funktionell räich an aus der Këscht zougänglech sinn.

Iwwersiicht an Aschränkungen

D'allgemeng Accessibilitéit vun all Projet gebaut mat Bootstrap hänkt zu engem groussen Deel vum Auteur d'Markup, zousätzlech Styling, a Skript se abegraff. Wéi och ëmmer, virausgesat datt dës korrekt ëmgesat goufen, sollt et perfekt méiglech sinn Websäiten an Uwendungen mat Bootstrap ze kreéieren déi WCAG 2.0 (A/AA/AAA), Section 508 an ähnlech Accessibilitéitsnormen an Ufuerderunge erfëllen.

Strukturell Markup

De Styling an de Layout vum Bootstrap kënnen op eng breet Palette vu Markupstrukturen applizéiert ginn. Dës Dokumentatioun zielt d'Entwéckler mat beschten Praxis Beispiller ze bidden fir d'Benotzung vu Bootstrap selwer ze demonstréieren an entspriechend semantesch Markup ze illustréieren, inklusiv Weeër wéi potenziell Accessibilitéitsprobleemer kënne behandelt ginn.

Interaktiv Komponenten

Bootstrap's interaktive Komponenten - sou wéi modal Dialoger, Dropdown-Menüen a personaliséiert Tooltips - sinn entwéckelt fir Touch, Maus a Keyboard Benotzer ze schaffen. Duerch d'Benotzung vun relevante WAI - ARIA Rollen an Attributer, sollten dës Komponenten och verständlech an operabel sinn mat Hëllefstechnologien (wéi Écran Lieser).

Well d'Komponente vum Bootstrap bewosst entworf sinn zimlech generesch ze sinn, kënnen d'Auteuren eventuell weider ARIA Rollen an Attributer mussen enthalen, souwéi JavaScript Verhalen, fir méi präzis d'präzis Natur an d'Funktionalitéit vun hirer Komponent ze vermëttelen. Dëst ass normalerweis an der Dokumentatioun festgestallt.

Faarf Kontrast

Déi meescht Faarwen, déi am Moment dem Bootstrap seng Standardpalette ausmaachen - am ganze Kader benotzt fir Saache wéi Knäppervariatiounen, Alarmvariatioune, Formvalidatiounsindikatoren - féieren zu net genuch Faarfkontrast (ënnert dem recommandéierte WCAG 2.0 Faarfkontrastverhältnis vu 4.5:1 ) e liichtem Hannergrond. Autoren mussen dës Standardfaarwen manuell änneren / verlängeren fir adäquat Faarfkontrastverhältnisser ze garantéieren.

Visuell verstoppt Inhalt

Inhalt dee visuell verstoppt soll sinn, awer zougänglech bleift fir Assistenztechnologien wéi Bildschirmlieser, ka mat der .sr-onlyKlass styléiert ginn. Dëst kann nëtzlech sinn a Situatiounen, wou zousätzlech visuell Informatioun oder Hiweiser (wéi d'Bedeitung duerch d'Benotzung vu Faarf bezeechent) och un net-visuelle Benotzer vermëttelt musse ginn.

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

Fir visuell verstoppt interaktiv Kontrollen, wéi traditionell "Sprangen" Linken, .sr-onlykënne mat der .sr-only-focusableKlass kombinéiert ginn. Dëst wäert suergen datt d'Kontroll siichtbar gëtt eemol fokusséiert (fir gesinn Keyboard Benotzer).

<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>

Reduzéiert Bewegung

Bootstrap enthält Ënnerstëtzung fir d' prefers-reduced-motionMedien Feature . A Browser / Ëmfeld, déi de Benotzer erlaben hir Präferenz fir reduzéierter Bewegung ze spezifizéieren, ginn déi meescht CSS Iwwergangseffekter am Bootstrap (zum Beispill wann e modalen Dialog op oder zougemaach gëtt, oder d'Rutschanimatioun a Karussell) ausgeschalt.

Zousätzlech Ressourcen