Todo tipo de información sobre accesibilidad en la Web: errores de accesibilidad, ejemplos de páginas inaccesibles, noticias, software, hardware, productos de apoyo, consejos, pautas y guías de accesibilidad, WAI, WCAG, Norma EN 301 549, legislación, etc.
La Guía panhispánica de lenguaje claro y accesible ofrece recursos, advertencias y recomendaciones para promover un uso del español claro, comprensible y accesible en todos los ámbitos comunicativos. El objetivo es promover una comunicación más clara, inclusiva y accesible para toda la ciudadanía.
El artículo desmonta la idea extendida de que cumplir las WCAG 2.x en nivel AA garantiza que un sitio web sea accesible. Aunque este nivel suele considerarse el objetivo final, en realidad debería entenderse como un punto de partida mínimo, ya que es posible que un sitio web sea formalmente conforme y, aun así, resulte inaccesible o muy difícil de usar para la mayoría de las personas.
El motivo principal es que las WCAG no evalúan la calidad de la experiencia de usuario, sino que buscan evitar que las personas con discapacidad estén en desventaja respecto al resto. Por tanto, una experiencia puede ser objetivamente mala y seguir cumpliendo las WCAG, siempre que sea igual de mala para todas las personas.
El texto ilustra esta limitación con cinco ejemplos:
Uso del color: el criterio solo se aplica cuando el color se utiliza para transmitir información. Si un enlace o un estado visual no se diferencia del texto normal ni siquiera mediante color, puede cumplir WCAG aunque nadie sea capaz de identificarlo como enlace, lo que genera una usabilidad muy deficiente.
Tamaño de fuente: las WCAG no establecen un tamaño mínimo de texto. Teóricamente, se podría usar un texto extremadamente pequeño y cumplir los criterios de contraste y redimensionado, aunque resulte ilegible para cualquier persona.
Velocidad de carga: los criterios sobre tiempos se centran en elementos temporizados de la interfaz, pero no contemplan problemas graves de rendimiento. Un sitio que tarda mucho en cargar puede ser prácticamente inutilizable y, aun así, cumplir WCAG AA.
Complejidad del lenguaje: los requisitos sobre que el contenido sea realmente comprensible (nivel de lectura, uso de abreviaturas, claridad del lenguaje) pertenecen al nivel AAA y suelen ignorarse. En nivel AA basta con que el idioma esté correctamente definido y que títulos o enlaces describan su propósito, aunque el texto sea excesivamente técnico o difícil de entender.
Calidad del audio: las WCAG exigen alternativas al audio, como transcripciones, pero no consideran la calidad sonora. Un audio ininteligible puede cumplir WCAG AA si existe una alternativa, aunque la experiencia sea pobre para todo el mundo.
Como conclusión, el autor subraya que las WCAG no pretenden medir la usabilidad ni la calidad global de un producto digital, sino garantizar la igualdad de acceso entre personas con y sin discapacidad. Por ello, describir un sitio como “totalmente accesible” solo por cumplir WCAG 2.2 AA es impreciso. Lo más adecuado es entender ese cumplimiento como una base mínima que reduce la probabilidad de discriminar a personas con discapacidad, pero que no garantiza, por sí sola, una buena experiencia de uso.
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a hablar de la importancia de ofrecer estilos alternativos en una página web.
Si se les pregunta a los usuarios de la Web cómo es una página web “buena”, probablemente la mayoría pensará en un diseño visual atractivo, con colores armónicos, tipografías modernas y animaciones, muchas animaciones. Y no les faltaría razón. Pero ¿qué pasa cuando este diseño, pensado para la mayoría, no funciona para todos?
A las páginas web acceden miles de millones de usuarios, muchos de ellos con necesidades, preferencias y contextos de uso diferentes. En especial, las personas con discapacidad muchas veces experimentan problemas, barreras, al navegar por las páginas web.
Por ejemplo, este artículo del prestigioso periódico The New York Times tiene un importante problema de contraste en el título del artículo y en la entradilla. [P] Una persona sin discapacidad seguramente leerá con algunos problemas el título y la entradilla. Pero una persona con discapacidad visual o discapacidad cognitiva quizás sea incapaz de leerlo y entenderlo.
Este problema es muy fácil de resolver.
Los diseñadores web del periódico The New York Times podrían simplemente añadir un fondo semitransparente al título y a la entradilla que aumentase el contraste entre el texto y la fotografía de fondo.
¿Y esto cómo se hace? Seguramente pensarás que es difícil o requiere mucho tiempo y por eso no lo han hecho. Bueno, en realidad, en lo que he tardado en sacarme un moco de la nariz he añadido el código necesario para resolver este problema.
Y entonces, ¿por qué no lo han hecho? Bueno, podemos pensar en muchas razones, pero por mi experiencia, normalmente, el propietario o el diseñador del sitio quiere que su sitio web se vea exactamente de una forma concreta, aunque eso sea negativo para muchos usuarios.
La solución a esta situación es sencilla, podemos diseñar nuestro sitio web con un estilo principal y con todas las mierdas que queramos, aunque nos estemos pegando un tiro en el pie.
Pero a la vez, también debemos ofrecer estilos alternativos para desarrollar una web verdaderamente universal y robusta.
Los estilos alternativos son versiones de nuestra hoja de estilos principal que ofrecen una experiencia de usuario diferente. No son un sitio web nuevo, sino una adaptación del mismo contenido. Los más comunes son:
Estilo oscuro: para reducir la fatiga visual en entornos con poca luz o por preferencia personal.
Estilo de alto contraste: para usuarios con baja visión.
Estilo texto grande: para usuarios con baja visión.
Estilo daltonismo: que ajusta la paleta de colores para garantizar que la información se perciba correctamente.
Estilo de lectura: que elimina elementos superfluos como menús y publicidad para concentrarse en el contenido principal.
Estilo para impresión: elimina elementos superfluos como menús y adapta el contenido al tamaño de una hoja de papel.
Hoy en día, muchos sitios web ofrecen algunos de estos estilos alternativos. Por ejemplo, en mi sitio web sobre accesibilidad web ofrezco una opción de configuración que permite que el usuario seleccione un estilo que se adapte mejor a sus necesidades: el estilo principal, dos estilos de alto contraste (amarillo sobre negro y verde sobre negro), colores de bajo contrate y estilos con diferentes tipos de letra.
Aquí tenemos otro ejemplo, la web de La Moncloa, que por defecto aparece con el modo claro, pero que tiene una opción para cambiar al modo oscuro.
¿Y cómo se ofrecen los estilos alternativos en un sitio web? Existen varias formas, en el vídeo “CSS: definición y uso de estilos alternativos” te explico una forma que se puede emplear en Mozilla Firefox, de forma nativa, y en otros navegadores web con alguna extensión. Pero en la mayoría de los casos, tendrás que proporciona un selector de estilos como el que hemos visto en la web de La Moncloa.
Sobre el estilo para impresión te recomiendo los siguientes vídeos. Por un lado, te recomiendo que veas el vídeo “CSS: hoja de estilo para impresión”, del estudiante Samuel López Brufal. En este vídeo se enseña a crear un CSS correcto para imprimir las páginas web.
Muchos diseñadores no optimizan las páginas web para impresión, lo que genera confusión al imprimir.
Samuel propone los siguientes consejos para una correcta hoja de estilo para impresión:
Diseño adaptativo para impresión.
Uso de tonos blancos y negros (o colores originales si es necesario).
Incluir las URLs visibles para referencia posterior.
Y aplicar filtros CSS para mejorar los resultados.
En el vídeo de Samuel también se explica que se deben evitar las divisiones en tablas y listas con las siguientes propiedades de CSS: page-break-inside, page-break-before y page-break-after.
En realidad, estas propiedades de CSS están obsoletas y en su lugar se deben emplear las propiedades break-after, break-before y break-inside.
El tema de evitar las divisiones en tablas y listas lo tienes desarrollado con más profundidad en los siguientes vídeos. “CSS: cómo controlar los puntos de corte cuando se imprime una página”, parte 1 y parte 2. Y con esto finaliza este vídeo en el que te he explicado la importancia de los estilos alternativos en las páginas web.
Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.
El Día Internacional de las Personas con Discapacidad fue declarado en 1992 por la Asamblea General de las Naciones Unidas mediante la resolución 47/3. El objetivo es promover los derechos y el bienestar de las personas con discapacidades en todos los ámbitos de la sociedad y el desarrollo, así como concienciar sobre su situación en todos los aspectos de la vida política, social, económica y cultural.
