Accesibilidad nisqa

Huk pisi qhaway Bootstrap ruwanakunamanta chaymanta limitacionkunamanta yaykuy atiy ruwanakuna ruwanapaq.

Kay p'anqapi

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 kaptin, 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.

Contenido mayqinkunachus rikuywan pakasqa kananku tiyan, ichaqa yanapakuq tecnologiakunaman pantalla ñawiriqkuna hina yaykuy atikuq qhipakunku, .visually-hiddenclaseta 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="visually-hidden">Danger: </span>
  This action is not reversible
</p>

Rikuna pakasqa interactivo kamachiykunapaq, imaynachus ñawpaq “saltar” t’inkikuna, .visually-hidden-focusableclaseta llamk’achiy. Kayqa control huk kuti enfocado kaqmanta rikukuq kananpaq (rikuq teclado kaqmanta llamk'aqkunapaq). Qhaway, ñawpaq layakunapi kaqlla kaqwan .sr-onlychaymanta clasekunawan tupachisqa, Bootstrap 5's huk sapalla clase kaq, chaymanta mana clase kaqwan kuskachasqa llamk'achisqa kananchu tiyan ..sr-only-focusable.visually-hidden-focusable.visually-hidden

<a class="visually-hidden-focusable" href="#content">Skip to main content</a>

Kuyuy pisiyachisqa

Bootstrap nisqaqa prefers-reduced-motionwillay 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.

Yanapakuq maskaqkunapi prefers-reduced-motion, chaymanta maypi llamk'achiq mana sut'imanta rikuchisqachu pisiyachisqa kuyuyta munasqankuta (icha maypi prefers-reduced-motion: no-preference), Bootstrap sumaq kuyuchiyta atichin scroll-behaviorpropiedad llamk'achispa.