Source

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 kryesisht 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.0 (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ët mund të kenë nevojë 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

Shumica e ngjyrave 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 - çojnë në kontrast të pamjaftueshëm të ngjyrave (nën raportin e rekomanduar të kontrastit të ngjyrave WCAG 2.0 prej 4,5:1 ) kur përdoren kundër një sfond i lehtë. Autorët do të duhet të modifikojnë/zgjerojnë manualisht këto ngjyra të paracaktuara për të siguruar raporte adekuate të kontrastit të ngjyrave.

Përmbajtja e fshehur vizualisht

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ë (si kuptimi i treguar përmes përdorimit të ngjyrës) duhet gjithashtu t'u përcillen 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 animacioni rrëshqitës në karuselë) do të çaktivizohen.

Burime shtesë