La accesibilidad busca hacer que una aplicación o sitio web sea utilizable por todos, incluidas las personas con discapacidad, como discapacidad visual, auditiva, ambulatoria o cognitiva.

Más sobre accessibility...

Estoy creando ficción interactiva en HTML. Al usuario se le presenta una lista de párrafos y luego una serie de opciones y cuando selecciona una opción, la lista de opciones se elimina y se reemplaza con el nuevo contenido. Sin embargo, la opción seleccionada se deja como recordatorio y para propo....
28 feb. 2021 a las 01:16
Tengo una página que tiene un formulario con un botón de envío. Una vez que hago clic en el botón de enviar, me gustaría que el foco vaya al mensaje de "éxito" o "fracaso". Ahora mismo la pantalla .......
23 feb. 2021 a las 22:28
<a (click)="searchExample()" tabindex="0">JavaScript</a> Cuando navego a través de elementos enfocables en una página web usando la tecla Tab, el elemento también se enfoca ya que el atributo tabindex está establecido en "0". Pero no puedo hacer clic en él con la tecla Espacio o Intro. ¿Hay algun....
22 feb. 2021 a las 06:20
He agregado ax-core / react en mi proyecto de la siguiente manera: npm install --save-dev @axe-core/react Ahora he agregado el siguiente fragmento de código en mi index.tsx para ponerlo en funcionamiento: if (process.env.NODE_ENV !== 'production') { const axe = require('@axe-core/react'); ....
Tengo un cuadro combinado que activa un error de accesibilidad de la herramienta Accessibility for Insights (https: // accessibilityinsights. io / en / downloads /). El cuadro combinado se puede ver en el campo del teléfono móvil con el selector de bandera del país aquí: https://configure.awardsp....
12 feb. 2021 a las 16:10
Estoy tratando de que la observación se ejecute constantemente en el fondo de la aplicación, lo que activará una acción personalizada si la función de texto en negrita de accesibilidad se ha habilitado a través de la configuración del dispositivo móvil. Tengo entendido que necesito agregar observe a....
12 feb. 2021 a las 07:05
Estoy trabajando en una página sobre la Primera Guerra Mundial (Primera Guerra Mundial). cuando NVDA lee la página, dice "ojo WW". Puedo corregir esto usando lo siguiente: <span aria-hidden="true">WWI</span> <span style="display:inline-block; text-indent: -10000px;">World War One</span> Sin emb....
12 feb. 2021 a las 00:41
Estoy tratando de hacer que mis aplicaciones sean más accesibles y me preguntaba si hay una extensión o configuración en eslint que me diga dónde / qué atributos de ARIA debo usar en mi código. Probé una extensión de VSCODE llamada Accesibilidad web, pero no creo que funcione con React. Me alegra q....
11 feb. 2021 a las 21:26
Estoy tratando de crear un menú de navegación accesible para un sitio web estilo portafolio. Cuando la pantalla tiene menos de cierto ancho (768px para esta demostración), la navegación del menú horizontal desaparece y se reemplaza con una 'hamburguesa'. El div principal de la hamburguesa tiene un....
6 feb. 2021 a las 21:23
Tengo un botón, "Agregar cosa" debajo de una lista de entradas de formulario. Cuando hace clic en el botón, agrega otra entrada sobre el botón, en la parte inferior de la lista. Cuando se usa un lector de pantalla, no es obvio de inmediato que la entrada se haya agregado a menos que navegue hacia a....
5 feb. 2021 a las 16:46
Un usuario de lector de pantalla tiene varias opciones para acceder al contenido de la página. Por ejemplo, una lista de todos los títulos, pero también una lista de puntos de referencia. Con aria-label, puede etiquetar un punto de referencia. Considere el siguiente marcado: <main> <h1>My Blog....
Tengo un menú que usa botones y Javascript vainilla. Cuando se hace clic en un botón, agrega la clase opened al botón y cambia aria-expanded="false" a aria-expanded="true". Si hace clic en otro botón, el atributo del botón original vuelve a aria-expanded="false" y se elimina la clase opened. Sin em....
1 feb. 2021 a las 21:33
He creado un menú desplegable sin JavaScript, solo HTML y CSS usando el truco de la casilla de verificación. Estoy tratando de evitar el uso de JS ya que algunos usuarios lo deshabilitan. Para las pantallas táctiles y el mouse, funciona bien, pero estoy intentando que funcione para que cualquiera ....
29 ene. 2021 a las 20:56
Dada una tabla como esta: (Código HTML): <table> <thead> <tr> <th>H1-A</th> <th colspan="3">H1-B</th> <th colspan="3">H1-C</th> </tr> <tr> <th>H2-A</th> <th colspan="2">H2-B</th> <th>H2-C</th> <th colspan="3">H2-D</th> <th colspan="3">H....
28 ene. 2021 a las 15:10
Para ser claros, estoy buscando la opción más accesible y mejor diseñada en esto. Así que no, no elimino mi esquema en botones y enlaces y en cualquier lugar donde sea útil. Pero estoy trabajando para que funcione un diálogo. para esto utilizo este ejemplo a>. En este ejemplo, el primer <p> se....
27 ene. 2021 a las 13:11
Soy un aprendiz ciego. Quiero probar una expresión como console.log(1 + 2); function myFunction() { var a = 1 + 2; } console.log(myFunction()); Pero no me muestra nada (ni siquiera errores). No sé si eso es un problema de accesibilidad. Mi navegador está actualizado. Cualquier ayuda será amp....
27 ene. 2021 a las 00:00
Nuestra aplicación está teniendo un problema en IE donde los usuarios inadvertidamente presionan la tecla de retroceso en controles que no son de texto están causando problemas de navegación. Me han encargado que suprima el retroceso. Pero somos una aplicación que es .......
Actualmente estoy usando styled-components 5.0.1 con React. https://styled-components.com/ Para el contexto, mi objetivo es enfocar la trampa dentro de un modal. Mi problema es que los nombres de clase se generan aleatoriamente desde styled-components, por lo que no puedo acceder a estos nodos DOM ....
He leído todos los artículos sobre cómo admitir el tamaño de texto dinámico, pero mi problema es que tengo una vista que consta de formas y algo de texto. Necesitaba codificar la altura de esta vista, así que cuando un usuario .......
14 ene. 2021 a las 01:47
Tengo una imagen para la que estoy codificando el tamaño, pero me di cuenta de que no está escalando para categorías de mayor tamaño. ¿Cómo puedo establecer un tamaño preferido y dejar que se amplíe a diferentes tamaños automáticamente? Así es como se ve mi código: HStack(alignment: .top, spacing: ....
7 ene. 2021 a las 01:01
Tengo una aplicación React-Native en la que queremos admitir Talkback en finlandés e inglés. Cuando se usa el módulo Text to Speech de Google en finlandés, todo lo demás funciona bien, excepto que "botón" se lee como "botón" en lugar del equivalente en finlandés "Painike". En iOS también funciona ....
Estoy buscando una forma adecuada de implementar la carga diferida de imágenes sin dañar la capacidad de impresión y la accesibilidad, y sin introducir cambios de diseño (salto de contenido), preferiblemente usando loading=lazy nativo y un respaldo para navegadores más antiguos. Respuestas a la pre....
Estoy probando la accesibilidad de mi página web en Google Chrome Light House y obtengo el siguiente error. Entiendo la importancia de que las listas estén estructuradas correctamente para ayudar a mejorar la accesibilidad de la página web. Me pregunto por qué obtengo el siguiente error cuando ten....
18 dic. 2020 a las 10:32
Ejecuté mi prueba de accesibilidad en google chrome light house para mi aplicación angular y obtuve el siguiente error He añadido 'aria-labelledby', pero parece que no funciona. ¿Alguien puede ayudarme a solucionar este problema? A continuación se muestra el código html que me está dando este err....
Como se indica en el título. Cuando comienzas a tabular, no respetas el hecho de que hay una superposición de navegación en la parte inferior de la pantalla. Por lo tanto, ciertos enlaces y botones que están ocultos detrás de la superposición serán etiquetados sin estar a la vista del usuario. ¿Ha....
15 dic. 2020 a las 01:58