Accesibilidad nisqa
Huk pisi qhaway Bootstrap ruwanakunamanta chaymanta limitacionkunamanta yaykuy atiy ruwanakuna ruwanapaq.
Bootstrap huk mana sasa llamkana marco listo ruwasqa estilokuna, churana yanapakuykuna chaymanta interactivo componentekuna qun, ruwaqkunaman web kitikuna chaymanta ruwanakuna ruwayta atikunku mayqinkunachus rikuypaq munay, ruwana qhapaq chaymanta mana qutumanta yaykuy atikunku.
Resumen y Limitaciones
Bootstrap kaqwan ruwasqa mayqin ruwaypa tukuynin yaykuyninqa hatun rakipi qillqaqpa markasqanmanta, yapasqa estilomanta, chaymanta script kaqmanta paykuna churasqamanta hapirin. Ichaqa, kaykuna allinta ruwasqa kaqtinku, allinta atikunan tiyan web kitikuna chaymanta ruwanakuna Bootstrap kaqwan ruwayta mayqinkunachus WCAG 2.1 (A/AA/AAA), Sección 508 chaymanta rikch'aq yaykuy atiy kamachiykunata chaymanta mañakuykunata hunt'anku.
Marcado estructural nisqa
Bootstrap kaqpa estilon chaymanta churaynin huk hatun llamkanakuna markakuna ruwanakunaman churakunman. Kay qillqaqa ruwaqkunaman aswan allin ruway ejemplokuna quyta munan kikin Bootstrap llamk'achiyta rikuchinapaq chaymanta tupaq semántico markayta siq'inapaq, chaymanta imaynakuna atikuq haykuy llakikuykunata allichayta atikun.
Componentes interactivos nisqakuna
Bootstrap kaqpa interactivo componentes kaqnin —kayhina modal rimanakuna, urayk'aq menúkuna chaymanta sapanchasqa yanapakuypa yanapakuyninkuna— llamk'anapaq ruwasqa kanku llachpanapaq, sillu chaymanta teclado kaqmanta llamk'aqkunapaq. WaI - ARIA ruwanakuna chaymanta atributokuna tupaq llamk'achiyninwan , kay componentekuna yanapakuq tecnologiakuna llamk'achispa (pantalla ñawiriqkuna hina) entiendenapaq chaymanta llamk'anapaq kananku tiyan.
Imaynachus Bootstrap kaqpa componentes propósito ruwasqa kanku allin genérico kanankupaq, qillqaqkuna aswan ARIA ruwanakuna chaymanta atributokuna churayta necesitankuman, chaymanta JavaScript ruwanakuna, aswan chiqamanta chay componentenkupa chiqa kayninta chaymanta ruwayninta willanankupaq. Chaytaqa aswantaqa documentacionkunapin reparanku.
Contraste de colores nisqa
Wakin llimp'ikuna huñusqakuna kunan Bootstrap ñawpaqmanta paleta ruwanku —tukuy marco kaqpi llamk'achisqa imakuna hina botón t'ikray, willay tikray, formulario chiqaqchay rikuchiqkuna— mana suficiente llimp'i chiqanchayman pusanman ( WCAG 2.1 qillqa llimp'i chiqanchay ratio 4.5:1 yuyaychasqamanta uraypi chaymanta WCAG 2.1 mana qillqasqa llimp'ikuna chiqanchay ratio 3:1 kaqmanta ), aswanta huk k'anchay qhipaman llamk'achisqa kaqtin. Qillqaqkuna kallpachasqa kanku pruebapaq específicos utilizaciones de color kaqmanta chaymanta, maypichus necesario, makiwan kay ñawpaqmanta colores kaqmanta tikranku/mast'arinku allin color contraste ratios kaqta qhawanankupaq.
Rikunalla pakasqa contenido
Contenido mayqinkunachus rikuywan pakasqa kananku tiyan, ichaqa yanapakuq tecnologiakunaman pantalla ñawiriqkuna hina yaykuy atikuq qhipakunku, .sr-only
claseta llamk'achispa estilochasqa kanman. Kayqa allin kanman situacionkunapi maypichus huk rikuy willayta utaq señales (kayhina significado denotado a través de el uso de color) necesitantaq chayachiyta mana rikukuq usuariokunaman.
<p class="text-danger">
<span class="sr-only">Danger: </span>
This action is not reversible
</p>
Rikuna pakasqa interactivo kamachiykunapaq, imaynachus ñawpaq “saltar” t’inkikuna, clasewan .sr-only
tinkisqa kanman . .sr-only-focusable
Kayqa control huk kuti enfocado kaqmanta rikukuq kananpaq (rikuq teclado kaqmanta llamk'aqkunapaq).
<a class="sr-only sr-only-focusable" href="#content">Skip to main content</a>
Kuyuy pisiyachisqa
Bootstrap nisqaqa prefers-reduced-motion
willay mast'ariq ruwanapaq yanapakuyniyuqmi . Navegadorkunapi/pachakunapi mayqinkunachus ruwaqta pisiyachisqa kuyuypaq munasqanku willayta saqin, aswan CSS tikray efectos Bootstrap kaqpi (kayhina, mayk'aq huk modal rimanakuna kichasqa utaq wichq'asqa, utaq carruselkunapi llimp'i kuyuchiy) mana llamk'achisqa kanqa, chaymanta significativo animacionkuna ( ahinataq hiladorkuna) pisiyachisqa kanqa.
Yanapakuykuna yapasqa
- Web kaqpi Contenido Yaykuna Yaykuna Kamachiykuna (WCAG) 2.1
- El Proyecto A11Y
- MDN nisqaman chayay atiy qillqakuna
- Tenon.io Yaykuna atiy qhawaq
- Analizador de Contraste de Color (CCA) nisqa.
- “HTML Codesniffer” qillqana mayt’u yaykuy atiy sasachakuykunata riqsichinapaq
- Microsoft Yaykuna Yaykuna
- Deque Hacha prueba herramientakuna