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.
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.
„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 „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 WAI – ARIA 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.
Most colors that currently make up Bootstrap’s default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—lead to insufficient color contrast (below the recommended WCAG 2.0 color contrast ratio of 4.5:1) when used against a light background. Authors will need to manually modify/extend these default colors to ensure adequate color contrast ratios.
Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the .sr-only class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.
<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>