Source

L'accessibilità

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

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. Tuttavia, a condizione chì questi sò stati implementati currettamente, deve esse perfettamente pussibule di creà siti web è applicazioni cù Bootstrap chì cumplenu WCAG 2.0 (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'è dialoghi modali, menu drop-down è 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

A maiò parte di i 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 - portanu à un cuntrastu di culore insufficiente (sottu u rapportu di cuntrastu di culore WCAG 2.0 cunsigliatu di 4.5: 1 ) quandu s'utilice contru. un fondu chjaru. L'autori anu bisognu di mudificà / allargà manualmente questi culori predeterminati per assicurà rapporti di cuntrastu di culore adattati.

Contenutu visualmente oculatu

U cuntenutu chì deve esse oculatu visualmente, ma resta accessibile à e tecnulugia di assistenza cum'è i lettori di schermu, pò esse stilatu cù a .sr-onlyclasse. 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="sr-only">Danger: </span>
  This action is not reversible
</p>

Per i cuntrolli interattivi visualmente oculati, cum'è ligami tradiziunali "skip", .sr-onlyponu esse cumminati cù a .sr-only-focusableclasse. Questu hà da assicurà chì u cuntrollu diventa visibile una volta focalizata (per l'utilizatori di tastiera vista).

<a class="sr-only sr-only-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) seranu disattivati. Attualmente, u supportu hè limitatu à Safari in macOS è iOS.

Risorse supplementari