Diseño Web

IA generativa | Programación Web | SEO | 💗Formadora digital |diseño | Comunicación |

Accesibilidad Web

¿Qué es la Accesibilidad Web?

Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Con esta idea de accesibilidad nace la Iniciativa de Accesibilidad Web, conocida como WAI (Web Accessibility Initiative). Se trata de una actividad desarrollada por el W3C, cuyo objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en este área.

¿Para qué sirve?

La idea principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información. Partiendo de esta idea, una página accesible lo sería tanto para una persona con discapacidad, como para cualquier otra persona que se encuentre bajo circunstancias externas que dificulten su acceso a la información (en caso de ruidos externos, en situaciones donde nuestra atención visual y auditiva no están disponibles, pantallas con visibilidad reducida, etc.).
ester-post-ciberesfera
Ester
SEO specialists

¿Cómo funciona?

Accesibilidad

Para hacer el contenido Web accesible, se han desarrollado las denominadas Pautas de Accesibilidad al Contenido en la Web (WCAG), cuya función principal es guiar el diseño de páginas Web hacia un diseño accesible, reduciendo de esta forma barreras a la información. WCAG consiste en 14 pautas que proporcionan soluciones de diseño y que utilizan como ejemplo situaciones comunes en las que el diseño de una página puede producir problemas de acceso a la información. Las Pautas contienen además una serie de puntos de verificación que ayudan a detectar posibles errores.

Cada punto de verificación está asignado a uno de los tres niveles de prioridad establecidos por las pautas.

Niveles de prioridad

  • Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web.
  • Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios.
  • Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

En función a estos puntos de verificación se establecen los niveles de conformidad:

  • Nivel de Conformidad «A»: todos los puntos de verificación de prioridad 1 se satisfacen.
  • Elementos no textuales tienen texto equivalente.
  • Que la información transmitida con colores esté disponible sin colores.
  • Identificar claramente los cambios en el idioma del texto.
  • Que el documento se pueda leer sin hojas de estilo.
  • Se ha utilizado un lenguaje simple y claro.
  • Que las imágenes y mapas de imágenes tengan enlaces equivalentes en texto.
  • En las tablas que se identifiquen los encabezamientos de filas y columnas.
  • Que los encabezamientos de niveles tengan marcadores para asociar celdas con encabezados.
  • Que los marcos tengan su correspondiente título.
  • Que si hay scripts, cuando no se ejecuten siga siendo accesible.
  • Si hay vídeo o audio, que haya una descripción alternativa.
  • Si el sitio no es accesible, proporcionar un enlace al sitio que sí lo sea.
  • Nivel de Conformidad «Doble A»: todos los puntos de verificación de prioridad 1 y 2 se satisfacen.

    Además de los de Nivel de Conformidad A:

  • Suficiente contraste entre el color de fondo y de primer plano.
  • Existan marcadores apropiados.
  • Usar hojas de estilo para la presentación y la maquetación.
  • Usar unidades relativas en lugar de absolutas.
  • Usar encabezados para la estructura lógica del documento.
  • Marcar correctamente las listas y elementos.
  • Las citas que existan marcadas correctamente.
  • Sin redirecciones automáticas a otros sitios web.
  • No se cambia de ventana sin previo aviso.
  • Haya un mapa del sitio o tabla de contenido.
  • La navegación sea coherente
  • Hayan metadatos para añadir información semántica.
  • Que las tablas no se usen para maquetar.
  • Que se describan el fin de los marcos y como se relacionan entre ellos.
  • En formularios, que haya relación entre el campo y su etiqueta.
  • En formularios, todo elemento asociado explícitamente con su etiqueta.
  • Con scripts, que los manejadores de eventos sean independientes del dispositivo de entrada.
  • Usar manejadores de eventos lógicos en vez de dispositivo.
  • Nivel de Conformidad «Triple A»: todos los puntos de verificación de prioridad 1,2 y 3 se satisfacen.

    Además de los de Nivel de Conformidad «Doble A»:

  • La explicación de la abreviatura en su primera aparición.
  • Se indica el idioma del documento.
  • Se establece un orden lógico de navegación.
  • Se establecen atajos de teclado en los vínculos más importantes.
  • Se proporcionan barras de navegación.
  • Se utilizan mecanismos de búsqueda.
  • La información destacada al principio de los encabezamientos, etc.
  • Que las imágenes tengan un enlace que las explique textualmente.
  • En tablas, proporcionar resúmenes de las listas.
  • En tablas, proporcionar abreviaturas para las etiquetas de encabezado.
  • En formularios, que se incluyan texto por defecto para cada uno de los elementos

Las pautas describen cómo hacer páginas Web accesibles sin sacrificar el diseño, ofreciendo esa flexibilidad que es necesaria para que la información sea accesible bajo diferentes situaciones y proporcionando métodos que permiten su transformación en páginas útiles e inteligibles.

Igualmente, se han desarrollado Pautas de Accesibilidad para Herramientas de Autor, cuyo objetivo es ayudar a los desarrolladores de software a la hora de crear herramientas de autor para producir contenido Web accesible. También se han desarrollado Pautas de Accesibilidad para XML , donde se explica cómo asegurar la accesibilidad de aplicaciones basadas en XML. Y por último, Pautas de Accesibilidad para Agentes de Usuario 1.0, donde se explica cómo hacer accesible los navegadores, reproductores multimedia y otras tecnologías asistivas.

Por otro lado, se han desarrollado otro tipo de documentos como las Técnicas para Pautas de Accesibilidad al Contenido en la Web, que ofrecen una serie de ejemplos de etiquetado y explicaciones muy detalladas de cómo implementar las Pautas de Accesibilidad al contenido en la Web. Entre ellas se pueden destacar Técnicas esenciales para Pautas de Accesibilidad al Contenido en la Web 1.0, las Técnicas HTML para Pautas de Accesibilidad al Contenido a la Web 1.0 y las Técnicas CSS para Pautas de Accesibilidad al Contenido en la Web 1.0.

niveles de prioridad
Esta web utiliza cookies    Ver
Privacidad
Abrir chat
1
¡Bienvenido a Ciberesfera.es!
¿En que puedo ayudarte?