Source

Prieinamumas

Trumpa „Bootstrap“ funkcijų ir prieinamo turinio kūrimo apribojimų apžvalga.

„Bootstrap“ suteikia lengvai naudojamą paruoštų stilių, išdėstymo įrankių ir interaktyvių komponentų sistemą, leidžiančią kūrėjams kurti svetaines ir programas, kurios būtų vizualiai patrauklios, funkcionaliai turtingos ir pasiekiamos iš karto.

Apžvalga ir apribojimai

Bendras bet kurio projekto, sukurto naudojant „Bootstrap“, prieinamumas daugiausia priklauso nuo autoriaus žymėjimo, papildomo stiliaus ir scenarijų, kuriuos jie įtraukė. Tačiau su sąlyga, kad jos buvo įdiegtos tinkamai, turėtų būti visiškai įmanoma sukurti svetaines ir programas naudojant „Bootstrap“, atitinkančias WCAG 2.0 (A/AA/AAA), 508 skyrių ir panašius prieinamumo standartus bei reikalavimus.

Struktūrinis žymėjimas

„Bootstrap“ stilius ir išdėstymas gali būti pritaikyti įvairioms žymėjimo struktūroms. Šios dokumentacijos tikslas – pateikti kūrėjams geriausios praktikos pavyzdžių, kaip parodyti paties „Bootstrap“ naudojimą ir iliustruoti tinkamą semantinį žymėjimą, įskaitant būdus, kuriais galima spręsti galimas prieinamumo problemas.

Interaktyvūs komponentai

Interaktyvūs „Bootstrap“ komponentai, tokie kaip modaliniai dialogai, išskleidžiamieji meniu ir pasirinktiniai patarimai, yra sukurti taip, kad veiktų liečiantiems, pelės ir klaviatūros naudotojams. Naudojant atitinkamus WAIARIA vaidmenis ir atributus, šie komponentai taip pat turėtų būti suprantami ir naudojami naudojant pagalbines technologijas (pvz., ekrano skaitytuvus).

Kadangi „Bootstrap“ komponentai yra sąmoningai sukurti taip, kad būtų gana bendri, autoriams gali tekti įtraukti daugiau ARIA vaidmenų ir atributų, taip pat „JavaScript“ elgsenos, kad būtų galima tiksliau perteikti tikslų jų komponento pobūdį ir funkcionalumą. Paprastai tai pažymima dokumentuose.

Spalvų kontrastas

Dauguma spalvų, kurios šiuo metu sudaro numatytąją „Bootstrap“ paletę (naudojamos visoje sistemoje, pvz., mygtukų variantams, įspėjimų variacijoms, formų patvirtinimo indikatoriams), sukelia nepakankamą spalvų kontrastą (žemiau rekomenduojamo WCAG 2.0 spalvų kontrasto santykio 4,5:1 ), kai jos naudojamos prieš šviesus fonas. Autoriai turės rankiniu būdu modifikuoti / išplėsti šias numatytas spalvas, kad užtikrintų tinkamą spalvų kontrasto santykį.

Vizualiai paslėptas turinys

Turinys, kuris turėtų būti vizualiai paslėptas, bet likti pasiekiamas pagalbinėms technologijoms, pvz., ekrano skaitytuvams, gali būti kuriamas naudojant .sr-onlyklasę. Tai gali būti naudinga tais atvejais, kai papildomos vaizdinės informacijos arba užuominų (pavyzdžiui, reikšmės, pažymėtos naudojant spalvas) reikia perteikti ir nevaizdiniams naudotojams.

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

Vizualiai paslėptus interaktyvius valdiklius, tokius kaip tradicinės „praleisti“ nuorodos, .sr-onlygalima derinti su .sr-only-focusableklase. Tai užtikrins, kad valdiklis taps matomas, kai tik sufokusuotas (regintiems klaviatūros naudotojams).

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

Sumažintas judesys

„Bootstrap“ palaiko prefers-reduced-motionmedijos funkciją . Naršyklėse/aplinkose, kuriose naudotojas gali nurodyti sumažinto judesio pirmenybę, dauguma CSS perėjimo efektų programoje „Bootstrap“ (pavyzdžiui, kai atidaromas arba uždaromas modalinis dialogo langas arba slankiojanti animacija karuselėse) bus išjungta.

Papildomi resursai