El texto de Adrian Roselli explora la colocación de enfoque al abrir cuadros de diálogo modales, enfatizando que no existen reglas universales. El autor desglosa escenarios comunes, como mensajes informativos, formularios breves o extensos, y mensajes que requieren acción, ofreciendo recomendaciones sobre dónde debe caer el enfoque para optimizar la experiencia del usuario. Roselli subraya la importancia de considerar el contexto del usuario y el propósito del modal para evitar patrones oscuros o acciones accidentales, sugiriendo preguntas clave para guiar las decisiones de diseño y presenta ejemplos prácticos para ilustrar sus puntos.
Alvaro Domingo Zurdo
Blog de noticias sobre la accesibilidad web y noticias que ayudan a mejorar la calidad de vida de las personas con discapacidad
lunes, 16 de junio de 2025
miércoles, 11 de junio de 2025
Accesibilidad Total en Botones ARIA Personalizados
Este texto es una guía exhaustiva de The A11Y Collective sobre cómo asegurar la accesibilidad total en botones ARIA personalizados para aplicaciones web. Enfatiza la importancia de priorizar los elementos HTML nativos, como el botón <button>
, siempre que sea posible, debido a su accesibilidad incorporada. Sin embargo, el artículo explica detalladamente cuándo y cómo implementar correctamente botones ARIA personalizados cuando los elementos nativos no son suficientes, destacando la necesidad de añadir atributos ARIA específicos como role="button"
, aria-pressed
, aria-haspopup
, aria-expanded
y aria-disabled
para la compatibilidad con lectores de pantalla. Además, se abordan aspectos cruciales como el soporte de teclado, el manejo del enfoque, el contraste de color y las pautas de tamaño y espaciado para garantizar que estos botones sean utilizables para todos los usuarios. El texto también subraya la importancia de las pruebas rigurosas con lectores de pantalla y herramientas de validación, y concluye promocionando un curso especializado para profundizar en las habilidades de accesibilidad.
lunes, 9 de junio de 2025
Accesibilidad Cognitiva: Guía UX para Diseñadores
El texto describe la importancia de la accesibilidad cognitiva en el diseño de experiencias digitales, enfocándose en cómo las personas procesan, comprenden e interactúan emocionalmente con la información. Se destaca que esta forma de accesibilidad no solo beneficia a quienes tienen discapacidades cognitivas diagnosticadas, sino también a aquellos que experimentan barreras temporales debido a factores como el estrés, la fatiga o el envejecimiento. El artículo mapea los ocho objetivos clave del Grupo de Trabajo sobre Accesibilidad para Discapacidades Cognitivas y de Aprendizaje (COGA) a las Pautas de Accesibilidad al Contenido Web (WCAG 2.2), proporcionando consejos prácticos y requisitos alineados para que los equipos de producto garanticen que el contenido sea comprensible, fácil de encontrar, libre de errores, y adaptable a las necesidades individuales de los usuarios. En esencia, aboga por un diseño inclusivo que reduzca la carga mental y mejore la usabilidad para todos.