Aðgengi

Stutt yfirlit yfir eiginleika Bootstrap og takmarkanir til að búa til aðgengilegt efni.

Á þessari síðu

Bootstrap býður upp á auðvelt í notkun umgjörð af tilbúnum stílum, útlitsverkfærum og gagnvirkum íhlutum, sem gerir forriturum kleift að búa til vefsíður og forrit sem eru sjónrænt aðlaðandi, virknirík og aðgengileg beint úr kassanum.

Yfirlit og takmarkanir

Heildaraðgengi hvers verkefnis sem byggt er með Bootstrap fer að miklu leyti eftir álagningu höfundar, viðbótarsniði og forskriftarformi sem þeir hafa innifalið. Hins vegar, að því gefnu að þetta hafi verið útfært á réttan hátt, ætti að vera fullkomlega mögulegt að búa til vefsíður og forrit með Bootstrap sem uppfylla WCAG 2.1 (A/AA/AAA), Section 508 , og svipaða aðgengisstaðla og kröfur.

Byggingarálagning

Stíll og útlit Bootstrap er hægt að nota á margs konar merkingarmannvirki. Þessi skjöl miða að því að veita forriturum dæmi um bestu starfsvenjur til að sýna fram á notkun Bootstrap sjálfs og sýna viðeigandi merkingarmerki, þar á meðal hvernig hægt er að bregðast við hugsanlegum aðgengisvandamálum.

Gagnvirkir þættir

Gagnvirkir íhlutir Bootstrap-svo sem formglugga, fellivalmyndir og sérsniðnar verkfæraábendingar – eru hannaðir til að virka fyrir notendur snerti-, músa og lyklaborðs. Með því að nota viðeigandi WAI - ARIA hlutverk og eiginleika ættu þessir þættir einnig að vera skiljanlegir og starfhæfir með því að nota hjálpartækni (eins og skjálesara).

Vegna þess að íhlutir Bootstrap eru vísvitandi hannaðir til að vera nokkuð almennir, gætu höfundar þurft að fela í sér frekari ARIA hlutverk og eiginleika, sem og JavaScript hegðun, til að koma nákvæmari á framfæri nákvæmlega eðli og virkni íhluta þeirra. Þetta er venjulega tekið fram í skjölunum.

Litaskil

Sumar litasamsetningar sem nú mynda sjálfgefna litatöflu Bootstrap - notaðar í gegnum rammann fyrir hluti eins og hnappaafbrigði, viðvörunarafbrigði, eyðublaðsstaðfestingarvísa - gætu leitt til ófullnægjandi litaskila (fyrir neðan ráðlagða WCAG 2.1 textalitaskilahlutfallið 4,5:1 og WCAG 2.1 litaskilahlutfall án texta 3:1 ), sérstaklega þegar það er notað á ljósum bakgrunni. Höfundar eru hvattir til að prófa sérstaka litanotkun og, ef nauðsyn krefur, breyta/framlengja þessa sjálfgefna liti handvirkt til að tryggja fullnægjandi litaskilahlutföll.

Efni sem ætti að vera sjónrænt falið, en vera aðgengilegt fyrir hjálpartækni eins og skjálesara, er hægt að stíla með .visually-hiddenbekknum. Þetta getur verið gagnlegt í aðstæðum þar sem frekari sjónrænar upplýsingar eða vísbendingar (svo sem merkingu táknuð með litanotkun) þarf einnig að miðla til notenda sem ekki eru sjónrænir.

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

Notaðu bekkinn fyrir sjónrænt falda gagnvirka stýringu, eins og hefðbundna „sleppa“ hlekki .visually-hidden-focusable. Þetta mun tryggja að stjórnin verði sýnileg þegar fókus hefur verið stillt (fyrir sjáandi lyklaborðsnotendur). Passaðu þig, miðað við jafngildi .sr-onlyog .sr-only-focusableflokka í fyrri útgáfum, Bootstrap 5 .visually-hidden-focusableer sjálfstæður flokkur og má ekki nota í samsetningu með .visually-hiddenbekknum.

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

Minni hreyfing

Bootstrap inniheldur stuðning fyrir prefers-reduced-motionfjölmiðlaeiginleikann . Í vöfrum/umhverfi sem gera notandanum kleift að tilgreina val sitt fyrir minni hreyfingu, verða flest CSS umbreytingaráhrif í Bootstrap (til dæmis þegar valmynd er opnuð eða lokuð, eða rennihreyfing í hringekjum) óvirk og þroskandi hreyfimyndir ( eins og spuna) verður hægt á.

Í vöfrum sem styðja prefers-reduced-motion, og þar sem notandinn hefur ekki beinlínis gefið til kynna að hann vilji frekar minnkaða hreyfingu (þ.e. hvar prefers-reduced-motion: no-preference), gerir Bootstrap kleift að fletta sléttri með því að nota scroll-behavioreiginleikann.