Ir para o conteúdo principal
CarregarIdioma (PT)Suporte
NegóciosCelularMídias sociaisMarketingTecnologiaArte e fotografiaCarreirasDesignEducaçãoApresentações e oratóriaGoverno e ONGsSaúdeInternetDireitoLiderança e gerenciamentoIndústria automotivaEngenhariaSoftwareRecrutamento e RHVarejoVendasServiçosCiênciasPequenos negócios e empreendedorismoAlimentosMeio ambienteEconomia e finançasDados e análiseRelação com investidoresEsportesEspiritualNotícias e políticaTurismoAperfeiçoamento pessoalImóveisDiversão e humorSaúde e medicinaDispositivos e hardwareEstilo de vida
Reinaldo Ferraz, profile picture
Carregado porReinaldo Ferraz
PDF, PPTX306 visualizações

WCAG 2.2 e 3.0

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.

Internet◦
Transferir como PDF, PPTX
WCAG 2.2 e WCAG 3.0 Reinaldo Ferraz – 17 de julho de 2021
@reinaldoferraz https://pt.slideshare.net/CentroWeb reinaldoferraz.com.br
IMPORTANTE Os documentos estão em Working Draft. Isso significa que ainda podem sofrer mudanças.
Diretrizes WCAG 2.2 WCAG 2.2 87 critérios de sucesso (9 novas diretrizes)
A AA AAA Níveis de conformidade WCAG 2.2
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
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
Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Borda visível de pelo menos 1 pixel Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Contraste entre as cores dos estados Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Contraste com as cores adjacentes Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo) O elemento interativo não deve estar escondido Novo – Nível AA
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
https://contrast-ratio.com/
https://contrast-ratio.com/
https://contrast-ratio.com/
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
Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A “Veja o exemplo nesta mesma página”
Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A
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
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
Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro Novo – Nível AA
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
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
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
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
WCAG 3.0 W3C Accessible Guidelines
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
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)
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
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
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.”
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
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.
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
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
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
Colabore com a evolução dos padrões https://github.com/w3c/wcag/ https://github.com/w3c/silver/ public-agwg-comments@w3.org
Obrigado reinaldo@nic.br @reinaldoferraz Crédito das ilustrações: Freepik.com