a11y.md

Principios de a11y contenidos en la base-web de la DAI.

Introducción

Como enuncia el W3C, es de importancia que la web sea accesible con la intención de otorgar igualdad de oportunidades a personas con diferentes habilidades. Actualmente la accesibilidad es algo esencial para la creación de sitios web que garanticen el derecho al acceso a la web de todas las personas en igualdad de condiciones, por lo que para nosotros, los que formamos parte del equipo de la DAI, es una gran oportunidad el poder participar en el esfuerzo colectivo de que se cumpla ese derecho.

Este archivo tiene la finalidad de documentar la base-web con las funciones de accesibilidad que contiene, así como sus atributos.

Herramientas de accesibilidad

Estas son las funciones disponibles para el manejo de la accesibilidad en la base-web de la DAI.

Banderas: retorna un valor booleano que indica que la función se encuentra activa.

Alternar Estado: es la función que cambia el estado del booleano.

Quitar Estado: función que establece el estado del booleano a false.

Los archivos en los que podemos consultar las herramientas son las siguientes: A11yMenu.vue y para verificar las variables del store: store/index.js

ALTO CONTRASTE

Definición: Se encuentra presente cuando el contraste de color entre el fondo y el contenido en primer plano (en la mayoría de las ocasiones se trata del texto) es el suficiente para garantizar la legibilidad. Variables del store Bandera: tieneAltoContraste Alternar Estado: alternarAltoContraste Quitar Estado: quitarAltoContraste

VISTA SIMPLIFICADA

Definición: nos ayuda a que los sitios web ean más amigables para dispositivos móviles al simplificar el formato del y eliminar aquellos elementos que no son considerados como esenciales. Variables del store: Bandera:tieneVistaSimplificada Alternar Estado:alternarVistaSimplificada Quitar Estado:quitarAltoContraste

ENLACES SUBRAYADOS

Definición: es importante subrayar aquellos enlaces que no forman parte del menú inicial de navegación para que cualquier usuario pueda identificarlo simplemente con la mirada. Si bien podría pensarse que con agregar un color definido a los links ya se garantiza la accesibilidad, debemos considerar de igual manera, a aquellas personas que no distinguen bien los colores.

Bandera:tieneEnlacesSubrayados Alternar Estado:alternarEnlacesSubrayados Quitar Estado:quitarEnlacesSubrayados