Crie uma conta para usar a IA

Crie uma conta gratuita para desbloquear todos os recursos:

Faça perguntas sobre vídeos com IA
Use a busca inteligente (IA)
Salve seus vídeos favoritos
Marque suas categorias favoritas
Organize suas subcategorias favoritas
Acesse sua página de favoritos personalizada
Acesse o histórico das suas conversas
Personalize sua página inicial com seus favoritos

Já tem uma conta? Entrar

Acessibilidade SVG (com Carie Fisher) | Some Antics

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

Ben Myers

De ícones a gráficos maiores, imagens SVG estão em toda parte — e com elas vêm seus próprios desafios de acessibilidade! Junte-se a nós hoje enquanto Carie Fisher nos mostra como podemos tornar nossos SVGs acessíveis e inclusivos!

Carie Fisher é autora, palestrante e desenvolvedora com mais de 15 anos de experiência em tecnologia, apaixonada pela interseção entre código front-end e UX, acessibilidade digital e diversidade na tecnologia. Carie trabalha como Consultora e Treinadora Sênior de Acessibilidade na Deque Systems, enquanto também persegue seu doutorado em Interações Humano-Computador na Iowa State University.

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

Transmitido ao vivo no Twitch em 4 de novembro de 2021. Assista a futuras transmissões ao vivo em https://www.twitch.tv/someanticsdev.

#WebDev #A11y

---

Links Mencionados:

- SVGs Acessíveis na Smashing Magazine: https://www.smashingmagazine.com/2021/05/accessible-svg-patterns-comparison/

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

- https://a11ysupport.io

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

- Tatiana Mac sobre movimento reduzido: https://www.tatianamac.com/posts/prefers-reduced-motion/

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

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

- Diretrizes de Acessibilidade para Conteúdo Web: https://www.w3.org/TR/WCAG21/

- Bom, Melhor, Melhor: Desembaraçando o Mundo Complexo dos Padrões Acessíveis: https://www.smashingmagazine.com/2021/03/good-better-best-untangling-complex-world-accessible-patterns/

---

00:00 Apresentações

07:12 Descrevendo SVGs

20:14 Limpeza de SVG

25:00 Respeitando Modos Claro e Escuro

32:31 Animando SVGs e Respeitando Preferências de Movimento

43:09 Recursos Adicionais

44:42 Um Breve Comentário Sobre SVGs no Internet Explorer

46:10 Bom, Melhor, Melhor

54:48 Conclusão