O documento discute as novas diretrizes WCAG 2.2 e o desenvolvimento da WCAG 3.0, incluindo nove novos critérios de sucesso para WCAG 2.2 relacionados a foco visível, arrastar, espaçamento do alvo do ponteiro, ajuda localizável e autenticação acessível. A WCAG 3.0 pretende simplificar a compreensão das diretrizes, incorporar conteúdo de outras especificações e incluir testes automáticos e holísticos com foco no usuário.

1. WCAG 2.2 e WCAG 3.0
Reinaldo Ferraz – 17 de julho de 2021

2. @reinaldoferraz
https://pt.slideshare.net/CentroWeb reinaldoferraz.com.br

7. IMPORTANTE
Os documentos estão em Working Draft.
Isso significa que ainda podem sofrer mudanças.

8. Diretrizes WCAG 2.2
WCAG 2.2
87 critérios de sucesso
(9 novas diretrizes)

9. A AA AAA
Níveis de conformidade WCAG 2.2

10. Novas diretrizes WCAG 2.2
• Critério de Sucesso 2.4.11 Foco Visível (Mínimo) AA
• Critério de Sucesso 2.4.12 Foco Visível (Aprimorado) AAA
• Critério de Sucesso 2.4.13 Pontos de Referência Fixos A
• Critério de Sucesso 2.5.7 Arrastando AA
• Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro AA
• Critério de Sucesso 3.2.6 Ajuda Localizável A
• Critério de Sucesso 3.2.7 Controles Escondidos AA
• Critério de Sucesso 3.3.7 Autenticação Acessível A
• Critério de Sucesso 3.3.8 Entrada Redundante A

11. Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Elementos interativos que recebem foco
pelo teclado devem ter um indicador que
considere:
Novo – Nível AA

12. Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Borda visível de pelo menos 1 pixel
Novo – Nível AA

13. Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Contraste entre as cores dos estados
Novo – Nível AA

14. Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Contraste com as cores adjacentes
Novo – Nível AA

15. Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
O elemento interativo não deve estar escondido
Novo – Nível AA

16. Critério de Sucesso 2.4.12 Foco Visível (Aprimorado)
Área mínima:
Deve ter borda sólida igual ou maior que 2 pixels CSS ao redor do elemento.
Mudança de contraste:
A taxa de contraste é de pelo menos 4,5: 1
Não obscurecido:
Nenhuma parte do elemento pode ficar escondida
Novo – Nível AAA

17. https://contrast-ratio.com/

18. https://contrast-ratio.com/

19. https://contrast-ratio.com/

20. Critério de Sucesso 2.4.13 Pontos de Referência Fixos
Fornecer localizador em uma
publicação digital na Web que
tenha quebra de páginas.
Novo – Nível A

21. Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A
“Veja o exemplo nesta mesma página”

22. Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A

23. Critério de Sucesso 2.5.7 Arrastando
Todas as funcionalidades que usam um
movimento de arrastar podem ser
operadas por um único ponteiro sem
arrastar.
Novo – Nível AA

24. Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro
Para cada região que aceita uma ação de
ponteiro, há uma área com largura e altura
de pelo menos 44 pixels CSS.
Novo – Nível AA

25. Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro Novo – Nível AA

26. Critério de Sucesso 3.2.6 Ajuda Localizável
Todo site ou aplicação deve ter uma forma
de ajuda, seja ela feita por contato humano
(como um e-mail ou telefone) ou
mecanismo automatizado (faq ou chat
automatizado).
Novo – Nível A
People vector created by pch.vector - www.freepik.com

27. Critério de Sucesso 3.2.7 Controles Escondidos
Os controles necessários para progredir ou
concluir um processo são visíveis no
momento em que são necessários.
Novo – Nível AA
Computer vector created by upklyak - www.freepik.com

28. Critério de Sucesso 3.3.7 Autenticação Acessível
Se um processo de autenticação depende
de um teste de função cognitiva, pelo
menos um outro método também deve
estar disponível que não dependa de um
teste de função cognitiva.
Novo – Nível A

29. Critério de Sucesso 3.3.8 Entrada Redundante
Para as etapas de um processo, as
informações previamente inseridas que são
necessárias nas etapas seguintes são
preenchidas automaticamente ou estão
disponíveis para o usuário selecionar.
Novo – Nível A

30. WCAG 3.0
W3C Accessible Guidelines

31. Accessible Guidelines 3.0
• Direcionada a necessidade do usuário
• Vai incorporar conteúdo de UAAG e ATAG
• Incorpora testes automáticos e holísticos
• Pretende deixar a compreensão das diretrizes mais simples

32. Accessible Guidelines 3.0 - Diretrizes
• Text alternatives (alternativas em texto)
• Clear words (palavras fáceis)
• Captions (legendas)
• Structured content (conteúdo estruturado)
• Visual contrast of text (contraste de texto visual)

33. Accessible Guidelines 3.0 – Alternativa em texto
• Planejamento
• “Garanta que todo conteúdo não textual
tenha uma alternativa em texto”
• Design
• “Trabalhe com produtores de conteúdo e
desenvolvedores para fornecer texto
alternativo”
• Desenvolvimento
• “Garanta que texto alternativo em
imagens funcionais foi adicionado”
Design vector created by stories - www.freepik.com

34. Accessible Guidelines 3.0 – Categorias funcionais
Categorias funcionais para alternativas em texto disponíveis
• Sensorial - Visão e Visual
• Interseções sensoriais
• Cognitivo - linguagem e alfabetização
• Cognitivo - Aprendizagem
• Cognitivo - Memória
• Cognitivo - Saúde Mental
• Intersecções cognitivas e sensoriais
Medical vector created by macrovector_official - www.freepik.com

35. Accessible Guidelines 3.0 – Erros críticos
Erros críticos para alternativa em texto
“Qualquer imagem de texto sem uma
alternativa de texto apropriada
necessária para concluir um processo.”

36. Accessible Guidelines 3.0 - Pontuação
Nota Critério
Nota 0
Menos de 60% de todas as imagens têm alternativas de texto
adequadas OU há um erro crítico no processo
Nota 1
60% - 69% de todas as imagens têm alternativas de texto
adequadas E nenhum erro crítico no processo
Nota 2
70% - 79% de todas as imagens têm alternativas de texto
adequadas E nenhum erro crítico no processo
Nota 3
80% - 94% de todas as imagens têm alternativas de texto
adequadas E nenhum erro crítico no processo
Nota 4
95% a 100% de todas as imagens têm alternativas de texto
adequadas E nenhum erro crítico no processo
Classificação para alternativa em texto disponível

37. Accessible Guidelines 3.0 - Testes
• Atomic test
• Verificam a conformidade
com WCAG. Podem ser
automáticos ou manuais
• Holistic Tests
• Com foco no usuário. Uso
de tecnologia assistiva.

38. Accessible Guidelines 3.0 - Conformidade
• Bronze
• Nível mínimo
• Verificação baseada em “atomic test”
• Pontuação total de cada diretriz deve ser de pelo menos 3,5 e
• Não devem existir erros críticos

39. Accessible Guidelines 3.0 - Conformidade
• Bronze
• Nível mínimo
• Verificação baseada em “atomic test”
• Pontuação total de cada diretriz deve ser de pelo menos 3,5 e
• Não devem existir erros críticos
• Silver
• Nível intermediário
• Todos os requisitos da conformidade bronze mais
• Alguns testes holísticos

40. Accessible Guidelines 3.0 - Conformidade
• Bronze
• Nível mínimo
• Verificação baseada em “atomic test”
• Pontuação total de cada diretriz deve ser de pelo menos 3,5 e
• Não devem existir erros críticos
• Silver
• Nível intermediário
• Todos os requisitos da conformidade bronze mais
• Alguns testes holísticos
• Gold
• Nível mais alto
• Todos os requisitos de conformidade de bronze e silver mais
• Testes holísticos adicionais

41. Colabore com a evolução dos padrões
https://github.com/w3c/wcag/
https://github.com/w3c/silver/
public-agwg-comments@w3.org

42. Obrigado
reinaldo@nic.br @reinaldoferraz
Crédito das ilustrações: Freepik.com