Source

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 eskuragarri dauden 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 bera erabiltzen 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 (botoien aldaerak, alerta aldaerak, inprimakiak baliozkotzeko adierazleak bezalako gauzetarako erabiltzen diren marko osoan zehar) 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 ezkutuko edukia

Ikusmen ezkutatuta egon behar den edukia, baina laguntza-teknologietarako eskuragarria izaten jarraitzen du, hala nola pantaila-irakurgailuak, .sr-onlyklasea erabiliz estiloa jar 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>

Baliabide osagarriak