SlideShare uma empresa Scribd logo
1 de 39
Baixar para ler offline
WCAG 2.2
Reinaldo Ferraz – 25 de agosto de 2020
@reinaldoferraz
https://pt.slideshare.net/CentroWeb https://pt.slideshare.net/reinaldoferraz
https://www.w3.org/TR/WCAG22/
https://www.w3.org/TR/WCAG/
https://www.w3.org/TR/WCAG/
https://www.w3.org/TR/WCAG20/
https://www.w3.org/Translations/WCAG20-pt-br/
https://www.w3c.br/traducoes/wcag/wcag21-pt-BR/
Princípio 1: Perceptível
Princípio 2: Operável
Princípio 3: Compreensível
Princípio 4: Robusto
Princípios do WCAG
Diretrizes WCAG 2.0
WCAG 2.0
61 critérios de sucesso
A AA AAA
Algumas diretrizes WCAG 2.0
• Critério de sucesso 1.1.1 Conteúdo Não Textual: A
• Critério de sucesso 1.2.2 Legendas (Pré-gravadas): A
• Critério de sucesso 1.4.1 Utilização de Cores: A
• Critério de sucesso 1.4.4 Redimensionar texto: A
• Critério de sucesso 2.1.1 Teclado: A
• Critério de sucesso 2.3.1 Três Flashes ou Abaixo do Limite: A
• Critério de sucesso 2.4.1 Ignorar Blocos: A
• Critério de sucesso 3.1.1 Idioma da Página: A
• Critério de sucesso 3.3.1 Identificação do Erro: A
• Critério de sucesso 3.3.2 Rótulos ou Instruções: A
• E outras 51 diretrizes...
Diretrizes WCAG 2.1
WCAG 2.1
78 critérios de sucesso
(17 novas diretrizes)
Novas diretrizes WCAG 2.1
• Critério de sucesso 1.3.4 Orientação AA
• Critério de sucesso 1.3.5 Identificação de campos de entrada AA
• Critério de sucesso 1.4.10 Reorganização de conteúdo AA
• Critério de sucesso 1.4.11 Contraste em conteúdo não textual AA
• Critério de sucesso 1.4.12 Espaçamento de texto AA
• Critério de sucesso 1.4.13 Passar o mouse e foco AA
• Critério de sucesso 2.1.4 Atalhos de teclas de caracteres A
• Critério de sucesso 2.5.1 Gestos de ponteiros A
• Critério de sucesso 2.5.2 Cancelamento de ponteiro A
• Critério de sucesso 2.5.3 Rótulo no nome A
• Critério de sucesso 2.5.4 Atuação de movimento A
Diretrizes WCAG 2.2
WCAG 2.2
87 critérios de sucesso
(9 novas diretrizes)
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
https://github.com/w3c/wcag/issuespublic-agwg-comments@w3.org
IMPORTANTE
O documento está em Working Draft. Isso significa que ainda pode sofrer
mudanças.
O W3C pede a contribuição da comunidade com comentários e sugestões
sobre os novos critérios (até o dia 18 de setembro)
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 os seguintes requisitos:
Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Área mínima:
O elemento interativo deve ter uma borda maior ou igual a 1 pixel ou pelo menos
8 pixels CSS em um lado do elemento.
Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Mudança de contraste:
O elemento interativo tem uma relação de contraste de pelo menos 3: 1 com as
cores do estado sem foco
Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Contraste adjacente:
O elemento interativo tem uma relação de contraste de pelo menos 3: 1 contra
todas as cores adjacentes ou tem uma espessura de pelo menos 2 pixels CSS.
Novo – Nível AA
Critério de Sucesso 2.4.11 Foco Visível (Mínimo)
Escondido:
O elemento interativo não está totalmente 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
Em uma publicação digital na Web que
tenha quebra de páginas, forneça um
mecanismo para cada localizador de
página, mesmo quando a formatação ou
plataforma muda.
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 2.5.8 Espaçamento de Alvo do Ponteiro
Exceções:
- Existe um mecanismo para aumentar o tamanho da área de ativação de
ponteiro
- O elemento de ativação de ponteiro está em uma frase ou bloco de texto
- O tamanho do destino é controlado pelo agente do usuário e não é modificado
pelo autor.
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, sem
exigir a passagem do ponteiro ou o foco do
teclado, ou um mecanismo está disponível
para torná-los persistentemente visíveis.
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 ou
fornecidas ao usuário que são necessárias
nas etapas subsequentes são preenchidas
automaticamente ou estão disponíveis para
o usuário selecionar.
Novo – Nível A
Colabore com a evolução do padrão
https://www.w3.org/TR/WCAG22/
https://github.com/w3c/wcag/issuespublic-agwg-comments@w3.org
Obrigado
reinaldo@nic.br @reinaldoferraz
Crédito das ilustrações: Freepik.com

Mais conteúdo relacionado

Semelhante a WCAG 2.2

Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na Centro Web
 
Introdução ao Asp.Net Mvc
Introdução ao Asp.Net MvcIntrodução ao Asp.Net Mvc
Introdução ao Asp.Net MvcGiovanni Bassi
 
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...Jorge Souza, MBA, SFC®
 
Palestra - Testes de Acessibilidade
Palestra - Testes de AcessibilidadePalestra - Testes de Acessibilidade
Palestra - Testes de AcessibilidadeFernando Ruano
 
Arquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaArquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaBreno Vitorino
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Hudson Augusto
 
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010Rodrigo Kono
 
XIV sacomp ufpel desenvolvimento web
XIV sacomp ufpel desenvolvimento webXIV sacomp ufpel desenvolvimento web
XIV sacomp ufpel desenvolvimento webFilipe Giusti
 
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...Renato Groff
 
WoW Style - e-commerce
WoW Style - e-commerceWoW Style - e-commerce
WoW Style - e-commerceMarco Coghi
 
Java No Setor Público: Produtividade, Flexibilidade e Baixo Custo
Java No Setor Público: Produtividade, Flexibilidade e Baixo CustoJava No Setor Público: Produtividade, Flexibilidade e Baixo Custo
Java No Setor Público: Produtividade, Flexibilidade e Baixo CustoÉberli Cabistani Riella
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysDr. Spock
 

Semelhante a WCAG 2.2 (20)

WCAG 2.2 e 3.0
WCAG 2.2 e 3.0WCAG 2.2 e 3.0
WCAG 2.2 e 3.0
 
Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na Por dentro do W3C e as novidades nos padrões de acessibilidade na
Por dentro do W3C e as novidades nos padrões de acessibilidade na
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Avaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas WebAvaliacao de acessibilidade de páginas Web
Avaliacao de acessibilidade de páginas Web
 
Novidades do Magento 2
Novidades do Magento 2Novidades do Magento 2
Novidades do Magento 2
 
Introdução ao Asp.Net Mvc
Introdução ao Asp.Net MvcIntrodução ao Asp.Net Mvc
Introdução ao Asp.Net Mvc
 
Asp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 PtAsp.Net Mvc Dev Days09 V3 Pt
Asp.Net Mvc Dev Days09 V3 Pt
 
Resultado youtube
Resultado youtubeResultado youtube
Resultado youtube
 
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...
Gestão de escopo e ferramentas de qualidade utilizadas em gestão de projetos ...
 
Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3Conheça o ASP.NET MVC 3
Conheça o ASP.NET MVC 3
 
Arquitetura de sistemas web
Arquitetura de sistemas webArquitetura de sistemas web
Arquitetura de sistemas web
 
Palestra - Testes de Acessibilidade
Palestra - Testes de AcessibilidadePalestra - Testes de Acessibilidade
Palestra - Testes de Acessibilidade
 
Arquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em JavaArquitetura de aplicações Web 2.0 em Java
Arquitetura de aplicações Web 2.0 em Java
 
Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013Site da copa avaliação web outubro 2013
Site da copa avaliação web outubro 2013
 
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
Faça Sucesso Desenvolvendo com ASP.NET 4, ASP NET MVC e Visual Studio 2010
 
XIV sacomp ufpel desenvolvimento web
XIV sacomp ufpel desenvolvimento webXIV sacomp ufpel desenvolvimento web
XIV sacomp ufpel desenvolvimento web
 
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...
10 dicas úteis para simplificar o desenvolvimento em ASP.NET Core - ASP.NET C...
 
WoW Style - e-commerce
WoW Style - e-commerceWoW Style - e-commerce
WoW Style - e-commerce
 
Java No Setor Público: Produtividade, Flexibilidade e Baixo Custo
Java No Setor Público: Produtividade, Flexibilidade e Baixo CustoJava No Setor Público: Produtividade, Flexibilidade e Baixo Custo
Java No Setor Público: Produtividade, Flexibilidade e Baixo Custo
 
JSF 2.0 e ScrumToys
JSF 2.0 e ScrumToysJSF 2.0 e ScrumToys
JSF 2.0 e ScrumToys
 

Mais de Centro Web

Acessibilidade e Realidade Estendida
Acessibilidade e Realidade EstendidaAcessibilidade e Realidade Estendida
Acessibilidade e Realidade EstendidaCentro Web
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na WebCentro Web
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webCentro Web
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEOCentro Web
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIACentro Web
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a WebCentro Web
 
Web das coisas
Web das coisasWeb das coisas
Web das coisasCentro Web
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIACentro Web
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosCentro Web
 
Interação, Imersão e Inclusão
Interação, Imersão e InclusãoInteração, Imersão e Inclusão
Interação, Imersão e InclusãoCentro Web
 
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na WebEmpatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na WebCentro Web
 
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa RicaBuenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa RicaCentro Web
 
Encontros com a Web: Fake News
Encontros com a Web: Fake NewsEncontros com a Web: Fake News
Encontros com a Web: Fake NewsCentro Web
 
Mixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivoMixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivoCentro Web
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websitesCentro Web
 
EPUB and the Open Web Platform
EPUB and the Open Web PlatformEPUB and the Open Web Platform
EPUB and the Open Web PlatformCentro Web
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosCentro Web
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios Centro Web
 
Governo Aberto
Governo AbertoGoverno Aberto
Governo AbertoCentro Web
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosCentro Web
 

Mais de Centro Web (20)

Acessibilidade e Realidade Estendida
Acessibilidade e Realidade EstendidaAcessibilidade e Realidade Estendida
Acessibilidade e Realidade Estendida
 
Legendas na Web
Legendas na WebLegendas na Web
Legendas na Web
 
Passado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na webPassado, presente e futuro da acessibilidade na web
Passado, presente e futuro da acessibilidade na web
 
Accessibility on SVG and SEO
Accessibility on SVG and SEOAccessibility on SVG and SEO
Accessibility on SVG and SEO
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Re descentralizar a Web
Re descentralizar a WebRe descentralizar a Web
Re descentralizar a Web
 
Web das coisas
Web das coisasWeb das coisas
Web das coisas
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 
Interação, Imersão e Inclusão
Interação, Imersão e InclusãoInteração, Imersão e Inclusão
Interação, Imersão e Inclusão
 
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na WebEmpatia e respeito para garantir os direitos da pessoa com deficiência na Web
Empatia e respeito para garantir os direitos da pessoa com deficiência na Web
 
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa RicaBuenas Prácticas para Datos en la Web y el Caso de Costa Rica
Buenas Prácticas para Datos en la Web y el Caso de Costa Rica
 
Encontros com a Web: Fake News
Encontros com a Web: Fake NewsEncontros com a Web: Fake News
Encontros com a Web: Fake News
 
Mixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivoMixed Reality e o seu impacto cognitivo
Mixed Reality e o seu impacto cognitivo
 
Technological study of Brazilian government websites
Technological study of Brazilian government websitesTechnological study of Brazilian government websites
Technological study of Brazilian government websites
 
EPUB and the Open Web Platform
EPUB and the Open Web PlatformEPUB and the Open Web Platform
EPUB and the Open Web Platform
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 
Governo Aberto
Governo AbertoGoverno Aberto
Governo Aberto
 
Boas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e BenefíciosBoas Práticas para Dados na Web: Desafios e Benefícios
Boas Práticas para Dados na Web: Desafios e Benefícios
 

WCAG 2.2

  • 1. WCAG 2.2 Reinaldo Ferraz – 25 de agosto de 2020
  • 3.
  • 4.
  • 9. Princípio 1: Perceptível Princípio 2: Operável Princípio 3: Compreensível Princípio 4: Robusto Princípios do WCAG
  • 10. Diretrizes WCAG 2.0 WCAG 2.0 61 critérios de sucesso
  • 12. Algumas diretrizes WCAG 2.0 • Critério de sucesso 1.1.1 Conteúdo Não Textual: A • Critério de sucesso 1.2.2 Legendas (Pré-gravadas): A • Critério de sucesso 1.4.1 Utilização de Cores: A • Critério de sucesso 1.4.4 Redimensionar texto: A • Critério de sucesso 2.1.1 Teclado: A • Critério de sucesso 2.3.1 Três Flashes ou Abaixo do Limite: A • Critério de sucesso 2.4.1 Ignorar Blocos: A • Critério de sucesso 3.1.1 Idioma da Página: A • Critério de sucesso 3.3.1 Identificação do Erro: A • Critério de sucesso 3.3.2 Rótulos ou Instruções: A • E outras 51 diretrizes...
  • 13. Diretrizes WCAG 2.1 WCAG 2.1 78 critérios de sucesso (17 novas diretrizes)
  • 14. Novas diretrizes WCAG 2.1 • Critério de sucesso 1.3.4 Orientação AA • Critério de sucesso 1.3.5 Identificação de campos de entrada AA • Critério de sucesso 1.4.10 Reorganização de conteúdo AA • Critério de sucesso 1.4.11 Contraste em conteúdo não textual AA • Critério de sucesso 1.4.12 Espaçamento de texto AA • Critério de sucesso 1.4.13 Passar o mouse e foco AA • Critério de sucesso 2.1.4 Atalhos de teclas de caracteres A • Critério de sucesso 2.5.1 Gestos de ponteiros A • Critério de sucesso 2.5.2 Cancelamento de ponteiro A • Critério de sucesso 2.5.3 Rótulo no nome A • Critério de sucesso 2.5.4 Atuação de movimento A
  • 15. Diretrizes WCAG 2.2 WCAG 2.2 87 critérios de sucesso (9 novas diretrizes)
  • 16. 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
  • 17. https://github.com/w3c/wcag/issuespublic-agwg-comments@w3.org IMPORTANTE O documento está em Working Draft. Isso significa que ainda pode sofrer mudanças. O W3C pede a contribuição da comunidade com comentários e sugestões sobre os novos critérios (até o dia 18 de setembro)
  • 18. 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 os seguintes requisitos: Novo – Nível AA
  • 19. Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Área mínima: O elemento interativo deve ter uma borda maior ou igual a 1 pixel ou pelo menos 8 pixels CSS em um lado do elemento. Novo – Nível AA
  • 20. Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Mudança de contraste: O elemento interativo tem uma relação de contraste de pelo menos 3: 1 com as cores do estado sem foco Novo – Nível AA
  • 21. Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Contraste adjacente: O elemento interativo tem uma relação de contraste de pelo menos 3: 1 contra todas as cores adjacentes ou tem uma espessura de pelo menos 2 pixels CSS. Novo – Nível AA
  • 22. Critério de Sucesso 2.4.11 Foco Visível (Mínimo) Escondido: O elemento interativo não está totalmente escondido. Novo – Nível AA
  • 23. 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
  • 27. Critério de Sucesso 2.4.13 Pontos de Referência Fixos Em uma publicação digital na Web que tenha quebra de páginas, forneça um mecanismo para cada localizador de página, mesmo quando a formatação ou plataforma muda. Novo – Nível A
  • 28. Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A “Veja o exemplo nesta mesma página”
  • 29. Critério de Sucesso 2.4.13 Pontos de Referência Fixos Novo – Nível A
  • 30. 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
  • 31. 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
  • 32. Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro Novo – Nível AA
  • 33. Critério de Sucesso 2.5.8 Espaçamento de Alvo do Ponteiro Exceções: - Existe um mecanismo para aumentar o tamanho da área de ativação de ponteiro - O elemento de ativação de ponteiro está em uma frase ou bloco de texto - O tamanho do destino é controlado pelo agente do usuário e não é modificado pelo autor. Novo – Nível AA
  • 34. 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
  • 35. 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, sem exigir a passagem do ponteiro ou o foco do teclado, ou um mecanismo está disponível para torná-los persistentemente visíveis. Novo – Nível AA >Computer vector created by upklyak - www.freepik.com
  • 36. 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
  • 37. Critério de Sucesso 3.3.8 Entrada Redundante Para as etapas de um processo, as informações previamente inseridas ou fornecidas ao usuário que são necessárias nas etapas subsequentes são preenchidas automaticamente ou estão disponíveis para o usuário selecionar. Novo – Nível A
  • 38. Colabore com a evolução do padrão https://www.w3.org/TR/WCAG22/ https://github.com/w3c/wcag/issuespublic-agwg-comments@w3.org