Design para acessibilidade

Design voltado para o usuário no Power BI

Maarten Van den Broeck

Content Developer at DataCamp

Deficiência de visão de cores (DVC)

• Afeta cerca de 8% dos homens e 0,5% das mulheres
• Duas causas principais: deficiência de certos cones no olho ("anomalia") ou ausência de certos cones ("anopia")

¹ https://en.wikipedia.org/wiki/Color_blindness

Deficiência de visão de cores (DVC)

• Afeta cerca de 8% dos homens e 0,5% das mulheres
• Duas causas principais: deficiência de certos cones no olho ("anomalia") ou ausência de certos cones ("anopia")

Nome	Cones	Probabilidade
Protanomalia	Vermelho	1% homens
Protanopia	Vermelho	1% homens
Deuteranomalia	Verde	5% homens
Deuteranopia	Verde	1% homens
Tritanomalia	Azul	Raro M/F
Tritanopia	Azul	Raro M/F

¹ https://en.wikipedia.org/wiki/Color_blindness

DVC na prática

Visão típica

Tritanopia

Protanopia

Deuteranopia

Dicas para usar cores melhor

• Menos é mais!
• Prefira visuais que não usem cor como sinal
• Use paletas amigáveis a DVC
• Tenha indicadores além da cor
• Use ferramentas como o Coblis

Tamanhos de fonte

Modo de alto contraste

Aumentando o contraste

• Taxa de contraste: diferença de brilho percebido entre duas cores
• Recomendado ao menos 4,5:1 para texto normal e 3:1 para texto grande (18 pt ou mais)
• Imagens de fundo normalmente reduzem o contraste
• Use ferramentas de teste de contraste para checar

Leitores de tela

• O Power BI oferece leitores de tela—ferramentas que leem em voz alta o texto da página ou o "texto alternativo" de imagens para pessoas com baixa visão
• O Power BI permite mostrar um visual como tabela, facilitando listar valores
• O texto alternativo descreve o visual e pode vir de texto fixo ou de um campo
• Atalhos de teclado são limitados e leitores de tela não leem tudo.

Narrativas inteligentes

Nosso público

• Organização de pesquisa quer entender tendências da inflação
• Usuários do relatório podem ter questões de acessibilidade visual

Vamos praticar!

Design voltado para o usuário no Power BI