Crea una cuenta para usar la IA

Crea una cuenta gratuita para desbloquear todas las funciones:

Haz preguntas sobre los vídeos con IA
Usa la búsqueda inteligente (IA)
Guarda tus vídeos favoritos
Marca tus categorías preferidas
Organiza tus subcategorías favoritas
Accede a tu página de favoritos personalizada
Accede al historial de tus conversaciones
Personaliza tu página de inicio con tus favoritos

¿Ya tienes una cuenta? Iniciar sesión

Accesibilidad SVG (con Carie Fisher) | Some Antics

Name: Accesibilidad SVG (con Carie Fisher) | Some Antics
Uploaded: 2021-11-05T18:00:01+00:00
Duration: 57 min 23 s

Ben Myers

Desde íconos hasta gráficos más grandes, las imágenes SVG están en todas partes, ¡y con ellas vienen sus propios desafíos de accesibilidad! Únete a nosotros hoy mientras Carie Fisher nos muestra cómo podemos hacer que nuestros SVG sean accesibles e inclusivos.

Carie Fisher es autora, conferencista y desarrolladora con más de 15 años de experiencia en tecnología, apasionada por la intersección del código front-end y la experiencia de usuario, la accesibilidad digital y la diversidad en la tecnología. Carie trabaja como Consultora y Formadora Senior en Accesibilidad en Deque Systems mientras también persigue su doctorado en Interacciones Hombre-Computadora en la Universidad Estatal de Iowa.

Código fuente: https://codepen.io/bendmyers-the-typescripter/pen/gOxvwLB?editors=1100

Transmitido en vivo en Twitch el 4 de noviembre de 2021. Mira futuras transmisiones en vivo en https://www.twitch.tv/someanticsdev.

#WebDev #A11y

---

Enlaces mencionados:

- SVGs accesibles en Smashing Magazine: https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/

- Matriz de compatibilidad SVG de Carie: https://codepen.io/cariefisher/pen/QWpjded

- https://a11ysupport.io

- A11yNYC: https://www.meetup.com/A11yNYC/events/280927915/

- Tatiana Mac sobre movimiento reducido: https://www.tatianamac.com/posts/prefers-reduced-motion/

- Cassie Evans: https://www.cassie.codes/

- Eric Bailey sobre movimiento reducido: https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/

- Pautas de Accesibilidad al Contenido Web: https://www.w3.org/TR/WCAG21/

- Bueno, Mejor, Mejor: Desenredando El Complejo Mundo De Los Patrones Accesibles: https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/

---

00:00 Introducciones

07:12 Describiendo SVGs

20:14 Limpieza de SVG

25:00 Respetando Modos Claro y Oscuro

32:31 Animando SVGs y Respetando Preferencias de Movimiento

43:09 Recursos Adicionales

44:42 Un Breve Comentario Sobre SVGs en Internet Explorer

46:10 Bueno, Mejor, Mejor

54:48 Conclusiones