Design

Esta seção apresenta diretrizes para projetar interfaces digitais acessíveis, considerando aspectos visuais fundamentais. Ela é destinada a designers de UI/UX, designers de produto e designers visuais, responsáveis por conceber soluções que sejam visualmente claras, intuitivas e confortáveis para diferentes perfis de usuários

Esta seção do guia foi construida com base no capítulo 7 "Design" do Guia de Boas Práticas para Acessibilidade Digital (UK + Brasil) e com base na Web Content Accessibility Guidelines (WCAG) 2.2 e na ABNT-NBR-17225-Acessibilidade-Digital

Gráficos

1. Cores e Contraste

Utiliza instruções claras e específicas para que qualquer usuário consiga entender, independentemente de cor ou posição dos elementos na página (A). [NBR 5.11.1] [WCAG 1.4.1]

A apresentação visual de texto e imagens de texto tem uma relação de contraste de, no mínimo, 4.5:1 (AA). [WCAG 1.4.3]

Todos os componentes de interface e objetos gráficos têm relação de contraste de pelo menos 3:1 com o fundo e entre seus estados ou quando estiverem inativos (AA). [WCAG 1.4.11]

2. Conteúdo Textual

Todos os trechos de texto de ênfase, citação, abreviação ou outro tipo de texto especial possuem semântica determinada programaticamente (A). [NBR 5.12.8]

Todos os blocos de texto têm espaçamento entre as linhas de pelo menos 1,5 vez o tamanho da fonte e entre os parágrafos de 2 vezes o tamanho da fonte (AA). [NBR 5.1.12] [NBR 5.12.2]

Todos os blocos de texto têm espaçamento entre letras de pelo menos 0,12 vezes o tamanho da fonte e entre palavras de pelo menos 0,16 vezes o tamanho da fonte (AA). [NBR 5.12.3] [NBR 5.12.4]

Não há perda de conteúdo ou funcionalidade quando o texto é redimensionado em até 200% sem o uso de tecnologia assistiva (AA). [WCAG 1.4.4]

Todos os blocos de texto estão alinhados à esquerda ou à direita dependendo do idioma e sentido de leitura (AAA). [NBR 5.12.5]

3. Animação

Não há animação que inicie automaticamente, dure mais que 5s e seja apresentada em paralelo com outro conteúdo; se houver, pode ser pausada ou ocultada (A). [NBR 5.15.1]

Todo conteúdo que pisca está abaixo dos limites de flash geral e flash vermelho (A). [NBR 5.15.4] [WCAG 2.3.1]

A animação de movimento acionada por interação pode ser desativada (AAA). [NBR 5.15.3] [WCAG 2.3.3]

4. Conteúdo Visual e Audidtivo

Todo o conteúdo não textual exibido ao usuário tem uma alternativa textual equivalente (A). [WCAG 1.1.1]

É criada uma alternativa de legenda para áudio pré-gravado (A). [NBR 5.14.1] [WCAG 1.2.1]

Todo vídeo com áudio pré-gravado tem legenda descritiva disponível (A). [NBR 5.14.2] [WCAG 1.2.2]

Todo conteúdo em áudio ou áudio e vídeo ao vivo tem legendas disponíveis (AA). [NBR 5.14.9] [WCAG 1.2.4]

Referências Bibliograficas

1. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.4.1 Uso de Cor (Nível A). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#use-of-color. Acesso em: 10 nov. 2025.

2. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.4.3 Contraste (Mínimo) (Nível AA). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#contrast-minimum. Acesso em: 10 nov. 2025.

3. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.4.11 Contraste de Não-Texto (Nível AA). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#non-text-contrast. Acesso em: 10 nov. 2025.

4. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.4.4 Redimensionar Texto (Nível AA). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#resize-text. Acesso em: 10 nov. 2025.

5. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 2.3.1 Três Intermitências ou Limite Inferior (Nível A). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#three-flashes-or-below-threshold. Acesso em: 10 nov. 2025.

6. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 2.3.3 Animação por Interações (Nível AAA). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#animation-from-interactions. Acesso em: 10 nov. 2025.

7. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.1.1 Conteúdo Não Textual (Nível A). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#non-text-content. Acesso em: 10 nov. 2025.

8. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.2.1 Apenas Áudio e Apenas Vídeo (Pré-gravado) (Nível A). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#audio-only-and-video-only-prerecorded. Acesso em: 10 nov. 2025.

9. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.2.2 Legendas (Pré-gravadas) (Nível A). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#captions-prerecorded. Acesso em: 10 nov. 2025.

10. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Critério de Sucesso 1.2.4 Legendas (Ao Vivo) (Nível AA). Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/#captions-live. Acesso em: 10 nov. 2025.

WORLD WIDE WEB CONSORTIUM. Diretrizes de Acessibilidade para Conteúdo Web (WCAG) 2.2. Disponível em: https://www.w3c.br/traducoes/wcag/wcag22-pt-BR/ Acesso em: 23 Jun. 2025

ABNT NBR 17225:2025. Acessibilidade em conteúdo e aplicações web – Requisitos. Disponível em: https://mwpt.com.br/wp-content/uploads/2025/04/ABNT-NBR-17225-Acessibilidade-Digital.pdf Acesso em: 23 Jun. 2025

DINIZ, V.; FERRAZ, R.; NASCIMENTO, C. M.; CREDIDIO, R. Guia de Boas Práticas para Acessibilidade Digital. Programa de Cooperação entre Reino Unido e Brasil em Acesso Digital, 2023. Disponível em: https://www.gov.br/governodigital/pt-br/acessibilidade-e-usuario/acessibilidade-digital/guiaboaspraaticasparaacessibilidadedigital.pdf. Acesso em: 9 Mai. 2024.

Histórico de Versão

Versão	Data	Descrição	Autor(es)	Revisor(es)
1.0	15/11/2025	Criação dos critérios	Isabella Choukaira	Giovana Fontes
1.1	16/11/2025	Adição das Referências	Isabella Choukaira	Giovana Fontes