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.
D'allgemeng Accessibilitéit vun all Projet gebaut mat Bootstrap hänkt gréisstendeels vun der Markup vum Auteur, zousätzlech Styling, a Skript, déi se abegraff hunn. 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.
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.
Bootstrap's interaktive Komponenten - sou wéi modal Dialoger, Dropdown-Menüen a personaliséiert Tooltipps - 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'Bootstrap Komponente virsiichteg 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éi präzis Natur a Funktionalitéit vun hirer Komponent ze vermëttelen. Dëst ass normalerweis an der Dokumentatioun festgestallt.
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.
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>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 zou ass) ausgeschalt. De Moment ass d'Ënnerstëtzung limitéiert op Safari op macOS an iOS.