Accesibilidad rehegua

Peteĩ jehechauka mbykymi Bootstrap mba’ekuaarã ha limitación rehegua ojejapo hag̃ua contenido ojeikekuaahápe.

Ko páhinape

Bootstrap omeꞌe peteĩ ñemohendapyre ndahasýiva ojepuru hag̃ua estilo ojejapopaitéva, tembipururã ñemohendarã ha componente interactivo rehegua, ohejáva umi moheñóiharakuérape ojapo hag̃ua ñanduti renda ha purupyrã ojehecharamóva, hembiaporãme rico ha ojeikekuaahápe osẽva caja-gui.

Jehechapyrã ha limitación rehegua

Pe jeike tuichakue oimeraẽva tembiaporã oñemopu’ãva Bootstrap ndive odepende tuichaháicha haihára marcado rehe, estilo adicional ha scripting omoĩva’ekue hikuái. Ha katu, ko’ãva oñemboguata porãramo, ikatuva’erã porãiterei ojejapo ñanduti renda ha purupyrã Bootstrap reheve omoañetéva WCAG 2.1 (A/AA/AAA), Sección 508 , ha umi norma ha mba’ejerure accesibilidad rehegua ojoguáva.

Marcado estructural rehegua

Bootstrap estilo ha diseño ikatu ojeporu hetaiterei estructura marcado rehegua. Ko kuatiañeꞌepyre omeꞌese umi mbaꞌeapoharakuérape techapyrã tembiaporã iporãvéva ohechauka hag̃ua Bootstrap jepuru ijehegui ha ohechauka hag̃ua marcado semántico hekopete, oikehápe mbaꞌeichaitépa ikatu oñembohovái umi jepyꞌapy ikatúva ojeikekuaa.

Umi componente interactivo rehegua

Umi componente interactivo Bootstrap rehegua —haꞌeháicha umi diálogo modal, menú desplegable ha tembipururã jeporupyre— ojejapo ombaꞌapo hag̃ua umi oiporúvape g̃uarã toque, mouse ha teclado. Ojeporúvo umi tembiapo ha atributo WAI - ARIA rehegua iñimportánteva , koꞌã componente oñentende ha ojeporukuaavaꞌerã avei ojeporúvo tecnología oipytyvõva (haꞌeháicha umi lector de pantalla).

Bootstrap mbaꞌekuaarã ojejapo rupi hembipotápe haꞌe hag̃ua peteĩ mbaꞌeichaitépa genérico, umi haihára ikatu oikotevẽ omoĩve ARIA rembiaporã ha atributo, ha avei JavaScript reko, ombohasa hag̃ua hekopete mbaꞌeichaitépa hekopete ha mbaꞌeichaitépa ombaꞌapo icomponente. Péva ojehechakuaa jepi kuatiahaipyrépe.

Contraste de color rehegua

Oĩ saꞌi ñembojoaju koꞌág̃agua omoheñóiva Bootstrap paleta por defecto —ojeporúva marco pukukue javeve umi mbaꞌepe g̃uarã haꞌeháicha botón ñemoambue, alerta ñemoambue, formulario jegueroviapyrã jehechaukaha— ikatu ogueru saꞌi saꞌi joavy ( WCAG 2.1 jehaipyre saꞌi ñembojoaju 4.5:1 oñembohekopyréva guype ha WCAG 2.1 ndahaꞌeiva jehaipyre ñembojoaju saꞌi rehegua 3:1 ), koꞌetevéramo ojeporúramo peteĩ fondo hesakãva rehe. Oñemokyre’ỹ umi haihárape oproba hag̃ua ijeporu específico color rehegua ha, tekotevẽhápe, omoambue/ombopuku manualmente ko’ã color por defecto oasegura hag̃ua umi relación contraste color rehegua hekopete.

Contenido oñeñomivaꞌerãva ojehechaháicha, ha katu opyta ojeikekuaa hag̃ua umi tecnología oipytyvõvape haꞌeháicha umi lector pantalla rehegua, ikatu oñemboguapy estilo ojeporúvo .visually-hiddenmboꞌepy. Kóva ikatu ideprovécho umi situación oikotevẽhápe avei oñembohasa marandu térã señal ojehecháva ambuéva (haꞌeháicha heꞌiséva ojehechaukáva saꞌi jepuru rupive) umi puruhára ndahaꞌeivape ojehecharamóvape.

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

Umi control interactivo kañymby ojehechávape g̃uarã, haꞌeháicha umi enlace “saltar” ymaite guive, eipuru .visually-hidden-focusablemboꞌepy. Péicha ojejapóta ojehecha hag̃ua control oñecentra rire (umi teclado oipurúvape g̃uarã). Eñangareko, oñembojojávo equivalente .sr-onlyha .sr-only-focusablemboꞌepykuéra rehe umi versión ohasavaꞌekuépe, Bootstrap 5 .visually-hidden-focusablehaꞌehína peteĩ mboꞌepy ijeheguigua, ha ndojeporúivaꞌerã oñembojoajúvo .visually-hiddenmboꞌepy ndive.

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

Movimiento oñemboguejýva

Bootstrap oguereko pytyvõ pe prefers-reduced-motionmba’ekuaarã medio rehegua . Umi navegador/entorno-pe ohejáva puruhárape heꞌi oiporavóva movimiento oñemboguejy hag̃ua, hetavéva umi efecto transición CSS rehegua Bootstrap-pe (techapyrã, ojepeꞌa térã oñembotýramo peteĩ ñeꞌeryru modal, térã animación deslizante carrusel-pe) oñemboykéta, ha umi animación oguerekóva heꞌiséva ( ha’eháicha umi hilador) oñemboguejýta.

Umi kundahára oipytyvõva prefers-reduced-motion, ha puruhára ndohechaukáihápe hesakã porãme oipotavétaha movimiento oñemboguejýva (he’iséva moõpa prefers-reduced-motion: no-preference), Bootstrap ombohapéva desplazamiento suave oipurúvo scroll-behaviormba’ekuaarã.