ACCESIBILIDAD WEB
Muy buenas, hoy traigo algunas pautas de accesibilidad a la hora de realizar un página web para usuarios que puedan tener dificultades para ingresar en dichas páginas, como por ejemplo, con alguna discapacidad.
Primero voy a definir que es la accesibilidad web para que entremos de lleno en el tema y podamos seguir perfectamente la publicación.
¿Qué es?
Se trata de una actividad desarrollada por
el W3C (es una
organización independiente y neutral cuya
principal actividad es desarrollar protocolos y
directrices que aseguren el crecimiento de la
Web a largo plazo) cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de
accesibilidad basadas en 4 principios:
-PERCEPTIBLE: la información y los componentes de la interfaz de usuario deben ser
presentados a los usuarios de modo que ellos puedan percibirlos.
-OPERABLE: los componentes de la interfaz de usuario y la navegación deben ser operables.
-COMPRESIBLE: la información y el manejo de la interfaz de usuario deben ser
comprensibles.
-ROBUSTO: el contenido debe ser suficientemente robusto como para ser
interpretado de forma fiable por una amplia variedad de
aplicaciones de usuario, incluyendo ayudas técnicas.
Las pautas contienen puntos de verificación que nos ayuda a detectar errores. Cada punto de verificación está asignado a unos niveles de prioridad establecidos por las pautas:
Prioridad 1: ciertos grupos de usuarios no podrían acceder a la
información del sitio Web.
Prioridad 2: sería muy difícil acceder a la información para
ciertos grupos de usuarios.
Prioridad 3: algunos usuarios experimentarían ciertas
dificultades para acceder a la información.
Para entender mejor la accesibilidad sus pautas, os voy a mostrar dos ejemplos de páginas web haciendo un análisis de cada una.
 |
| Conformidad "A" |
En este caso significa que todos los puntos de prioridad 1 se satisfacen, lo que proporciona que pocos usuarios puedan acceder a dicha página de forma fluida.
Podemos decir que:
- No se usan atributos para controlar la presentación visual.
- Todas las imágenes tienen una alternativa textual.
- Todos los botones gráficos tienen una alternativa textual.
- Utiliza enlaces.
- Estructura y bastante encabezados.
-Personas con discapacidad intelectual |
| Conformidad "Doble A" |
Visualizando está página con nivel de conformidad doble A, significa que todos los puntos de prioridad 1 y 2 se satisfacen, por lo general es la más común, y pueden acceder la "mayoría de usuarios". Los que más destaco de su accesibilidad es:
-Funcionalidad y navegación accesible mediante el teclado.
-Claridad en la interpretación de los elementos gráficos.
-Visualización de todos los contenidos en distintos tipos de navegadores, incluyendo aquellos que no soporten JavaScript.
-Aumento y disminución del tamaño del texto.
-Eroski
 |
| Conformidad "Triple A" |
Aquí encontramos un página con nivel de conformidad Triple A, lo que significa que todos los puntos de prioridad 1, 2 y 3 se satisfacen, este nivel es menos común.Análisis de página:
- Elementos link para la navegación.
- Elementos de encabezado.
- Imágenes con el atributo alt nulo.
- Imágenes sin alternativa textuales.
- Enlaces con el mismo texto pero diferentes destinos.
¡Espero que os haya servido de ayuda, nos vemos en la próxima! 👋
Para ver más información sobre publicaciones electrónicas, podéis seguirme y disfrutar de un pequeño rincón de información. 📪
