Algunos artículos sobre accesibilidad que he guardado recientemente

“Buenas noticias sobre display: contenidos y Chrome” — Rachel Andrew señala que el peligro de accesibilidad del uso display: contents;está solucionado en Chrome. El problema era que, decíamos que tenía un div principal que estaba dispuesto como una cuadrícula y dentro tiene ulelementos li, y quería que los lielementos participaran en esa misma cuadrícula principal. Tenemos una subcuadrícula, pero en realidad no es lo mismo. Lo que quieres es simplemente fingir que ulno existe en absoluto y que los lielementos pueden colgar en la cuadrícula como cualquier otra cosa. El problema era que si hacías eso, borrabas la semántica accesible de la lista. ¡Pero no más!
“Grid, reordenación de contenidos y accesibilidad” — Hablando de cuadrículas y accesibilidad, aquí está Rachel nuevamente enseñándonos (a través de esta presentación de diapositivas) cómo es muy fácil realmente divergir el orden de origen y mostrar el orden del contenido con técnicas de diseño. moderno. Por el momento, la solución es esencialmente no hacer eso, pero el futuro podría ofrecer una manera para que los navegadores actualicen el orden de las pestañas para que sean visualmente sensibles cuando se modifica exclusivamente el diseño.
“Las herramientas y técnicas de prueba de accesibilidad más útiles” - Atrem Sapegin enumera algunos buenos, como eslint-plugin-jsx-a11y , storybook-addon-a11y , cypress-axe , la aplicación Contrast , la extensión del navegador Spectrum y… usando la tecla de tabulación (risas).
BotónBuddy — Herramienta de Stephanie Eckles que ayuda a generar CSS para botones. Pero el verdadero objetivo es brindarle colores como propiedades personalizadas que satisfagan las pautas de contraste de color.
“¿Son accesibles sus enlaces de anclaje?” — Amber Wilson pasa por cinco iteraciones de un enlace de anclaje en/por un encabezado antes de aterrizar en uno bueno y, aún así, hay preguntas que abordar.
“No coloque eventos de puntero: ninguno en las etiquetas del formulario” — Estoy un poco sorprendido de que alguien hiciera esto, pero resulta que proviene del patrón de “etiqueta flotante” de Material Design. Creo que ese patrón es muy tonto. En realidad, no ahorra espacio porque de todos modos necesita el espacio donde flota la etiqueta. Dios mio .
“Etiquetas de texto accesibles para todos” — Sara Soueidan prueba software de accesibilidad real y cómo presenta elementos interactivos comunes. Por ejemplo, un enlace “leer más” no es muy útil (¿leer más qué ?), y “agregar al carrito” no es muy útil por sí solo (¿agregar qué al carrito?). Puede agregar, por ejemplo, nombres de productos a esos botones de “agregar al carrito”, pero no lo haga en el medio del botón, ya que eso puede dañar las cosas. Agregue el texto adicional al final.

Deja un comentario Cancelar respuesta