Introducción a la Accesibilidad Web
La accesibilidad web se trata de crear contenido web, diseño y herramientas que puedan ser utilizados por todos.
¿Qué es la Accesibilidad Web?
Todos hemos experimentado la molestia de sitios web que cargan lentamente, el esfuerzo de leer tipografías mal diseñadas, o la frustración de intentar navegar páginas web que no están optimizadas para móviles. Aunque estos problemas pueden representar una pequeña incomodidad para nosotros, para las personas con discapacidades, pueden ser verdaderas barreras que limitan su acceso a la web.
La accesibilidad web es la necesidad de que los sitios web utilicen herramientas y tecnologías desarrolladas para facilitar la percepción, comprensión, contribución, navegación e interacción de una persona con discapacidades en el sitio. Integrar la accesibilidad puede parecer intimidante para quienes recién se familiarizan con el tema, pero es un elemento vital de la experiencia del usuario. La accesibilidad debe incorporarse desde el inicio en los procesos de desarrollo y diseño web, en lugar de intentar adaptarla como una idea tardía.
Tipos de Discapacidad
Visual
Las discapacidades visuales incluyen ceguera, visión reducida y daltonismo.
Audición
Las discapacidades auditivas incluyen deficiencias auditivas y sordera.
Neurológico
Las discapacidades neurológicas involucran el sistema nervioso central y periférico, incluyendo epilepsia, enfermedad de Alzheimer, enfermedad de Parkinson, entre otras.
Cognitivas
Las discapacidades cognitivas incluyen trastornos de atención, lógica y aprendizaje.
Motora
Las discapacidades motoras incluyen control motor fino limitado, lentitud muscular y dificultad o incapacidad para usar las manos.
¿Por Qué es Importante la Accesibilidad Web?
Según el informe mundial sobre discapacidades 2023 de la Organización Mundial de la Salud (OMS), el 16% de la población mundial experimenta algún tipo de discapacidad, desde física hasta cognitiva y neurológica. Las tasas de discapacidad solo van a aumentar debido al envejecimiento de la población y el incremento de condiciones de salud crónicas.
1.3 Mil Millones
De la población mundial vive con una discapacidad
Las personas con discapacidades deben poder disfrutar del mismo acceso a la información que aquellas sin discapacidades. Afortunadamente, existen tecnologías disponibles para reducir o eliminar las barreras al acceso digital. La provisión de estos beneficios garantiza que todos, independientemente de su edad, capacidad física o mental, puedan usar internet y tener una buena experiencia web.
Además de hacer de internet un lugar más inclusivo para todos, una buena estrategia de accesibilidad también tiene beneficios comerciales. La accesibilidad es un componente del diseño y desarrollo que toca casi todos los elementos de la creación del sitio web. Se superpone con aspectos de diseños optimizados para móviles, independencia de dispositivos, interacción multimodal, usabilidad, SEO, y más. Los sitios web accesibles pueden tener mejores resultados de búsqueda, costos de mantenimiento reducidos, mayor alcance de audiencia y demostrar responsabilidad social corporativa. Tener un sitio web bien diseñado y accesible no solo hace que su sitio esté disponible para personas con discapacidades, sino que también puede mejorar significativamente la experiencia del usuario para todos los visitantes de su sitio.
Alcanza a Tus Audiencias e Impulsa un Mejor ROI
Las marcas estadounidenses que no están priorizando la accesibilidad están perdiendo hasta $6.9 mil millones anuales frente a sus competidores. No se trata solo de cumplimiento normativo; la accesibilidad es un catalizador para crear experiencias digitales más atractivas y productivas para TODOS los usuarios.
En este video, la Directora de Marketing de Acquia, Jennifer Griffin Smith, presenta estrategias clave para hacer crecer tu base de clientes, mejorar la satisfacción del cliente y lealtad de marca, e incrementar los ingresos.
Estándares de Accesibilidad
Las Pautas de Accesibilidad para el Contenido Web (WCAG) fueron desarrolladas por el Consorcio World Wide Web (W3C) con el propósito de establecer una serie de directrices compartidas internacionalmente que rigen los estándares de accesibilidad del contenido web para hacer que los sitios web, dispositivos y contenido sean accesibles para usuarios con discapacidades. El contenido bajo las WCAG se refiere al contenido web que es la información en una página web o aplicación web, que incluye:
- Información natural como texto, imágenes y sonidos
- Código o marcado que define la estructura, presentación, etc.
Actualmente se aplican tres versiones de WCAG: WCAG 2.0, 2.1 y 2.2. WCAG 2.0 se publicó en 2008 y se convirtió en un estándar ISO en 2012. WCAG 2.1 se publicó en 2018, y WCAG 2.2 se publicó en 2023. Todos los requisitos ("criterios de éxito") de 2.0 están incluidos en 2.1, con algunos criterios de éxito adicionales en 2.1, y WCAG 2.2 los amplía aún más con criterios de éxito adicionales. Sin embargo, las directrices son retrocompatibles, lo que significa que el contenido que cumple con WCAG 2.2 también cumple con WCAG 2.1 y WCAG 2.0.
Las WCAG forman la base de la mayoría de las legislaciones sobre accesibilidad en todo el mundo. Legislaciones como el Título III de la Ley de Estadounidenses con Discapacidades (ADA) y la Ley de Accesibilidad para Ontarianos con Discapacidades (AODA) adoptan las WCAG en el nivel AA como el estándar mínimo de conformidad. Algunos países tienen referencias indirectas a las WCAG. El Estándar Europeo EN 301 549 para la Directiva de Accesibilidad Web de la UE, por ejemplo, no establece explícitamente su adopción de las WCAG pero incluye todos los requisitos de las directrices.
Los criterios de éxito de WCAG se categorizan en tres niveles de conformidad: Nivel A, AA y AAA.
Nivel A
Este cubre los requisitos más básicos de las características de accesibilidad y es el grado mínimo de accesibilidad que debe satisfacerse. El incumplimiento de este nivel resultará en un sitio web completamente inaccesible.
Nivel AA
Este nivel aborda algunas de las barreras más comunes de acceso para personas con discapacidades. Este es el nivel más alto de conformidad requerido por la mayoría de sitios web ya que garantiza que se eliminen las barreras de accesibilidad más importantes.
Nivel AAA
Este es el nivel más alto de accesibilidad bajo WCAG y es más difícil de lograr para la mayoría de sitios. Alcanzar este nivel es deseable, pero generalmente no es necesario.
Los Cuatro Principios de Accesibilidad
Los principios de accesibilidad web son los fundamentos del contenido producido para la web y para cualquier persona que quiera utilizar la web. La ausencia de cualquiera de estos cuatro principios genera experiencias web inaccesibles para usuarios con discapacidades. El acrónimo POUR describe los principios de accesibilidad funcional.
Perceptible
La información y los componentes de la interfaz de usuario deben presentarse a los usuarios de maneras que puedan percibir.
Operable
Los componentes de la interfaz de usuario y la navegación deben ser operables.
Comprensible
La información y el funcionamiento de la interfaz de usuario deben ser comprensibles.
Robusto
El contenido debe ser lo suficientemente robusto para que pueda ser interpretado de manera confiable por una amplia variedad de agentes de usuario, incluidas las tecnologías de asistencia.
Escáner de Accesibilidad de PDF
Identifique y corrija problemas de accesibilidad en PDF en la plataforma de Gobernanza Web Acquia.
Los Componentes de la Accesibilidad Web
La accesibilidad web es un aspecto que abarca cada elemento de un sitio web. Los diferentes componentes del sitio web deben estar interconectados y ser complementarios entre sí para crear un sitio que sea funcional y esté disponible para el beneficio de las personas con discapacidades. Estos componentes incluyen:
- Contenido
El contenido comprende la información en una página web o aplicaciones web, como texto, imágenes y sonidos; o el código, script o marcado que define la estructura, presentación, etc. del sitio. - Agentes de Usuario
Los agentes de usuario son los navegadores web, navegadores de teléfonos móviles, reproductores multimedia, complementos, tecnología asistiva y otro software que actúa en nombre de un usuario. - Herramientas de Autoría
Este es el software que crea sitios web como editores de código, sistemas de gestión de contenido, blogs, etc. - Herramientas de Evaluación
Herramientas para ayudarle a revisar la efectividad de sus atributos de accesibilidad y para ayudar a rastrear sus esfuerzos de remediación.
Ejemplos de Accesibilidad Web
Agregar texto alternativo (texto alt) para imágenes: Esto se puede hacer agregando una descripción del texto en el marcado/código. El texto alt es utilizado por lectores de pantalla y otras tecnologías asistivas para leer en voz alta la información de las imágenes a personas con discapacidades visuales. El texto alt también es beneficioso para usuarios web que tienen sus imágenes desactivadas debido a un ancho de banda bajo y es un recurso valioso para la optimización en motores de búsqueda. El texto alt debe ser tanto breve como descriptivo.
Ejemplos de texto alt bueno y malo
Malo: Una fotografía de cachorros
Bueno: Tres cachorros de Labrador sentados en una canasta
Para imágenes que son puramente decorativas, use texto alt nulo (img alt="").
Asegurar la funcionalidad del teclado: Para personas con discapacidades de movilidad, discapacidades motoras finas o discapacidades temporales como dedos rotos, usar un ratón para navegar puede ser difícil. Las personas deben poder usar un sitio web a través de otros medios, como un teclado. Para sitios web accesibles, toda la funcionalidad está disponible a través del teclado. Los usuarios pueden navegar por pestañas a través del contenido o usar tecnología asistiva que imita el patrón de navegación del teclado.
Proporcionar transcripciones para audio: Para aquellos con discapacidades auditivas, los archivos de audio como clips de sonido, podcasts y videos son inaccesibles. Tener una transcripción del contenido de audio permite a las personas con discapacidades auditivas consumirlo.
Cumplimiento y Legislación
Existen diferentes estándares y regulaciones de accesibilidad web en distintos países. Aquí se presentan algunos ejemplos de las leyes y directrices más destacadas a nivel mundial.
Global
WCAG
Las Pautas de Accesibilidad para el Contenido Web (WCAG) son el estándar internacional de accesibilidad establecido por el Consorcio World Wide Web (W3C).
Estados Unidos
ADA
Bajo el Título III de la Ley de Estadounidenses con Discapacidades, todas las áreas de alojamiento público, incluyendo sitios web, deben ser accesibles para todos los usuarios.
Estados Unidos
Sección 508
La Sección 508 de la Ley de Rehabilitación de 1973 requiere que las agencias federales de Estados Unidos garanticen que su tecnología electrónica y de información sea accesible.
Canadá
AODA
La Ley de Accesibilidad para Ontarianos con Discapacidades de 2005 (AODA) se aplica en Ontario para identificar, eliminar y prevenir barreras para personas con discapacidades e incluye la accesibilidad web.
Europa
Directiva de Accesibilidad Web de la UE
La UE publicó la Directiva de Accesibilidad Web para estandarizar y armonizar el marco normativo en torno a la accesibilidad web y móvil de las organizaciones del sector público.
Europa
EAA
La Ley Europea de Accesibilidad (EAA) es una directiva de la UE que exige a los estados miembros de la UE legislar sobre accesibilidad tanto en línea como fuera de línea, proporcionando un marco de reglas comunes de accesibilidad para el mercado.
Australia
DDA Australiana
La Ley de Discriminación por Discapacidad de Australia de 1992 (DDA) protege a las personas con discapacidades contra la discriminación en diferentes áreas de la vida pública, incluida la provisión de información y servicios en línea a través de la web.
Europa
Regulaciones de Accesibilidad para Organismos Públicos del Reino Unido
Las Regulaciones de Accesibilidad para Organismos del Sector Público del Reino Unido de 2018 exigen la accesibilidad de sitios web y aplicaciones móviles.
Cómo Crear un Sitio Web Accesible
La accesibilidad depende de la colaboración de los componentes mencionados. A continuación, presentamos algunas pautas básicas sobre cómo asegurar que la interfaz y el desarrollo de su sitio web se diseñen con criterios de accesibilidad.
Los siguientes principios que describen las soluciones de accesibilidad han sido desarrollados y evaluados por la Iniciativa de Accesibilidad Web (WAI) del W3C, en conformidad con los estándares WCAG.
Alternativas de texto: Utilice alternativas de texto para transmitir el contexto y propósito del contenido visual. Las alternativas de texto convierten la información del contenido visual en texto electrónico que puede presentarse de la forma que mejor se adapte a las necesidades del usuario. Los ejemplos incluyen grabaciones de audio del texto, ampliación del tamaño de la fuente, o la opción de leer el texto en dispositivos braille.
Proporcionar transcripciones de texto y subtítulos para contenido de audio: El contenido multimedia, aunque ofrece a los usuarios una experiencia más rica y diversificada en la web, puede resultar limitante para personas con discapacidades auditivas o visuales. Proporcionar transcripciones de texto y subtítulos para contenido de audio, o agregar interpretación en lengua de señas, puede ayudar a crear experiencias más accesibles.
Presentación del contenido: El contenido debe presentarse en diferentes formatos y los usuarios deben poder modificar la presentación del contenido. Ejemplos de presentaciones múltiples de contenido incluyen permitir opciones para que el contenido sea leído en voz alta, mostrar contenido en combinaciones de colores personalizadas, usar contrastes de color correctos, y crear contenido optimizado para dispositivos móviles.
Evita contenido que parpadee, tenga límites de tiempo o se reproduzca automáticamente: La percepción y comprensión del contenido no son iguales para todos. Algunos usuarios pueden necesitar más tiempo para leer instrucciones, escribir o completar tareas en un sitio web. Es importante ajustar los elementos con límites de tiempo en un sitio web y utilizar contenido dinámico que no interrumpa, se pause, parpadee o se desplace automáticamente. El contenido animado que parpadea a ciertas velocidades también puede ser perjudicial para personas con fotosensibilidad. Es mejor evitar este tipo de contenido o presentar una advertencia previa.
Navegación accesible: La navegación es un elemento esencial de la experiencia del usuario y crear un sitio con contenido bien organizado puede brindar a los usuarios con discapacidades una oportunidad equitativa de experimentar el sitio web completamente según sus necesidades. Algunos aspectos importantes a considerar respecto a la navegación accesible es entender cómo los usuarios interactúan con las estructuras del sitio como menús jerárquicos, cuadros de búsqueda y mapas del sitio.
Haga que el contenido de texto sea legible y comprensible: El contenido de texto debe ser legible y comprensible en todos los formatos de presentación. El nivel de comprensión del texto debe presentarse para atender a la audiencia más amplia posible, de manera que sea inclusivo para aquellas personas con discapacidades de aprendizaje y cognitivas. También es esencial proporcionar medidas para asegurar que ayudemos a los usuarios a evitar y corregir errores. Esto puede ayudar a personas que no ven o escuchan el contenido o que pueden no reconocer relaciones implícitas, secuencias y otras señales en elementos web.
Haga que el contenido aparezca y funcione de manera predecible: Asegúrese de que el contenido de su sitio siga un patrón e interfaz predecibles y consistentes. Un diseño coherente puede ayudar a los usuarios a aprender a navegar por el sitio rápidamente y seguir patrones predecibles para lograr objetivos específicos.
Incluye una declaración de accesibilidad: Demuestra tu compromiso con los esfuerzos de accesibilidad web a tus clientes y partes interesadas incluyendo una declaración de accesibilidad en tu sitio. Una declaración de accesibilidad debe incluir las pautas y estándares de accesibilidad que seguirá tu sitio web, incluyendo el nivel de accesibilidad previsto, información de contacto en caso de que los visitantes encuentren problemas con la accesibilidad del sitio, y un reconocimiento de cualquier excepción a los estándares basada en las limitaciones del sitio. Puedes usar un generador de declaración de accesibilidad para crear rápidamente una declaración completa y conforme.
| ¿Quién se beneficia de la accesibilidad web? |
|---|
|
Todos se benefician de la accesibilidad. Además de permitir que las personas con discapacidades accedan a la web, muchos estándares de accesibilidad web coinciden con buenas prácticas de SEO. Por ejemplo, las Directrices para Webmasters de Google describen prácticas como garantizar atributos alt y title descriptivos, verificar que el HTML sea correcto y ofrecer un mapa del sitio a los usuarios. Todos estos aspectos (y muchos más) también son importantes para la accesibilidad. La accesibilidad web también mejora la experiencia del usuario y el control de calidad. La accesibilidad significa crear un sitio web que brinde una buena experiencia para todos, independientemente de cómo deban acceder a internet. Cuando garantizas una buena experiencia para usuarios con discapacidades, puedes estar seguro de que la experiencia general de tu sitio web y su calidad mejorarán.
|
| ¿Es la accesibilidad web un requisito legal? |
|---|
|
Sí. Muchos países cuentan con legislación de accesibilidad web vigente, ya sea haciendo referencia a las WCAG o con estándares basados en las WCAG, como el estándar europeo de accesibilidad web EN 301 549. Consulte nuestra sección de cumplimiento y legislación para obtener más información.
|
| ¿Cómo sé si mi sitio web cumple con la ADA? |
|---|
|
La accesibilidad web está regulada por el Título III de la ADA, que establece que se debe proporcionar acceso equitativo a la información y servicios en todas las áreas de acomodación pública (hoteles, escuelas, restaurantes, gimnasios, comercios minoristas, bibliotecas, consultorios médicos, etc.). Los sitios web se consideran lugares de acomodación pública y cualquier barrera de acceso en el sitio web constituye una violación de esta ley. Aunque la ADA no cuenta con sus propios estándares técnicos para definir el cumplimiento de la accesibilidad web, los numerosos casos judiciales que surgieron de demandas presentadas bajo la ADA han hecho referencia a WCAG 2.0 nivel AA, y posteriormente a WCAG 2.1, como su punto de referencia para los estándares de cumplimiento. Por lo tanto, para que su sitio web cumpla con la ADA, también debe cumplir como mínimo con WCAG 2.0 nivel AA. Para conocer los niveles de cumplimiento de accesibilidad web de su sitio, puede solicitar un escaneo gratuito de sitio web de Monsido. Obtenga más información sobre el cumplimiento de la ADA
|
| ¿Pueden demandarme si mi sitio web no es accesible? |
|---|
|
Sí, puedes enfrentarte a consecuencias legales. Si tu país tiene normativas específicas sobre accesibilidad web, no proporcionar un sitio web accesible puede resultar en una demanda. En 2020, se presentaron más de 3000 demandas en Estados Unidos por violaciones de la Ley ADA. Evita cualquier acción legal contra tu sitio web implementando la accesibilidad web de manera temprana y adecuada. Lee este blog sobre cómo evitar una demanda por accesibilidad web.
|
Identify Your Website’s Biggest Issues
Find out if you're delivering the best possible web experience for your visitors.
