Aksesueshmëria

Një përmbledhje e shkurtër e veçorive dhe kufizimeve të Bootstrap për krijimin e përmbajtjes së aksesueshme.

Bootstrap ofron një kornizë të lehtë për t'u përdorur të stileve të gatshme, mjeteve të paraqitjes dhe komponentëve ndërveprues, duke i lejuar zhvilluesit të krijojnë faqe interneti dhe aplikacione që janë tërheqëse vizualisht, të pasura funksionalisht dhe të aksesueshme jashtë kutisë.

Vështrim i përgjithshëm dhe kufizimet

Aksesueshmëria e përgjithshme e çdo projekti të ndërtuar me Bootstrap varet në masë të madhe nga shënimi i autorit, stili shtesë dhe skriptet që ata kanë përfshirë. Megjithatë, me kusht që këto të jenë zbatuar në mënyrë korrekte, duhet të jetë krejtësisht e mundur të krijohen faqe interneti dhe aplikacione me Bootstrap që përmbushin WCAG 2.1 (A/AA/AAA), Seksionin 508 dhe standarde dhe kërkesa të ngjashme aksesueshmërie.

Shënimi strukturor

Stili dhe faqosja e Bootstrap mund të aplikohen në një gamë të gjerë strukturash markup. Ky dokumentacion synon t'u sigurojë zhvilluesve shembuj të praktikave më të mira për të demonstruar përdorimin e vetë Bootstrap dhe për të ilustruar shënimin e duhur semantik, duke përfshirë mënyrat në të cilat mund të adresohen shqetësimet e mundshme të aksesueshmërisë.

Komponentët ndërveprues

Komponentët interaktivë të Bootstrap-të tilla si dialogët modalë, menytë rënëse dhe këshillat e personalizuara të veglave- janë krijuar për të funksionuar për përdoruesit e prekjes, miut dhe tastierës. Nëpërmjet përdorimit të roleve dhe atributeve përkatëse WAI - ARIA , këta komponentë duhet të jenë gjithashtu të kuptueshëm dhe të operueshëm duke përdorur teknologji ndihmëse (të tilla si lexuesit e ekranit).

Për shkak se komponentët e Bootstrap janë projektuar qëllimisht për të qenë mjaft gjenerikë, autorëve mund t'u duhet të përfshijnë role dhe atribute të mëtejshme ARIA , si dhe sjelljen JavaScript, për të përcjellë më saktë natyrën dhe funksionalitetin e saktë të komponentit të tyre. Kjo zakonisht shënohet në dokumentacion.

Kontrasti i ngjyrave

Disa kombinime ngjyrash që aktualisht përbëjnë paletën e paracaktuar të Bootstrap - të përdorura në të gjithë kornizën për gjëra të tilla si variacionet e butonave, variacionet e alarmit, treguesit e vërtetimit të formës - mund të çojnë në kontrast të pamjaftueshëm të ngjyrave (nën raportin e rekomanduar të kontrastit të tekstit WCAG 2.1 prej 4,5:1 dhe raporti i kontrastit të ngjyrave pa tekst WCAG 2.1 3:1 ), veçanërisht kur përdoret në një sfond të lehtë. Autorët inkurajohen të testojnë përdorimet e tyre specifike të ngjyrës dhe, kur është e nevojshme, t'i modifikojnë/zgjerojnë manualisht këto ngjyra të paracaktuara për të siguruar raporte adekuate të kontrastit të ngjyrave.

Përmbajtja që duhet të jetë e fshehur vizualisht, por të mbetet e aksesueshme për teknologjitë ndihmëse si lexuesit e ekranit, mund të stilohet duke përdorur .sr-onlyklasën. Kjo mund të jetë e dobishme në situatat kur informacioni ose sugjerimet vizuale shtesë (të tilla si kuptimi i treguar përmes përdorimit të ngjyrës) duhet t'u transmetohen gjithashtu përdoruesve jo-vizualë.

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

Për kontrollet interaktive të fshehura vizualisht, të tilla si lidhjet tradicionale të "kalimit", .sr-onlymund të kombinohen me .sr-only-focusableklasën. Kjo do të sigurojë që kontrolli të bëhet i dukshëm pasi të fokusohet (për përdoruesit e tastierës me shikim).

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

Lëvizje e reduktuar

Bootstrap përfshin mbështetje për prefers-reduced-motionveçorinë e medias . Në shfletuesit/mjediset që lejojnë përdoruesin të specifikojë preferencën e tij për lëvizje të reduktuar, shumica e efekteve të tranzicionit CSS në Bootstrap (për shembull, kur hapet ose mbyllet një dialog modal, ose kur animacioni rrëshqitës në karuselë) do të çaktivizohen dhe animacionet kuptimplote ( siç janë rrotulluesit) do të ngadalësohen.