Guia de Acessibilidade

1. Conteúdos em Diversos Formatos

• Oferecer texto alternativos para imagens
• Disponibilizar transcrições de áudios e legendas em vídeos.

Conceito 📖

É importante diversificar os formatos de conteúdo para garantir que pessoas com diferentes habilidades possam acessar informações. Quando possível, utilize diversos para que atenda um demanda maior de público. [1] [2]

---

2. Blocos de Texto e Parágrafos

• Os blocos de textos foram divididos em parágrafos curtos.

• Foi utilizado subtítulos para estruturar o conteúdo.

• Foi utilizado listas quando possível, para facilitar a leitura.

Conceito 📖

Textos longos frequentemente apresentam uma estrutura complexa, com múltiplos parágrafos, subtópicos e argumentos interligados. Pessoas com dificuldades de leitura ou organização cognitiva podem ter dificuldade em identificar a estrutura principal, seguir o fluxo do texto e entender a relação entre as diferentes partes. [2]

---

3. Fontes

• Foi usando tamanhos de fonte adequados, geralmente a partir de 16px para textos principais.

• Foi utilizado fontes sem serifa, como Arial ou Verdana.

• Foi Garantido espaçamento adequado entre linhas e caracteres.

Conceito 📖

Uma fonte legível e agradável melhora a experiência do usuário, tornando a leitura mais confortável e eficiente. Isso resulta em maior engajamento, satisfação e tempo de permanência na página. Também torna a leitura mais rápida e fácil que permite que os usuários processem informações de forma mais eficiente, aumentando sua produtividade. [6]

---

4. Animações

• As animações não-essencias podem ser desativadas

Conceito 📖

Animações podem ser distrativas ou prejudiciais para pessoas com epilepsia ou problemas de atenção. Para mitigar problemas, é recomendado permitir que o usuário pause ou desative animações. [3]

---

5. Orientação

• Usuários não dependem de uma determinação orientação de tela para acessar uma determinada função

Conceito 📖

Em resumo, não depender da orientação da tela é fundamental para criar interfaces inclusivas, usáveis e que proporcionam uma boa experiência de usuário em uma variedade de dispositivos e contextos. Ao seguir as práticas de design responsivo e priorizar a flexibilidade da interface, os desenvolvedores podem garantir que seus aplicativos e sites sejam acessíveis e agradáveis de usar para todos. [4]

---

6. Idioma da página

• Idioma da página deve ser definido para que os tradutores consiga identificar corretamente o idioma.

Conceito 📖

Declarar o idioma da tela é fundamental para a acessibilidade, especialmente para usuários que dependem de leitores de tela. Isso garante que o conteúdo seja lido com a pronúncia e entonação corretas, proporcionando uma experiência mais natural e compreensível. [5]

Referências

1. WCAG 2.2 - Texto-visual . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html . Acesso em 24 Jan. 2025.

2. WCAG 2.2 - Legendas . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/captions-prerecorded . Acesso em 24 Jan. 2025.

3. WCAG 2.2 - Animações . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/animation-from-interactions . Acesso em 24 Jan. 2025.

4. WCAG 2.2 - Orientação . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/orientation . Acesso em 24 Jan. 2025.

5. WCAG 2.2 - Idioma . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/language-of-page . Acesso em 24 Jan. 2025.

6. WCAG 2.2 - Fontes . Disponível em: https://www.w3.org/WAI/WCAG22/Understanding/contrast-enhanced . Acesso em 24 Jan. 2025.