miércoles, 3 de abril de 2024

Aria-live, para mejorar la navegación

 

ria-live

Las aplicaciones dinámicas son las que actualizan el contenido de la página sin tener que volver a cargar la página web. Un ejemplo común sería actualizar los resultados de los partidos de futbol, mostrar banners de alerta de éxito o advertencia, nuevos mensajes de chat y muchos más.

 

El atributo aria-live permite que las tecnologías de asistencia, como los lectores de pantalla, transmitan actualizaciones de contenido a un usuario de lector de pantalla, mejorando la experiencia del usuario al mantenerlo informado de los cambios que ocurren en la página.

Descripción del atributo ARIA Live

ARIA, o Accessible Rich Internet Applications, es un conjunto de atributos que definen formas de hacer que el contenido y las aplicaciones web sean más accesibles para las personas con discapacidades.

aria-live se utiliza para definir regiones de una página web que están activas y que deben ser anunciadas por tecnologías de asistencia, como lectores de pantalla, cuando se actualizan o cambian dinámicamente.

Tipos de regiones activas de ARIA

Puede utilizar las siguientes opciones de atributos de ARIA Live en función de la urgencia de cómo se debe anunciar el contenido dinámico a los usuarios. Estas opciones incluyen:

 

·       aria-live="off": De forma predeterminada, está desactivado. Este valor indica que las tecnologías de asistencia no deben anunciar cambios en el contenido dentro de la región.

·       aria-live="polite": Con este valor, los cambios se anuncian al usuario una vez completada la tarea actual. Es útil para actualizaciones no críticas que no interrumpen trabajo del usuario.

·       aria-live="assertive": Este valor indica que los cambios se anuncian inmediatamente, incluso si el usuario está en medio de una tarea. Es adecuado para actualizaciones importantes que requieren atención inmediata. Aria-live assertive se comporta de manera similar a role=" alert" con la única diferencia de que un lector de pantalla agrega la palabra "alerta" al principio. Tenga en cuenta que un anuncio asertivo interrumpirá un lector de pantalla si está en medio de la lectura del texto y leerá el anuncio aria-live. Lo que sea que el lector de pantalla haya estado leyendo se truncará y no continuará automáticamente después del anuncio de aria-live.

viernes, 22 de marzo de 2024

Los nuevos accesorios de accesibilidad adaptativa de Microsoft



Microsoft ha cosechado durante mucho tiempo aplausos por su enfoque en la accesibilidad. Es un gran segmento de la población que con demasiada frecuencia se ignora como una ocurrencia tardía cuando se trata de diseño de productos. La compañía ha ofrecido periféricos Xbox centrados en la accesibilidad 

martes, 9 de enero de 2024

La fuente del texto y la dixlexia

 

No puede predecir cuáles son las necesidades de cada usuario, cuando agregues fuentes a tus productos digitales, asegúrate de tener en cuenta lo siguiente.

Asegúrese de evitar los tipos de letras ornamentadas o escritas a mano, así como los que solo usan mayúsculas y minúsculas. Estos tipos de letras especiales con diseños con cursivas, formas extravagantes o características artísticas como líneas finas, estos pueden verse bien, pero para algunas personas con discapacidades son mucho más difíciles de leer que los tipos de letras comunes.

Google fonts

Los tamaños de fuente base (encabezados…) se deben definir con un valor relativo (%, rem o em) para permitir un cambio de tamaño sencillo.

Calculadora de tipografia

Limite la cantidad de variaciones del tipo de letra, como color, negrita , MAYÚSCULAS y cursiva para aumentar la legibilidad. En su lugar, usa métodos para enfatizar palabras, como asteriscos, guiones o destacar una palabra individual.

Siempre que sea posible, use un lenguaje de marcado en lugar de texto en imágenes

Libro antiguo
. Los lectores de pantalla no pueden leer texto incorporado en imágenes (sin agregar código adicional), y el texto incorporado también puede pixelarse cuando los usuarios con visión reducida lo amplían.

Si bien el tipo de letra, el tamaño de la fuente y el estilo tipográfico son importantes para la tipografía accesible, la estructura y el diseño del texto de una página pueden ser igualmente importantes para la comprensión del usuario.

Los diseños complejos pueden ser un verdadero obstáculo para las personas con visión reducida o problemas de lectura.




Un aspecto importante de los diseños de diseño accesibles es hacer que los elementos fundamentales se distingan entre sí y agrupar elementos similares. Si los elementos están demasiado cerca, puede ser difícil saber dónde comienza y termina un elemento, en especial si tienen un estilo similar.

El espacio entre párrafos, oraciones y palabras también es importante, ya que ayuda a los lectores a mantener su enfoque en el texto y contribuir a la comprensión visual general de la página. Las líneas extensas de texto pueden ser una barrera para los lectores con discapacidades, ya que tienen problemas para mantenerse en un lugar y seguir el flujo del texto.

Otra frustración para muchas personas con discapacidades es leer copias justificadas. El espaciado desigual entre palabras en un texto justificado puede hacer que se formen en la página "ríos de espacio", lo que dificulta la lectura.

La justificación del texto también puede hacer que las palabras se agrupen o estiren de forma poco natural, por lo que los lectores pueden tener dificultades para ubicar los límites de las palabras.