Irisgarritasuna

Bootstrap-en eduki eskuragarriak sortzeko ezaugarri eta mugen ikuspegi laburra.

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.

Ikuspegi orokorra eta mugak

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.

Egiturazko markaketa

Bootstrap-en estiloa eta diseinua marka-egitura ugaritan aplika daitezke. Dokumentazio honek garatzaileei praktika onen adibideak eskaini nahi dizkie Bootstrap-en erabilera erakusteko eta markaketa semantiko egokia erakusteko, erabilerraztasun-arazo potentzialak konpontzeko moduak barne.

Osagai interaktiboak

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 dokumentazioan adierazi ohi da.

Kolore kontrastea

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 ezkutuan dauden kontrol interaktiboetarako, adibidez, "saltatzeko" estek tradizionalak , klasearekin .sr-onlykonbina daitezke . .sr-only-focusableHonek kontrola ikusgarri bihurtzen dela ziurtatuko du fokatuta dagoenean (teklatuaren erabiltzaile ikusgarrientzat).

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

Mugimendu murriztua

Bootstrap-ek prefers-reduced-motionmultimedia funtziorako euskarria dakar . Erabiltzaileak mugimendua murrizteko lehentasuna zehaztea ahalbidetzen duten arakatzaile/inguruneetan, Bootstrap-en CSS trantsizio-efektu gehienak (adibidez, elkarrizketa-koadroa irekitzen edo ixten denean edo karruseletan irristakorra den animazioa) desgaitu egingo dira.