WCAG 2.0 Diretrizes e Ferramentas
Tags: acessibilidade, wcag, ihc
Published: 2021-04-21 19:02:54

Web Content Accessibility Guidelines (WCAG), ou Diretrizes de Acessibilidade para Conteúdo Web é um conjunto de regras que tem como objetivo aumentar a acessibilidade de conteúdos da internet para pessoas que possuem algum tipo de deficiência. Em sua versão 2.0 conta com 12 diretrizes divididas em 4 princípios, cada uma das diretrizes pode ser classificada em 3 níveis de conformidade.

# Princípios
## 1 Perceptível
Informações e componentes devem ser apresentados de forma que os utilizadores as possam percepcionar.
### Diretriz 1.1 Alternativas em Texto
Conteúdos não textuais devem possuir uma alternativa textual.
### Diretriz 1.2 Mídias com base em tempo
Conteúdos do tipo mídia, devem possuir uma versão alternativa em mídia com base em tempo, documento textual corretamente sequenciado que permite a navegação baseada em tempo.
### Diretriz 1.3 Adaptável
O conteúdo deve poder ser mostrado em diferentes formas sem afetar a informação ou estrutura, por exemplo um layout simplificado.
### Diretriz 1.4 Discernível
Facilitar a visualização e audição de conteúdos, incluindo uma separação entre primeiro e segundo plano.

## 2 Operável
Os componentes da interface e navegação devem ser operáveis.
### Diretriz 2.1 Acessível por teclado
Todas as funcionalidades devem ser disponíveis a partir de um teclado.
### Diretriz 2.2 Tempo Suficiente
Usuários devem ter tempo suficiente para ler e utilizar o conteúdo.
### Diretriz 2.3 Convulsões
Não desenvolver conteúdo conhecido por poder causar convulsões.
### Diretriz 2.4 Navegável
Fornecer maneiras de ajudar o usuário a navegar, localizar conteúdos e determinar sua localização na aplicação.

## Compreensível
A informação e a operação da interface de usuário devem ser compreensíveis. Funções e palavras não usuais ou não esperadas devem ser evitadas. Linguagem comum e explicação de jargões devem ser utilizadas.
### Diretriz 3.1 Legível
Conteúdo textual deve ser legível e compreensível.
### Diretriz 3.2 Previsível
Páginas WEB devem funcionar e serem mostradas de forma previsível.
### Diretriz 3.3 Assistência de Entrada
Ajudar o usuário a evitar erros e também ajuda-los a se recuperar quando esses acontecerem.

## Robusto
O conteúdo deve ser robusto o suficiente para ser mostrado de forma confiável independente do browser, sistema operacional ou dispositivo que o usuário esteja utilizando.
### Diretriz 4.1 Compatível
Maximizar a compatibilidade entre atuais e futuros agentes de usuário. Incluindo tecnologias assistivas.

# Níveis de conformidade
Cada diretriz possui uma lista de sub diretrizes que podem ser testadas para validar se determinado problema de acessibilidade foi valido. O níveis de conformidade são:
- Nível A - Trata dos recursos mais básicos de acessibilidade WEB.
- Nível AA - Contém as maiores e mais comuns barreiras para usuários com deficiência.
- Nível AAA - Abordar os níveis mais complexos de acessibilidade WEB.

Para que uma aplicação tenha um nível de conformidade todas as diretriz daqueles nível devem ser cumpridas.

Não é recomendável que o nível AAA seja obrigatório para sites inteiros, pois alguns conteúdos podem não conseguir satisfazer todos os requerimentos nível AAA.

# Ferramentas 
Pode ser difícil entender todas as diretrizes ou mesmo saber como cumpri-las. Para isso existem algumas ferramentas que auxiliam a avaliação de sites quanto a acessibilidade.

## [A11Y Color Contrast Accessibility Validator](https://color.a11y.com/)
Valida o contraste de cores de um site. Mostra problemas de combinação de cores de texto com cores de fundo que podem prejudicar a visão. 
![Resultado de teste de contraste do site google.com feito pelo site color.a11y.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/29s7kfrlm72174pfipls.png)

## [Web Accessbility by Level Access](https://www.webaccessibility.com/)
Valida um site de acordo com as diretrizes WCAG até nível AA.
![Resultado do diretrizes WCAG do site google.com executado pelo site webaccessibility.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/u2dd801c7g6iccdoyuam.png)
![Violações de diretrizes WCAG encontradas no site google.com pelo site webaccessibility.com](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/v2t1r31r2s5r39c2dihz.png)
 


### Referências:
CALDWELL, Ben et al. Web Content Accessibility Guidelines (WCAG) 2.0. W3C Recommendation 11 December 2008, [s. l.], 11 dez. 2008. Disponível em: https://www.w3.org/TR/WCAG20/#guidelines. Acesso em: 21 abr. 2021.
KANE, Lexie. Usability for Seniors. Challenges and Changes, [S. l.], p. 1, 8 set. 2019. Disponível em: https://www.nngroup.com/articles/usability-for-senior-citizens/. Acesso em: 21 abr. 2021.
SALES, Marcelo. Acessibilidade Toolkit. Entendendo de uma vez por todas a WCAG, [S. l.], p. 1, 7 mar. 2018. Disponível em: https://uxdesign.blog.br/acessibilidade-toolkit-entendendo-de-uma-vez-por-todas-a-wcag-e2714120d80. Acesso em: 21 abr. 2021.