Accesibilidad

La accesibilidad web (a menudo abreviada como A11y — como "a", luego 11 caracteres, y luego "y") se refiere a la posibilidad de acceso a los diferentes sitios web y a todo su contenido por todas las personas, independientemente de sus limitaciones físicas (discapacidad) o las derivadas del contexto de uso (tecnológicas o ambientales).

Para muchas personas, la tecnología facilita las cosas. Para las personas con algun tipo de discapacidad, la tecnología hace las cosas posibles. Accesibilidad significa desarrollar contenido para que sea lo más accesible posible sin importar las habilidades físicas y cognitivas de un individuo y sin importar cómo acceda a la web.

"La Web está diseñada fundamentalmente para que funcione para todas las personas, independientemente de su hardware, software, idioma, cultura, ubicación, capacidad física o mental. Cuando la Web cumple este objetivo, es accesible para personas con una amplia gama de capacidades auditivas, de movimiento, de vista y cognitivas." (W3C - Accesibilidad)

Tutoriales clave

El área de aprendizaje de accesibilidad de MDN contiene tutoriales modernos y actualizados que cubren los siguientes aspectos básicos de accesibilidad:

¿Qué es la accesibilidad?

En este artículo se inicia el módulo con una explicación ampliada sobre qué es la accesibilidad. Esta visión general incluye qué grupos de personas necesitamos tener en cuenta y por qué, qué herramientas utilizan estas personas para interactuar con la web y cómo podemos hacer que la accesibilidad sea parte de nuestro flujo de trabajo de desarrollo web.

HTML:Una buena base para la accesibilidad

Se puede hacer accesible una gran cantidad de contenido web simplemente asegurándose de que los elementos HTML concretos se utilizan para un propósito correcto en todo momento. Este artículo analiza en detalle cómo se puede usar HTML para garantizar la máxima accesibilidad.

Mejores prácticas en accesibilidad en CSS y JavaScript

CSS y JavaScript, cuando se usan correctamente, también tienen el potencial de permitir experiencias web accesibles, pero si se usan mal pueden dañar significativamente la accesibilidad. Este artículo describe algunas de las mejores prácticas de CSS y JavaScript que deben considerarse para garantizar que incluso el contenido complejo sea lo más accesible posible.

WAI-ARIA básico (en-US)

Siguiendo con el artículo anterior, a veces puede ser difícil realizar controles complejos de IU que involucren HTML no semántico y contenido dinámico actualizado con JavaScript. WAI-ARIA es una tecnología que puede ayudar a resolver estos problemas agregando más semántica que los navegadores y las tecnologías de asistencia pueden reconocer y utilizar para que los usuarios sepan lo que está sucediendo. Aquí mostraremos cómo usarlo a un nivel básico para mejorar la accesibilidad.

Multimedia accesible (en-US)

Otra categoría de contenido que puede crear problemas de accesibilidad es multimedia: el contenido de video, audio e imagen debe contar con alternativas textuales adecuadas para que las tecnologías de asistencia y sus usuarios puedan entenderlos. Este artículo muestra cómo.

Accesibilidad móvil

Dado que el acceso a la web en dispositivos móviles es tan popular, y que las plataformas populares como iOS y Android tienen herramientas de accesibilidad completas, es importante considerar la accesibilidad de su contenido web en estas plataformas. Este artículo analiza las consideraciones de accesibilidad específicas para dispositivos móviles.

Otra documentación

Comprensión de las pautas de accesibilidad del contenido web

Esto es parte de un grupo de artículos que explican rápidamente los pasos necesarios para cumplir con la normativa en las W3C Web Content Accessibility Guidelines 2.0 (WCAG 2.0, o simplemente WCAG, para el fin de este documento).

Introducción al color y la accesibilidad (en-US)

Este artículo analiza nuestra percepción de la luz y el color, proporciona una base para el uso del color en diseños accesibles y demuestra las mejores prácticas para el contenido visual y legible.

Widgets de JavaScript navegables por teclado (en-US)

Hasta ahora, los desarrolladores web que querían hacer accesibles sus widgets basados en <div> y <span> habían carecido de las técnicas adecuadas. La accesibilidad del teclado es parte de los requisitos mínimos de accesibilidad, que un desarrollador debe conocer.

ARIA

Accessible Rich Internet Applications (ARIA) es una colección de atributos que definen como realizar contenido y aplicaciónes web (especialmente las desarrolladas con Javascript) más accesibles para las personas con discapacidades.

Lista de comprobación de accesibilidad móvil (en-US)

Este artículo proporciona una lista de comprobación concisa de los requisitos de accesibilidad para los desarrolladores de aplicaciones móviles.

Accesibilidad cognitiva (en-US)

Este artículo explica cómo asegurarse de que el contenido web que está creando sea accesible para personas con discapacidades cognitivas.

Accesibilidad para trastornos convulsivos (en-US)

Algunos tipos de contenido web visual pueden provocar convulsiones en personas con ciertos trastornos cerebrales. Este artículo te ayuda a comprender los tipos de contenido que pueden ser problemáticos y a encontrar herramientas y estrategias para ayudarte a evitarlos.

Véase también