Irisgarritasuna
Bootstrap-en ezaugarri eta mugen ikuspegi laburra eduki eskuragarria sortzeko.
Bootstrap-ek prest egindako estiloen, diseinu-tresnen eta osagai interaktiboen esparru erabilerraza eskaintzen du, garatzaileek bisualki erakargarriak, funtzionalki aberatsak eta eskuragarriak diren webguneak eta aplikazioak sortzeko aukera emanez.
Bootstrap-ekin eraikitako edozein proiekturen irisgarritasun orokorra egilearen markaketaren, estilo osagarrien eta sartu dituzten scripten araberakoa da hein handi batean. Hala ere, hauek behar bezala inplementatu badira, guztiz posiblea izan beharko litzateke WCAG 2.0 (A/AA/AAA), 508 artikulua eta antzeko irisgarritasun estandarrak eta baldintzak betetzen dituzten Bootstrap-ekin webguneak eta aplikazioak sortzea.
Bootstrap-en estiloa eta diseinua marka-egitura ugaritan aplika daiteke. Dokumentazio honek garatzaileei praktika onen adibideak eskaini nahi dizkie Bootstrap-en erabilera erakusteko eta markaketa semantiko egokia erakusteko, erabilerraztasun-arazo potentzialak konpontzeko moduak barne.
Bootstrap-en osagai interaktiboak (adibidez, elkarrizketa modalak, goitibeherako menuak eta tresna-aholku pertsonalizatuak) ukipen, sagua eta teklatuaren erabiltzaileentzat funtzionatzeko diseinatuta daude. WAI - ARIA rol eta atributu garrantzitsuak erabiliz, osagai horiek ulergarriak eta funtzionagarriak izan behar dute teknologia laguntzaileak erabiliz (pantaila-irakurgailuak, esaterako).
Bootstrap-en osagaiak nahiko generikoak izateko diseinatuta daudenez, baliteke egileek ARIA rol eta atributu gehiago sartu behar izatea, baita JavaScript portaera ere, beren osagaiaren izaera eta funtzionaltasun zehatza zehatzago helarazteko. Hori normalean dokumentazioan adierazi ohi da.
Gaur egun Bootstrap-en paleta lehenetsia osatzen duten kolore gehienek —esparru osoan erabiltzen dira, hala nola, botoien aldaerak, alerta aldaerak, inprimakiak baliozkotzeko adierazleak— kolore kontraste nahikoa ez dakar (4,5:1 gomendatutako WCAG 2.0 kolore-kontraste-ratioaren azpitik ) aurka erabiltzen denean . hondo argia. Egileek eskuz aldatu/hedatu beharko dituzte kolore lehenetsi horiek kolore-kontraste-ratio egokiak bermatzeko.
Ikusmen ezkutatuta egon behar den edukia, baina laguntza-teknologiek (pantaila-irakurgailuak, esaterako) erabilgarri egon behar duten edukia, .sr-onlyklasearen bidez molda daiteke. Hau erabilgarria izan daiteke ikusizko informazio edo seinale osagarriak (adibidez, kolorearen erabileraren bidez adierazten den esanahia) erabiltzaile ez direnei ere helarazi behar zaizkien egoeretan.
<p class="text-danger">
<span class="sr-only">Danger: </span>
This action is not reversible
</p>Ikusmen ezkutatuta dauden kontrol interaktiboetarako, adibidez, "saltatzeko" estek tradizionalak , klasearekin .sr-onlykonbina daitezke . .sr-only-focusableHonek kontrola ikusgarria izango dela ziurtatuko du fokuratuta dagoenean (teklatuaren erabiltzaile ikusmenean).
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>Bootstrap-ek prefers-reduced-motionmultimedia funtziorako euskarria dakar . Erabiltzaileak mugimendua murrizteko lehentasuna zehaztea ahalbidetzen duten arakatzaile/inguruneetan, Bootstrap-en CSS trantsizio-efektu gehienak desgaitu egingo dira (adibidez, elkarrizketa modal bat irekitzen edo ixten denean). Gaur egun, laguntza Safarira mugatuta dago macOS eta iOS-en.