Carie Fisher
Los Gráficos Vectoriales Escalables (SVG) se convirtieron en un estándar abierto del W3C en 1999, cuando la nueva tecnología de moda era el teléfono Blackberry, Napster invadía por primera vez los dormitorios universitarios y el bug del Y2K generaba miedo en todos nosotros. Avancemos a nuestro mundo digital moderno y notarás que, mientras otras tendencias tecnológicas han disminuido, los SVG siguen presentes y prosperando. Esto se debe en parte a que los SVG tienen una huella pequeña para una fidelidad visual tan alta, en un mundo donde el ancho de banda y el rendimiento importan más que nunca, especialmente en dispositivos móviles y en situaciones/ubicaciones donde los datos son escasos. Pero también porque los SVG son muy flexibles con sus estilos integrados, interactividad y opciones de animación. Lo que podemos hacer con los SVG hoy en día va mucho más allá de las formas básicas de antaño.
Si nos enfocamos en el aspecto de accesibilidad de los SVG, también hemos avanzado mucho. Hoy en día, tenemos muchos patrones y técnicas robustas para ayudarnos a optimizar la inclusividad. Esto es cierto independientemente de si estás creando íconos, imágenes simples o imágenes más complejas. Si bien el patrón específico que decidas usar puede variar dependiendo de tu situación particular y del nivel de conformidad WCAG que busques, la realidad es que la mayoría de las personas se detienen ahí, enfocándose en el cumplimiento del código y no en los usuarios finales y sus necesidades. Si la verdadera inclusividad va más allá de los patrones, ¿qué otros factores deberíamos considerar al diseñar y desarrollar SVG accesibles?
Únete a mí para aprender más sobre:
Color + Contraste en SVG
Directrices/herramientas de relación de contraste de color WCAG
Simuladores/filtros de daltonismo
Consulta de medios: @prefers-color-scheme - ¿qué es y cómo usarlo?
Animación SVG
Directrices de movimiento WCAG para animaciones
Opciones de pausa/detener/ocultar animaciones
Consulta de medios: @prefers-reduced-motion - ¿qué es y cómo usarlo?