lunes, 16 de junio de 2025

Gestión del Enfoque en Diálogos Modales

pantalla de ordenado con foco amarillo



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.


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

telefono movil centrado en tener una buena experiencia de usuario




 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.

El Elemento Col: Evítalo

 El texto examina la complejidad y la problemática utilidad de ciertos elementos HTML, centrándose particularmente en la etiqueta <col>. Argumenta que elementos como <h6> o <script> a menudo se usan incorrectamente, y de manera similar, <col> y <colgroup> no son esenciales para construir tablas de datos con columnas. El autor detalla cómo la funcionalidad inesperada de <col> para agrupar columnas y aplicar estilos a elementos separados, junto con su interacción confusa con el atributo span y scope="colgroup", complican su uso. Finalmente, el texto concluye que el mecanismo de agrupación de columnas es poco fiable y complejo en términos de accesibilidad para lectores de pantalla, sugiriendo estructuras de tabla más simples como alternativa.

martes, 3 de junio de 2025

Mapas Web Temáticos: Accesibilidad para Discapacitados Visuales

mapa de la peninsulaiberica con las comunidades pintadas de diferentes colores



 El artículo "Enhancing Accessibility of Thematic Web Maps for Visually Impaired Users" aborda el desafío de hacer que los mapas web temáticos sean accesibles para usuarios con discapacidad visual. Se reconoce que, si bien los mapas físicos han avanzado en accesibilidad a través de medios táctiles y acústicos, los mapas web interactivos presentan obstáculos únicos debido a su naturaleza visual y complejidad. La investigación examina la aplicabilidad de las Pautas de Accesibilidad al Contenido Web (WCAG) a los mapas temáticos, revelando que si bien proporcionan un marco general, se necesitan recomendaciones específicas del dominio. Además, evalúa la accesibilidad inherente de las bibliotecas populares de mapas web, encontrando que el soporte varía significativamente, y desarrolla un prototipo de mapa temático accesible para demostrar la implementación práctica de estas pautas.


lunes, 26 de mayo de 2025

 El texto de FAixt, Inc. es una guía sobre cómo hacer que el contenido de video sea accesible para personas con discapacidades, destacando que la accesibilidad es crucial para la inclusión y mejora la experiencia de todos los usuarios. El artículo ofrece pasos prácticos, como asegurar un audio nítido, agregar subtítulos precisos, usar descripciones de audio para elementos visuales y jugadores de video accesibles. También enfatiza la importancia de que el texto en pantalla sea legible, ofrecer transcripciones y diseñar pensando en diversos entornos de visualización. Finalmente, subraya la necesidad de probar a fondo la accesibilidad y capacitar a los equipos para integrar estas prácticas en todo el proceso de producción de video, presentándolo no solo como una obligación legal y ética, sino también como una estrategia para conectar con una audiencia más amplia.

https://afixt.com/how-to-make-your-videos-accessible-a-guide-to-inclusive-content-creation/

lunes, 12 de mayo de 2025

Acordeón web accesible


Este texto se enfoca en la creación de un acordeón web accesible utilizando listas de descripción HTML. Explica por qué las listas de descripción () son ideales para esta estructura al emparejar términos () con descripciones (). La estructura HTML usa atributos ARIA para accesibilidad, mientras que CSS gestiona la visualización y JavaScript controla el comportamiento de expandir/colapsar. El artículo también resalta la importancia de la navegación con teclado y la compatibilidad con lectores de pantalla para mejorar la accesibilidad general de los componentes web.

Menu acordeon


La accesibilidad digital no debe ser un proyecto puntual

 El texto argumenta que la accesibilidad digital no debe ser un proyecto puntual, sino un proceso continuo e integrado en el desarrollo de productos. Se destaca que las auditorías por sí solas no son suficientes; es crucial ir más allá de la corrección de problemas existentes y enfocarse en prevenir que vuelvan a ocurrir. La Ley Europea de Accesibilidad (EAA) refuerza esta necesidad de un enfoque proactivo. Implementar la accesibilidad al principio del proceso de desarrollo ("shifting left") es más eficiente y conduce a productos más inclusivos por defecto, rompiendo el ciclo de auditorías y correcciones constantes.

https://lnkd.in/g6Tr4BwZ

hashtag#accesibilidad hashtag#ux hashtag#ui hashtag#Ayesa hashtag#ASEPAU

viernes, 9 de mayo de 2025

Publicar una declaración de accesibilidad

 Las organizaciones sujetas a la EAA deben publicar una declaración de accesibilidad que detalle su estado de cumplimiento. Esta debe incluir:


El estándar de accesibilidad actual que cumple su producto (por ejemplo, WCAG 2.1 AA).

Cualquier limitación conocida o áreas en las que la plataforma podría no cumplir totalmente.

Mejoras continuas y planes para abordar las brechas señaladas.

Un método de contacto para que los usuarios informen problemas de accesibilidad o soliciten formatos alternativos.

Mantener esta declaración actualizada no solo cumple con un requisito legal, sino que también demuestra transparencia y compromiso con la accesibilidad. Ayuda a los usuarios a comprender su enfoque, establece expectativas claras y garantiza que el cumplimiento sea una prioridad constante.

martes, 22 de abril de 2025

El diseño digital actual puede ser problemático para personas neurodivergentes

 Este artículo de Intopia, escrito por Charlii Parker, explora cómo el diseño digital actual puede ser problemático para personas neurodivergentes, específicamente aquellas con TDAH, autismo y dislexia, debido a elementos como distracciones, interfaces complejas y formatos poco legibles. El texto describe las frustraciones específicas que cada condición puede experimentar en línea. Parker luego ofrece estrategias prácticas para crear espacios digitales más inclusivos, enfocándose en reducir la carga cognitiva, mejorar la legibilidad, mantener la consistencia, apoyar diferentes estilos de interacción y dar control al usuario. El artículo concluye que un buen diseño accesible beneficia a todos, invitando a los creadores digitales a reflexionar sobre la usabilidad de sus sitios y ofreciendo la ayuda del equipo de diseño de Intopia. En esencia, aboga por cambios pequeños y considerados para lograr experiencias en línea verdaderamente accesibles.

https://intopia.digital/articles/making-digital-spaces-more-inclusive/


La accesibilidad en todas las etapas de un proyecto

 Estas fuentes explican la importancia de integrar la accesibilidad en todas las etapas de un proyecto digital, un concepto conocido como "shifting left". Se argumenta que esta práctica temprana no solo mejora la experiencia del usuario para todos, incluyendo personas con discapacidades, sino que también reduce costos y evita problemas futuros. Los textos detallan cómo diversos roles dentro de un equipo, desde estrategas hasta desarrolladores y creadores de contenido, tienen responsabilidades específicas para asegurar la accesibilidad. Finalmente, resaltan la necesidad de mantenimiento continuo y capacitación para sostener la accesibilidad a lo largo del ciclo de vida de un sitio web.

https://www.lullabot.com/articles/what-it-means-shift-left-accessibility-and-how-do-it-right



lunes, 24 de febrero de 2025

Fuente Atkinson Hyperlegible Next, diseñada para mejorar la accesibilidad

 Este artículo de _PRINT Magazine_ anuncia la expansión de la fuente Atkinson Hyperlegible Next, diseñada para mejorar la accesibilidad para personas con baja visión. Originalmente lanzada en 2019 y utilizada extensamente, la nueva versión presenta más pesos, estilos itálicos, soporte para más idiomas y un formato variable. El texto destaca su uso gratuito, modificación y distribución, con el objetivo de facilitar la comprensión de la información en diversos contextos. Se incluye una entrevista con Brad Scott de Applied Design, quien explica la filosofía detrás del diseño accesible y la colaboración con el Braille Institute. Scott señala que la fuente, aunque diseñada para baja visión, ha demostrado ser útil en otros contextos como la dislexia, abriendo un diálogo sobre diseño inclusivo. El artículo concluye con reflexiones sobre el proceso de diseño y el potencial para mejorar la experiencia de las personas a través de soluciones accesibles.

Fuente Atkinson Hyperlegible Next