Texto alternativo para el contenido generado desde CSS

A través de Tests for CSS generated content alternative text he aprendido que se puede definir un texto alternativo para el contenido generado desde CSS. Este artículo analiza el uso de la propiedad content en CSS para generar contenido visual (como texto o iconos) y su implicación en la accesibilidad. Cuando este contenido es relevante, debería contar con una alternativa accesible para personas que utilizan productos de apoyo como los lectores de pantalla. Para ello, la especificación de CSS permite incluir un texto alternativo mediante una barra (/) dentro de la propiedad content, donde lo anterior a la barra se muestra visualmente y lo posterior se destina a los productos de apoyo.

Según la especificación, este texto alternativo debe sustituir al contenido visual en lectores de pantalla y puede ser expuesto en el árbol de accesibilidad en navegadores compatibles.

Pero como suele ocurrir muchas veces, una cosa es la teoría (la especificación) y otra la práctica (lo que realmente funciona al combinar un navegador con un lector de pantalla en un sistema operativo específico). Se presentan cuatro casos de prueba: (1) solo contenido generado, que generalmente se anuncia correctamente; (2) solo texto alternativo, con resultados inconsistentes según navegador y lector de pantalla; (3) texto alternativo vacío, donde no debe anunciarse nada; y (4) combinación de contenido visual y texto alternativo, donde este último debería reemplazar al primero, aunque también con inconsistencias en algunos entornos.

En conjunto, los resultados muestran que el soporte de esta funcionalidad aún no es completamente fiable entre diferentes combinaciones de navegadores y lectores de pantalla. Por ello, se recomienda tratar esta técnica como experimental y, para información importante, seguir utilizando HTML semántico y atributos ARIA en lugar de depender únicamente del contenido generado por CSS para garantizar la accesibilidad.

Diseño web accesible para las personas con ansiedad

En el artículo Designing for people with anxiety se aborda cómo diseñar interfaces digitales teniendo en cuenta a las personas con ansiedad, una condición que puede afectar significativamente la capacidad de concentración, toma de decisiones y procesamiento de información. La ansiedad, al mantener al usuario en un estado constante de alerta, reduce sus recursos cognitivos y puede generar experiencias digitales abrumadoras si no se diseña adecuadamente.

El artículo propone una serie de recomendaciones centradas en reducir la carga cognitiva, minimizar el estrés y crear experiencias más claras, predecibles y controlables. Aunque las pautas de accesibilidad WCAG proporcionan una base, se enfatiza la necesidad de ir más allá del cumplimiento normativo hacia un diseño verdaderamente centrado en la persona.

Entre las principales consideraciones destacan:

• Evitar la presión temporal: los temporizadores y cuentas regresivas pueden generar ansiedad. Se recomienda permitir al usuario controlar el tiempo, ampliarlo o eliminarlo cuando sea posible, así como emplear mensajes tranquilos y comprensivos.
• Reducir la sensación de urgencia: elementos como la escasez artificial o la popularidad de productos pueden inducir decisiones apresuradas y estrés, especialmente en personas con ansiedad.
• Mantener interacciones predecibles: el uso de patrones de diseño familiares y consistentes ayuda a que los usuarios se sientan más seguros y en control. Interfaces inesperadas o engañosas incrementan la desconfianza y el malestar.
• Proporcionar información clara sobre el progreso: indicadores de avance en procesos complejos reducen la incertidumbre y permiten al usuario gestionar mejor su tiempo y esfuerzo.
• Ser transparente en la solicitud de datos: explicar por qué se pide cierta información genera confianza y evita preocupaciones innecesarias.
• Permitir la revisión antes de confirmar acciones: ofrecer opciones de vista previa o verificación reduce la inseguridad y aumenta la confianza del usuario.
• Facilitar la orientación (wayfinding): elementos como migas de pan, menús de navegación y buscadores ayudan a los usuarios a entender dónde están y cómo moverse dentro del sistema.

En conjunto, estas prácticas buscan diseñar experiencias digitales más inclusivas, que no solo eviten agravar la ansiedad, sino que contribuyan activamente a generar entornos más calmados, comprensibles y controlables para todos los usuarios.

Resultados del estudio The WebAIM Million 2026

Este es el octavo año que WebAIM publica The WebAIM Million. Los resultados son similares a los años anteriores.

El principal resultado es:

95.9% of home pages had detected WCAG 2 failures. This number increased from 94.8% in 2025—reversing a trend of small improvements each of the previous 6 years. Because only automatically detectable WCAG failures were considered, this suggests that the rate of full WCAG 2 A/AA conformance was certainly lower than 4.1%.

Errores de accesibilidad en webs de transporte público: barreras para moverse por la ciudad