SlideShare uma empresa Scribd logo
1 de 60
Baixar para ler offline
Por dentro do W3C e
das novidades nos padrões
de acessibilidade na Web
Reinaldo Ferraz – 11 de março de 2023
@reinaldoferraz
https://pt.slideshare.net/CentroWeb reinaldoferraz.com.br
Como participar da construção dos padrões:
Empresa
filiada
Chamadas
públicas
Especialista
convidado
https://www.w3.org/community/
https://www.w3.org/TR/wot-thing-description11/
https://www.w3.org/TR
IMPORTANTE
Os documentos não são Recomendações ainda!
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 Aparência do foco AA
• Critério de Sucesso 2.4.12 Foco não obscurecido (mínimo) AA
• Critério de Sucesso 2.4.13 Foco não obscurecido (melhorado) AAA
• Critério de Sucesso 2.5.7 Movimentos de arrastar AA
• Critério de Sucesso 2.5.8 Tamanho de Alvo do Ponteiro (mínimo) AA
• Critério de Sucesso 3.2.6 Ajuda Consistente A
• Critério de Sucesso 3.3.7 Entrada Redundante A
• Critério de Sucesso 3.3.8 Autenticação Acessível AA
• Critério de Sucesso 3.3.9 Autenticação Acessível (sem excessão) AAA
Critério de Sucesso 2.4.11 Aparência do foco
Quando o indicador de foco de teclado está
visível, pelo menos uma das seguintes
técnicas deve ser utilizada:
Novo – Nível AA
Critério de Sucesso 2.4.11 Aparência do foco
Envolve todo o elemento selecionado e/ou
Ter 1 pixel CSS de diferença de status e
Tem uma taxa de contraste de pelo menos 3:1
Novo – Nível AA
Critério de Sucesso 2.4.11 Aparência do foco
Contraste entre as cores dos estados
Novo – Nível AA
Critério de Sucesso 2.4.11 Aparência do foco
Contraste com as cores dos elementos
Novo – Nível AA
Critério de Sucesso 2.4.11 Aparência do foco
Pelo menos 1 pixel CSS visível
Novo – Nível AA
Critério de Sucesso 2.4.11 Aparência do foco
Ou pelo menos 4 pixels CSS no lado menor
Novo – Nível AA
https://contrast-ratio.com/
https://contrast-ratio.com/
https://contrast-ratio.com/
Critério de Sucesso 2.4.12 Foco não obscurecido (mínimo)
Novo – Nível AA
Quando um componente de interface do
usuário recebe foco por teclado, o
componente não fica completamente
invisível para o usuário.
Critério de Sucesso 2.5.7 Movimentos de arrastar
Todas as funcionalidades que usam um
movimento de arrastar podem ser
operadas por um toque/clique em ponteiro
único sem a necessidade de arrastar.
Novo – Nível AA
Critério de Sucesso 2.5.8 Tamanho de Alvo do Ponteiro (mínimo)
Novo – Nível AA
O tamanho da área de ponteiro deve ser
de pelo menos 24x24 pixels CSS
Critério de Sucesso 3.2.6 Ajuda consistente
Se uma página da Web contem algum tipo
de ajuda (seja ajuda humana, como um
mecanismo de contato ou chat ou ajuda
automatizada) ela deve aparecer no
mesmo local em todas as páginas.
Novo – Nível A
Critério de Sucesso 3.3.7 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
Critério de Sucesso 3.3.8 Autenticação Acessível
Não há um teste cognitivo no processo de
autenticação, com algumas exceções.
Novo – Nível AA
Critério de Sucesso 3.3.8 Autenticação Acessível
- suporte para entrada de senha por gerenciadores de
senha para reduzir a carga de memória
- copie e cole para reduzir a carga cognitiva de redigitar.
Novo – Nível AA
Exemplos de mecanismo que satisfazem esse critério de sucesso:
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)
• Error prevention (prevenção de erros)
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”
Accessible Guidelines 3.0 – Categorias funcionais
Categorias funcionais para alternativas em texto:
• 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
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
• 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
Accessible Guidelines 3.0 - Conformidade
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

Mais conteúdo relacionado

Semelhante a Por dentro do W3C e as novidades nos padrões de acessibilidade na

WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPressWordCamp Floripa
 
Automação de testes: Teoria e Prática (SENAI) - Qualister
Automação de testes: Teoria e Prática (SENAI) - QualisterAutomação de testes: Teoria e Prática (SENAI) - Qualister
Automação de testes: Teoria e Prática (SENAI) - QualisterCristiano Caetano
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifaguestea329c
 
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...Cleber Dantas
 
Todas as abordagens de testes dentro do ágil
Todas as abordagens de testes dentro do ágilTodas as abordagens de testes dentro do ágil
Todas as abordagens de testes dentro do ágilElias Nogueira
 
Avaliação Interface Humano-Computador - Portal UFS
Avaliação Interface Humano-Computador - Portal UFSAvaliação Interface Humano-Computador - Portal UFS
Avaliação Interface Humano-Computador - Portal UFSFelipe J. R. Vieira
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Felipe Nascimento
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 
Trac e SVN - Introdução
Trac e SVN - IntroduçãoTrac e SVN - Introdução
Trac e SVN - IntroduçãoBruno Caimar
 
Mini curso de testes ágeis
Mini curso de testes ágeisMini curso de testes ágeis
Mini curso de testes ágeisQualister
 
Automacao de testes mitos e verdades
Automacao de testes mitos e verdadesAutomacao de testes mitos e verdades
Automacao de testes mitos e verdadesCristiano Caetano
 
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...Renato Groff
 
[DevOps Carioca] Testes Automatizados
[DevOps Carioca] Testes Automatizados[DevOps Carioca] Testes Automatizados
[DevOps Carioca] Testes AutomatizadosSamanta Cicilia
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019Maurício Pereiro
 

Semelhante a Por dentro do W3C e as novidades nos padrões de acessibilidade na (20)

WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel  - Core web vitals e WordPressWordCamp Floripa 2021 - Daniel  - Core web vitals e WordPress
WordCamp Floripa 2021 - Daniel - Core web vitals e WordPress
 
Automação de testes: Teoria e Prática (SENAI) - Qualister
Automação de testes: Teoria e Prática (SENAI) - QualisterAutomação de testes: Teoria e Prática (SENAI) - Qualister
Automação de testes: Teoria e Prática (SENAI) - Qualister
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
ASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre TarifaASP.NET MVC - Alexandre Tarifa
ASP.NET MVC - Alexandre Tarifa
 
ASP.NET MVC
ASP.NET MVCASP.NET MVC
ASP.NET MVC
 
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
MSTechday - Técnicas e recursos para desenvolvimento web em cenários de grand...
 
Todas as abordagens de testes dentro do ágil
Todas as abordagens de testes dentro do ágilTodas as abordagens de testes dentro do ágil
Todas as abordagens de testes dentro do ágil
 
Avaliação Interface Humano-Computador - Portal UFS
Avaliação Interface Humano-Computador - Portal UFSAvaliação Interface Humano-Computador - Portal UFS
Avaliação Interface Humano-Computador - Portal UFS
 
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
Apresentação: Utilização de Metodologias Ágeis para Adaptação de um Processo ...
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 
Trac e SVN - Introdução
Trac e SVN - IntroduçãoTrac e SVN - Introdução
Trac e SVN - Introdução
 
Página inicial - Acessibilidade
Página inicial - AcessibilidadePágina inicial - Acessibilidade
Página inicial - Acessibilidade
 
Apresentação acadêmica RASEA
Apresentação acadêmica RASEAApresentação acadêmica RASEA
Apresentação acadêmica RASEA
 
Mini curso de testes ágeis
Mini curso de testes ágeisMini curso de testes ágeis
Mini curso de testes ágeis
 
Automacao de testes mitos e verdades
Automacao de testes mitos e verdadesAutomacao de testes mitos e verdades
Automacao de testes mitos e verdades
 
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...
APIs na nuvem: implementando soluções RESTful com o Microsoft Azure - Azure T...
 
Workshop ASP.NET MVC 5
Workshop ASP.NET MVC 5Workshop ASP.NET MVC 5
Workshop ASP.NET MVC 5
 
Arquitetura de sistemas web
Arquitetura de sistemas webArquitetura de sistemas web
Arquitetura de sistemas web
 
[DevOps Carioca] Testes Automatizados
[DevOps Carioca] Testes Automatizados[DevOps Carioca] Testes Automatizados
[DevOps Carioca] Testes Automatizados
 
Existe teste de acessibilidade digital tdc sp - 2019
Existe teste de acessibilidade digital   tdc sp - 2019Existe teste de acessibilidade digital   tdc sp - 2019
Existe teste de acessibilidade digital tdc sp - 2019
 

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
 

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
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
Quando e como usar WAI-ARIA
Quando e como usar WAI-ARIAQuando e como usar WAI-ARIA
Quando e como usar WAI-ARIA
 
WCAG 2.1
WCAG 2.1WCAG 2.1
WCAG 2.1
 
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
 

Por dentro do W3C e as novidades nos padrões de acessibilidade na

  • 1. Por dentro do W3C e das novidades nos padrões de acessibilidade na Web Reinaldo Ferraz – 11 de março de 2023
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12. Como participar da construção dos padrões: Empresa filiada Chamadas públicas Especialista convidado
  • 14.
  • 15.
  • 16.
  • 18.
  • 20.
  • 21.
  • 22. IMPORTANTE Os documentos não são Recomendações ainda! Isso significa que ainda podem sofrer mudanças.
  • 23. Diretrizes WCAG 2.2 WCAG 2.2 87 critérios de sucesso (9 novas diretrizes)
  • 24. A AA AAA Níveis de conformidade WCAG 2.2
  • 25. Novas diretrizes WCAG 2.2 • Critério de Sucesso 2.4.11 Aparência do foco AA • Critério de Sucesso 2.4.12 Foco não obscurecido (mínimo) AA • Critério de Sucesso 2.4.13 Foco não obscurecido (melhorado) AAA • Critério de Sucesso 2.5.7 Movimentos de arrastar AA • Critério de Sucesso 2.5.8 Tamanho de Alvo do Ponteiro (mínimo) AA • Critério de Sucesso 3.2.6 Ajuda Consistente A • Critério de Sucesso 3.3.7 Entrada Redundante A • Critério de Sucesso 3.3.8 Autenticação Acessível AA • Critério de Sucesso 3.3.9 Autenticação Acessível (sem excessão) AAA
  • 26. Critério de Sucesso 2.4.11 Aparência do foco Quando o indicador de foco de teclado está visível, pelo menos uma das seguintes técnicas deve ser utilizada: Novo – Nível AA
  • 27. Critério de Sucesso 2.4.11 Aparência do foco Envolve todo o elemento selecionado e/ou Ter 1 pixel CSS de diferença de status e Tem uma taxa de contraste de pelo menos 3:1 Novo – Nível AA
  • 28. Critério de Sucesso 2.4.11 Aparência do foco Contraste entre as cores dos estados Novo – Nível AA
  • 29. Critério de Sucesso 2.4.11 Aparência do foco Contraste com as cores dos elementos Novo – Nível AA
  • 30. Critério de Sucesso 2.4.11 Aparência do foco Pelo menos 1 pixel CSS visível Novo – Nível AA
  • 31. Critério de Sucesso 2.4.11 Aparência do foco Ou pelo menos 4 pixels CSS no lado menor Novo – Nível AA
  • 35. Critério de Sucesso 2.4.12 Foco não obscurecido (mínimo) Novo – Nível AA Quando um componente de interface do usuário recebe foco por teclado, o componente não fica completamente invisível para o usuário.
  • 36.
  • 37.
  • 38. Critério de Sucesso 2.5.7 Movimentos de arrastar Todas as funcionalidades que usam um movimento de arrastar podem ser operadas por um toque/clique em ponteiro único sem a necessidade de arrastar. Novo – Nível AA
  • 39.
  • 40. Critério de Sucesso 2.5.8 Tamanho de Alvo do Ponteiro (mínimo) Novo – Nível AA O tamanho da área de ponteiro deve ser de pelo menos 24x24 pixels CSS
  • 41.
  • 42.
  • 43. Critério de Sucesso 3.2.6 Ajuda consistente Se uma página da Web contem algum tipo de ajuda (seja ajuda humana, como um mecanismo de contato ou chat ou ajuda automatizada) ela deve aparecer no mesmo local em todas as páginas. Novo – Nível A
  • 44. Critério de Sucesso 3.3.7 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
  • 45. Critério de Sucesso 3.3.8 Autenticação Acessível Não há um teste cognitivo no processo de autenticação, com algumas exceções. Novo – Nível AA
  • 46. Critério de Sucesso 3.3.8 Autenticação Acessível - suporte para entrada de senha por gerenciadores de senha para reduzir a carga de memória - copie e cole para reduzir a carga cognitiva de redigitar. Novo – Nível AA Exemplos de mecanismo que satisfazem esse critério de sucesso:
  • 48.
  • 49. 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
  • 50. 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) • Error prevention (prevenção de erros)
  • 51. 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”
  • 52. Accessible Guidelines 3.0 – Categorias funcionais Categorias funcionais para alternativas em texto: • 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
  • 53. 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.”
  • 54. 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
  • 55. 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.
  • 56. 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
  • 57. • 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
  • 58. • 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 Accessible Guidelines 3.0 - Conformidade
  • 59. Colabore com a evolução dos padrões https://github.com/w3c/wcag/ https://github.com/w3c/silver/ public-agwg-comments@w3.org