Source

Accesibilidad nisqa

Huk pisi qhaway Bootstrap ruwanakunamanta chaymanta limitaciones kaqmanta 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.0 (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 llakikuykunamanta allichasqa kanman.

Componentes interactivos nisqakuna

Bootstrap kaqpa interactivo componentes kaqnin —kayhina modal rimanakuna, urayk'aq menúkuna chaymanta sapanchasqa yanapakuypa yanapakuyninkuna— llachpanapaq, sillu chaymanta teclado kaqmanta llamk'anapaq ruwasqa. WaI - ARIA ruwanakuna chaymanta atributokuna tupaq llamk'achiyninwan , kay componentekuna yanapakuq tecnologiakuna (pantalla ñawiriqkuna hina) entiendenapaq chaymanta llamk'anapaq kananku tiyan.

Because Bootstrap’s components are purposely designed to be fairly generic, authors may need to include further ARIA roles and attributes, as well as JavaScript behavior, to more accurately convey the precise nature and functionality of their component. This is usually noted in the documentation.

Color contrast

Most colors that currently make up Bootstrap’s default palette—used throughout the framework for things such as button variations, alert variations, form validation indicators—lead to insufficient color contrast (below the recommended WCAG 2.0 color contrast ratio of 4.5:1) when used against a light background. Authors will need to manually modify/extend these default colors to ensure adequate color contrast ratios.

Visually hidden content

Content which should be visually hidden, but remain accessible to assistive technologies such as screen readers, can be styled using the .sr-only class. This can be useful in situations where additional visual information or cues (such as meaning denoted through the use of color) need to also be conveyed to non-visual users.

<p class="text-danger">
  <span class="sr-only">Danger: </span>
  This action is not reversible
</p>

For visually hidden interactive controls, such as traditional “skip” links, .sr-only can be combined with the .sr-only-focusable class. This will ensure that the control becomes visible once focused (for sighted keyboard users).

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

Reduced motion

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) mana llamk'achisqa kanqa. Kunanqa, yanapakuyqa Safari kaqlla macOS kaqpi chaymanta iOS kaqpi kachkan.

Yanapakuykuna yapasqa