Artículos de Tecnología > Front End

Directrices de Accesibilidad web

Tatiani Meneghini
Tatiani Meneghini
Imagen ilustrada con logos de accesibilidad

Cuando el tema es accesibilidad web lo que existe técnicamente son documentos con sugerencias para identificar los problemas de accesibilidad y algunas recomendaciones con soluciones más accesibles. Esos documentos orientan a los desarrolladores y diseñadores para utilizar algunos recursos disponibles que van a depender de cada aplicación web que estén involucrados.

Vamos a hablar de algunos de esos documentos, de manera a aclarar sus características generales y sus estructuras más generales.

WCAG

La Guía de Accesibilidad de Contenido Web (en inglés Web Content Accesibility Guidelines) tiene como objetivo identificar e implementar técnicas para quitar problemas de accesibilidad para personas con discapacidad. Es un documento extenso, además existen textos complementarios y está orientado en relación con la distinción de contenido web.

Principios

La base del WCAG es definido por 4 principios:

  1. Perceptible - representan las informaciones y los componentes de la interfaz percibidas por el usuario. Ejemplos: campos de un formulario, contenido textual como alternativa de contenidos no textuales.
  2. Operable - los componentes de la interfaz y la navegación por el usuario deben ser operables. Ejemplo: navegación por el teclado.
  3. Comprensible - posibilitar la información correcta para que el usuario no tenga pérdida de comprensión del contenido. Ejemplo: uso adecuado de los colores.
  4. Robustez - el contenido debe ser robusto para ser interpretado de manera confiable por una amplia variedad de usuarios. Es aquí que se incluye el uso de las tecnologías asistidas, como por ejemplo, lectores de pantalla.

Directrices

Para dejar el contenido web en conformidad con los cuatro principios arriba descritos, es necesario proporcionar objetivos básicos para cada uno de ellos. De esa manera se encuentran las 4 diretrizes agrupadas en sus temas específicos:

Directriz 1.1 Alternativas en texto - fornece opciones para cualquier contenido textual. Ejemplos: tamaño mayor en los textos, braille, habla, símbolos o lenguajes más simples.

Directriz 2.1 Accesible por teclado - tornar posible que todas funcionalidades estén disponibles por la navegación con el teclado.

Directriz 3.1 Legible - el contenido textual debe ser legible y comprensible.

Directriz 4.1 Compatible - tornar compatible entre los actuales y futuros agentes de usuarios, incluyendo tecnologías asistidas.

Criterios de éxito

Son 3 niveles de conformidad para cada directriz:

WAI-ARIA

Con la evolución de los recursos técnicos de aplicaciones web ha cambiado también la idea de cargar una aplicación en su totalidad. Surgió la necesidad de identificar y tratar los eventos que ocurren sólo en áreas específicas de la página web. De esa manera este documento fue creado para los contenidos dinámicos de aplicaciones web, sigla que significa Aplicación de Internet Enriquecida Accesibles (en inglés Accessible Rich Internet Applications).

La WAI-ARIA ofrece reglas para tornar las aplicaciones web accesibles, divididos en dos categorías.

Atributo role

El atributo rolees la representación semántica de su función. Así que un elemento es definido por una expectativa de comportamiento con base en su aplicación. Ejemplo: role=img que define el comportamiento de imágen de un elemento.

Pueden tener papeles: abstractos, de widget, de estructura de documento, de áreas de marcación, de regiones activas y de ventana emergente.

Estados y propiedades

Son atributos con valores relacionados a los papeles definidos por el atributo role, que proporciona información para el usuario por su tecnología asistida. Pueden ser atributos: de widget, de regiones activas y de relación.

Otras directrices

En resúmen hay otras directrices o buenas prácticas sobre la accesibilidad web para el mundo. Además, hay algunas guías de sugerencias o de evaluaciones sobre accesibilidad web publicadas por los gobiernos de distintos países que se adecuan a las leyes de ellos, como:

ATAG

Sigla de Authoring Tool Accesibility Guideliness ofrece un documento específico para la creación de herramientas que generan contenido accesible. Puede ser un software de edición HTML.

WCAG-EM

Sigla de Website Accesibility Conformance Evaluation Methodology ofrece una orientación sobre la evaluación de conformidad con las Directrices del WCAG 2.0. No es una herramienta de validación sino que una guía para orientar los responsables por auditar la accesibilidad de las páginas web. .

COGA

Sigla de Cognitive and Learning Disabilities Accesibility aborda técnicas de accesibilidad web para contemplar a las personas con discapacidades neurológicas, limitaciones cognitivas y dificultades de aprendizaje.

Mobile Accesibility

Directrices de accesibilidad dirigidas para los dispositivos móviles del propio W3C.

Game Accesibility guideliness

Trata de los tópicos relacionados a los juegos en la web con buenas sugerencias de desarrollo para eliminar las barreras de accesibilidad.

Foto de perfil

Tatiani Meneghini

Soy instructora de accesibilidad web y layouts responsivos en Alura Latam y soy desarrolladora de software. Soy apasionada por el conocimiento a través de sus múltiples plataformas y tecnologías.

Artículos de Tecnología > Front End

En Alura encontrarás variados cursos sobre Front End. ¡Comienza ahora!

Precios en:
USD
  • USD
  • BOB
  • CLP
  • COP
  • USD
  • PEN
  • MXN
  • UYU

Semestral

  • 272 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 6 meses
US$ 65.90
un solo pago de US$ 65.90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Anual

  • 272 cursos

    Cursos de Programación, Front End, Data Science, Innovación y Gestión.

  • Videos y actividades 100% en Español
  • Certificado de participación
  • Estudia las 24 horas, los 7 días de la semana
  • Foro y comunidad exclusiva para resolver tus dudas
  • Luri, la inteligencia artificial de Alura

    Luri es nuestra inteligencia artificial que resuelve dudas, da ejemplos prácticos y ayuda a profundizar aún más durante las clases. Puedes conversar con Luri hasta 100 mensajes por semana

  • Acceso a todo el contenido de la plataforma por 12 meses
US$ 99.90
un solo pago de US$ 99.90
¡QUIERO EMPEZAR A ESTUDIAR!

Paga en moneda local en los siguientes países

Acceso a todos
los cursos

Estudia las 24 horas,
dónde y cuándo quieras

Nuevos cursos
cada semana