L'accessibilità

Una breve panoramica di e funzioni è limitazioni di Bootstrap per a creazione di cuntenutu accessibile.

In sta pagina

Bootstrap furnisce un quadru faciule d'utilizazione di stili pronti, strumenti di layout è cumpunenti interattivi, chì permettenu à i sviluppatori di creà siti web è applicazioni chì sò visualmente attrattivi, ricchi funziunali è accessibili fora di a scatula.

Panoramica è limitazioni

L'accessibilità generale di qualsiasi prughjettu custruitu cù Bootstrap dipende in gran parte da u marcatu di l'autore, stili supplementari è scripting chì anu inclusu. In ogni casu, sempre chì questi sò stati implementati currettamente, deve esse perfettamente pussibule di creà siti web è applicazioni cù Bootstrap chì cumplenu WCAG 2.1 (A/AA/AAA), Sezione 508 , è standard di accessibilità simili è esigenze.

Marcatura strutturale

U stilu è u layout di Bootstrap pò esse applicatu à una larga gamma di strutture di marcatura. Questa ducumentazione hà per scopu di furnisce i sviluppatori cù esempi di pratiche megliu per dimustrà l'usu di Bootstrap stessu è illustrà un marcatu semanticu adattatu, cumprese modi in quale i prublemi di accessibilità potenziale ponu esse indirizzati.

Cumpunenti interattivi

I cumpunenti interattivi di Bootstrap, cum'è i dialoghi modali, i menu drop-down è i tooltips persunalizati, sò pensati per travaglià per l'utilizatori di toccu, mouse è tastiera. Per mezu di l'usu di roli è attributi WAI - ARIA pertinenti , questi cumpunenti anu da esse ancu comprensibili è operabili cù tecnulugia assistive (cum'è i lettori di schermu).

Perchè i cumpunenti di Bootstrap sò apposta cuncepiti per esse abbastanza generichi, l'autori puderanu avè bisognu di cumprendi altri roli è attributi ARIA , è ancu u cumpurtamentu JavaScript, per trasmette più precisamente a natura precisa è a funziunalità di u so cumpunente. Questu hè generalmente nutatu in a documentazione.

Cuntrastu di culore

Alcune cumminazzioni di culori chì custituiscenu attualmente a paleta predeterminata di Bootstrap - utilizata in tuttu u quadru per cose cum'è variazioni di buttone, variazioni d'alerta, indicatori di validazione di forma - ponu purtà à un cuntrastu di culore insufficiente (sottu u rapportu di cuntrastu di culore di testu WCAG 2.1 cunsigliatu di 4.5: 1). è u rapportu di cuntrastu di culore senza testu WCAG 2.1 di 3: 1 ), particularmente quandu s'utilice contr'à un fondo di luce. L'autori sò incuraghjiti à pruvà i so usi specifichi di u culore è, induve necessariu, mudificà / allargà manualmente questi culori predeterminati per assicurà proporzioni di cuntrastu di culore adatti.

U cuntenutu chì deve esse oculatu visualmente, ma resta accessibile à e tecnulugia di assistenza cum'è i lettori di schermu, pò esse stilatu cù a .visually-hiddenclasse. Questu pò esse utile in situazioni induve l'infurmazioni visuali supplementari o cues (cum'è u significatu denotatu per l'usu di u culore) anu da esse ancu trasmessi à l'utilizatori non visuali.

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

Per i cuntrolli interattivi visualmente oculati, cum'è ligami tradiziunali "skip", utilizate a .visually-hidden-focusableclassa. Questu hà da assicurà chì u cuntrollu diventa visibile una volta focalizata (per l'utilizatori di tastiera vista). Attenti, paragunatu à l'equivalenti .sr-onlyè e .sr-only-focusableclassi in e versioni passate, Bootstrap 5 .visually-hidden-focusablehè una classa standalone, è ùn deve esse usata in cumminazione cù a .visually-hiddenclassa.

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Movimentu ridottu

Bootstrap include supportu per a prefers-reduced-motionfunzione media . In i navigatori / ambienti chì permettenu à l'utilizatori di specificà a so preferenza per u muvimentu ridottu, a maiò parte di l'effetti di transizione CSS in Bootstrap (per esempiu, quandu un dialogu modale hè apertu o chjusu, o l'animazione scorrevule in caruselli) seranu disattivati, è animazioni significativu ( cum'è spinners) sarà rallentatu.

In i navigatori chì supportanu prefers-reduced-motion, è induve l'utilizatore ùn hà micca signalatu esplicitamente ch'elli preferanu un muvimentu ridottu (vale à dì induve prefers-reduced-motion: no-preference), Bootstrap permette un scrolling fluidu utilizendu a scroll-behaviorpruprietà.