DASHBOARDS ACESSÍVEIS: O QUE TODO DEV PRECISA SABER
Dev sem barreiras
0:00 / 0:00
DASHBOARDS ACESSÍVEIS: O QUE TODO DEV PRECISA SABER
32 просмотра · 3 дня назад
Dev sem barreiras
100 подписчиков
32 просмотра · 3 дня назад
Muitos desenvolvedores e analistas acabam criando interfaces repletas de dados visuais, mas totalmente inacessíveis para quem utiliza leitores de tela ou possui baixa visão. Neste vídeo, apresento as principais diretrizes da WCAG e 4 boas práticas fundamentais para tornar qualquer dashboard acessível, seja feito em React, Power BI, Tableau ou Python.
Capítulos do Vídeo
00:00 - Introdução: O que é acessibilidade em dashboards?
01:23 - A importância dos dashboards nas decisões empresariais
02:35 - O impacto da falta de acessibilidade nos dados
03:46 - Navegação por teclado e foco lógico (Tab vs NVDA)
06:11 - Contraste de cores e diretrizes WCAG (AA e AAA)
07:43 - Controle de animações e dados dinâmicos (prefers-reduced-motion)
10:08 - Responsividade e suporte a zoom de até 200%
11:45 - Acessibilidade independe da tecnologia (Power BI, Tableau, Web)
13:20 - Conclusão e reflexão sobre acessibilidade no mercado
Contraste de Cores na Acessibilidade Digital
• ERROS DE CONTRASTE QUE TORNAM SEU SITE INA...
NVDA - Navegação por teclado
• NVDA NO FRONT-END: TUDO O QUE VOCÊ PRECISA...
Como manipular ZOOM de 200%
• ZOOM 200%: O ERRO QUE DESTRÓI SEU SITE
Se esse conteúdo te ajudou, não esqueça de deixar o like, compartilhar com seu time de desenvolvimento e se inscrever no Dev sem barreiras para mais conteúdos sobre tecnologia e acessibilidade!