Aksesueshmëria

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

Në këtë faqe

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 ndërveprues 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

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 .visually-hiddenklasë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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Për kontrolle interaktive të fshehura vizualisht, të tilla si lidhjet tradicionale "kapërceje", përdorni .visually-hidden-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). Kujdes, krahasuar me ekuivalentet .sr-onlydhe .sr-only-focusableklasat në versionet e kaluara, Bootstrap 5 .visually-hidden-focusableështë një klasë e pavarur dhe nuk duhet të përdoret në kombinim me .visually-hiddenklasën.

<a class="visually-hidden-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.

Në shfletuesit që mbështesin prefers-reduced-motiondhe ku përdoruesi nuk ka sinjalizuar në mënyrë eksplicite se do të preferonte lëvizje të reduktuar (dmth. ku prefers-reduced-motion: no-preference), Bootstrap mundëson lëvizje të qetë duke përdorur veçorinë scroll-behavior.