SlideShare ist ein Scribd-Unternehmen logo
1 von 32
Engenheiro de Software no laboratório de software da IBM do Brasil
Professor da disciplina de Qualidade de Software na Faculdade Impacta - FIT


   11 anos de experiência em T.I
   Pós graduado em Engenharia de Sistemas
   Certificado pelo ISTQB – Certified Tester Foundation Level (CTFL)
   Certificado pela IBM – Software Quality
   Instrutor de cursos técnicos relacionados a testes de software
   Um dos Idealizadores e Mantenedores do site Testadores.com

                                                 E-mail: ruanonet@gmail.com
                                                 LinkedIn: linkedin.com/ruano
Fonte: CONADE – Conselho Nacional dos Diretos da Pessoa Portadora de Deficiência.
• Cego ou deficiente visual

• Surdos ou com deficiência auditiva

• Dificuldades de mobilidade ou de uso limitado da mão

• Deficiência cognitiva

• Epilepsia fotossensível
• Lei 8213/91 - Cotas para Deficientes e Pessoas com Deficiência

  Art. 93 - a empresa com 100 ou mais funcionários está
  obrigada a preencher de dois a cinco por cento dos seus
  cargos com beneficiários reabilitados, ou pessoas portadoras
  de deficiência, na seguinte proporção:
  - até 200 funcionários................... 2% (02-04)
  - de 201 a 500 funcionários........... 3% (06-15)
  - de 501 a 1000 funcionários......... 4% (20-40)
  - de 1001 em diante funcionários... 5% (min. 50)
• A World Wide Web Consortium (W3C) é uma comunidade
internacional onde as organizações-membros, uma equipe de
funcionários de tempo integral, trabalham juntos para
desenvolver padrões para Web.




    WAI (Web Acessibility Initiative)
       Desenvolve estratégias, guias e recursos que ajudam a
       tornar conteúdos Web acessíveis.
WCAG – Web Content Accessibility Guide Lines : explica como
 formatar conteúdo web para pessoas com deficiências




                                    WCAG 2.0 – Cardoso, 2011
“Informação e componentes de interface de usuário devem ser
  apresentadas de maneira que possam ser perceptíveis para o
                           usuário”

Orientação 1.1: Alternativa de textos: Fornecer alternativas em
texto para qualquer conteúdo não textual.

   Critério de Sucesso:
   1.1.1 - Conteúdo Não Textual: Todo
     o conteúdo não texto que é
     apresentado ao usuário tem um
     texto alternativo que serve o
     propósito equivalente.



                                            Fonte - http://blog.grahamlicence.co.uk
“Componentes de interface de usuário e navegação devem ser
                         operacionais”
Orientação 2.1: Faça toda funcionalidade estar disponível via
teclado.

   Critério de Sucesso:
   2.1.1 – Teclado: Toda a funcionalidade do conteúdo é operável
     através de uma interface de teclado sem requerer
     temporizações específicas para digitação individual.




                                   Teclas de atalho / controle de zoom do IE – Fonte: www.microsoft.com
“Informação e a operação da interface de usuário deve
                      ser compreensível.”

Orientação 3.2: Crie páginas Web que sejam e funcionem de
forma previsível.

   Critério de Sucesso:
   3.2.1 – Em Foco: Quando um componente recebe o foco,
     ele não inicia uma mudança de contexto.
“O conteúdo deve ser robusto o suficiente para que possa ser
   interpretado de forma confiável por uma ampla variedade de
             usuários, incluindo tecnologias de apoio.”

Orientação 4.1: Maximizar a compatibilidade com
ferramentas atuais e futuras, incluindo tecnologias de apoio.

Critério de Sucesso:
4.1.1 - Análise:
No conteúdo implementado utilizando linguagens de
marcação (ex. HTML), elementos devem ter tags
de início e de fim completas, além de não
conterem atributos duplicados e de todos os IDs
serem exclusivos, exceto quando as especificações
permitirem estas características.


                                Fonte da imagem: http://www.signupandmakemoney.com/affiliate-
                                tips/build-website/
Imagem
   Usar métodos de validação nas fases iniciais do
    desenvolvimento, defeitos identificados precocemente são
    mais fáceis de evitar ou corrigir.

   São necessários o uso de ferramentas automáticas e da
    revisão humana.

   Os métodos automáticos são geralmente rápidos, mas não
    pode identificar todos os problemas de acessibilidade.

   A avaliação humana pode ajudar a garantir a clareza da
    linguagem e a facilidade de navegação.
Navegação por teclado:

   Verifique a ordem de tabulação é lógica.

   Se as barras de rolagem estiverem visíveis, verifique se você pode
    fazer a rolagem das mesmas utilizando apenas o teclado.

   Verifique se não ocorrem mudanças inesperadas durante a
    navegação.

   Verificar se nenhuma ação foi inesperadamente ativada ao
    navegar com o teclado.

   Verifique se você não ficou preso em qualquer conteúdo.

   Verifique se um indicador de foco visual é fornecido para todos
    os elementos visíveis quando recebem o foco do teclado.
Formatação visual e de alto contraste:

   Verifique se todo o texto é visível e legível utilizando o contraste
    padrão.

   Verifique se o conteúdo pode ser lido sob a cor de fundo ou
    quando tiver alterações na cor do texto.

   Verifique se o tamanho do texto pode ser ampliado / reduzido.

   Verifique se o conteúdo pode ser exibido em alto contraste e
    modo de fonte grande, e que o foco visual não fica perdido
    nestes modos
Cada um dos critérios de sucesso da WCAG tem um nível de conformidade
necessário

Nível A: o nível mínimo de conformidade onde a página Web cumpre todos
os Critérios de Sucesso classificados como Nível A, ou apresentam uma
alternativa em conformidade.

Nível AA: a página Web cumpre todos os Critérios de Sucesso níveis A e AA
(Nível 2), ou apresentam uma alternativa em conformidade para o nível AA.

Nível AAA: a página Web cumpre todos os Critérios de
Sucesso níveis A, AA e AAA (Nível 3), ou apresentam uma alternativa em
conformidade para o nível AAA.
Exemplo de Nível A:
• Serão fornecidas legendas para todo o conteúdo de áudio pré-
gravado em multimídia sincronizada.

 Exemplo de Nível AA:
• Exceto para legendas e imagens de texto, o texto em si pode ser
redimensionado, sem tecnologia de apoio, em até 200 por cento,
sem perda de conteúdo ou funcionalidade.

 Exemplo de Nível AAA:
• Quando uma sessão autenticada expira, o usuário pode continuar
a atividade sem a perda de dados após a re-autenticação.
Firefox Plug-In
Violation (V) – Todas as violação devem ser completamente
corrigidas.

Potential Violation (PV) – Possíveis violações que precisam ser
avaliadas manualmente. PVs podem ou não necessitar de um
teste manual ou da utilização de um leitor de tela para verificar
se o critério foi atingido.

Manual – Todas violações manuais precisam de testes manuais
ou letiores de tela para verificar se o critério foi atingido.

Recommendation (R) – Iindica que o HTML não está em
conformidade com boas práticas mas que não necessariamente
precisa ser corrigido.
• JAWS é um software projetado para substituir a interface gráfica
visual do usuário (GUI) por uma interface de áudio.
• Não é uma ferramenta de teste.
• É indicada aos usuários que não possuem visão, tem visão
debilitada e/ou possuem mobilidade reduzida.




    Fonte da imagem: http://www.freedomscientific.com/products/fs/jaws-product-page.asp
Fonte: Youtube
Web Content Accessibility Guidelines (WCAG) 2.0
http://www.w3.org/TR/WCAG/

WAI-ARIA, the Accessible Rich Internet Applications Suite
(Ajax, HTML, JavaScript, etc.)
http://www.w3.org/WAI/intro/aria.php

Acessibilidade Brasil
http://www.acessobrasil.org.br/

   Cardoso, Alverto Luis Libório. Verificação de Requisitos de
    Acessibilidade em Artefatos de Software – USP - São Paulo
Fonte: Youtube
Palestra - Testes de Acessibilidade

Weitere ähnliche Inhalte

Was ist angesagt?

Testando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaTestando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaLoiane Groner
 
Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!JErickPPTs
 
Projetos governamentais: ajustes no seu template Joomla!
Projetos governamentais: ajustes no seu template Joomla!Projetos governamentais: ajustes no seu template Joomla!
Projetos governamentais: ajustes no seu template Joomla!Trídia Criação
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegapwlsilva
 
Planejando interfaces Web acessíveis
Planejando interfaces Web acessíveisPlanejando interfaces Web acessíveis
Planejando interfaces Web acessíveisSimone Villas Boas
 
AMP - Accelerated Mobile Pages Project
AMP - Accelerated Mobile Pages ProjectAMP - Accelerated Mobile Pages Project
AMP - Accelerated Mobile Pages ProjectJuliano Theiss
 
Educação, jovens e média
Educação, jovens e médiaEducação, jovens e média
Educação, jovens e médiajccaaparicio
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web AppsPaolo Almeida
 
Curso de-joomla
Curso de-joomlaCurso de-joomla
Curso de-joomlagermanolo
 

Was ist angesagt? (15)

Testando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com SiestaTestando Aplicações ExtJS 4 com Siesta
Testando Aplicações ExtJS 4 com Siesta
 
Iniciação JSP!
Iniciação JSP!Iniciação JSP!
Iniciação JSP!
 
Projetos governamentais: ajustes no seu template Joomla!
Projetos governamentais: ajustes no seu template Joomla!Projetos governamentais: ajustes no seu template Joomla!
Projetos governamentais: ajustes no seu template Joomla!
 
Java -aula_01
Java  -aula_01Java  -aula_01
Java -aula_01
 
Adobe Phonegap
Adobe PhonegapAdobe Phonegap
Adobe Phonegap
 
Apresentação ISFramework
Apresentação ISFrameworkApresentação ISFramework
Apresentação ISFramework
 
Mod06 licao01-apostila
Mod06 licao01-apostilaMod06 licao01-apostila
Mod06 licao01-apostila
 
Planejando interfaces Web acessíveis
Planejando interfaces Web acessíveisPlanejando interfaces Web acessíveis
Planejando interfaces Web acessíveis
 
Desafio unidade I - ITG
Desafio unidade I - ITGDesafio unidade I - ITG
Desafio unidade I - ITG
 
AMP - Accelerated Mobile Pages Project
AMP - Accelerated Mobile Pages ProjectAMP - Accelerated Mobile Pages Project
AMP - Accelerated Mobile Pages Project
 
Educação, jovens e média
Educação, jovens e médiaEducação, jovens e média
Educação, jovens e média
 
Progressive Web Apps
Progressive Web AppsProgressive Web Apps
Progressive Web Apps
 
Driver Flash para o ISFramework
Driver Flash para o ISFrameworkDriver Flash para o ISFramework
Driver Flash para o ISFramework
 
Curso de-joomla
Curso de-joomlaCurso de-joomla
Curso de-joomla
 
Joomla e acessibilidade
Joomla e acessibilidadeJoomla e acessibilidade
Joomla e acessibilidade
 

Andere mochten auch

Campus Party - janeiro 2010
Campus Party - janeiro 2010Campus Party - janeiro 2010
Campus Party - janeiro 2010Reinaldo Ferraz
 
Contornar armadilhas: o desafio de criar um website acessível e inclusivo
Contornar armadilhas: o desafio de criar um website acessível e inclusivoContornar armadilhas: o desafio de criar um website acessível e inclusivo
Contornar armadilhas: o desafio de criar um website acessível e inclusivoRita Gonçalves
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo FerrazGovBR
 
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos""A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"GovBR
 
Perguntas para o ensino fundamental maior
Perguntas para o ensino fundamental maiorPerguntas para o ensino fundamental maior
Perguntas para o ensino fundamental maiorFábio Brito
 

Andere mochten auch (7)

Campusparty2011dl
Campusparty2011dlCampusparty2011dl
Campusparty2011dl
 
Campus Party - janeiro 2010
Campus Party - janeiro 2010Campus Party - janeiro 2010
Campus Party - janeiro 2010
 
Contornar armadilhas: o desafio de criar um website acessível e inclusivo
Contornar armadilhas: o desafio de criar um website acessível e inclusivoContornar armadilhas: o desafio de criar um website acessível e inclusivo
Contornar armadilhas: o desafio de criar um website acessível e inclusivo
 
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz    Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
Acessibilidade na WEB: Padrões na Web e WCAG 2.0 - Reinaldo Ferraz
 
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos""A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
"A Tecnologia em prol da acessibilidade: construindo uma WEB acessível a todos"
 
O HTML 5 e o futuro da web
O HTML 5 e o futuro da webO HTML 5 e o futuro da web
O HTML 5 e o futuro da web
 
Perguntas para o ensino fundamental maior
Perguntas para o ensino fundamental maiorPerguntas para o ensino fundamental maior
Perguntas para o ensino fundamental maior
 

Ähnlich wie Palestra - Testes de Acessibilidade

MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...
MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...
MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...minastestingconference
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2Leo Serrao
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveisLeandro Borges
 
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todos
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para TodosTDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todos
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todostdc-globalcode
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveisaiadufmg
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B Rguestb9d145
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxLuiz Antonio
 
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
 
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de Software
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de SoftwareQUALIDADE DE SOFTWARE VT- Avaliação de Produto de Software
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de SoftwareDiogo Rocha Ferreira de Menezes
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end seleniumQualister
 
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
 
CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSDaniel Paz
 
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
 
Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Rodrigo Marinho
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberaneguest2da055
 

Ähnlich wie Palestra - Testes de Acessibilidade (20)

DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?DevQA: UI Testing , como fazer?
DevQA: UI Testing , como fazer?
 
MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...
MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...
MTC 2019 - ACESSIBILIDADE: GARANTINDO QUE AS APLICAÇÕES ESTEJAM ACESSÍVEIS PA...
 
Acessibilidade web
Acessibilidade webAcessibilidade web
Acessibilidade web
 
E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2E mag desenvolvedor_mod_2
E mag desenvolvedor_mod_2
 
Aplicações web acessíveis
Aplicações web acessíveisAplicações web acessíveis
Aplicações web acessíveis
 
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todos
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para TodosTDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todos
TDC2018SP | Trilha Testes - Testes de Acessibilidade - Qualidade para Todos
 
Sites acessíveis
Sites acessíveisSites acessíveis
Sites acessíveis
 
Sites Acessíveis
Sites AcessíveisSites Acessíveis
Sites Acessíveis
 
A Linguagem Php
A Linguagem PhpA Linguagem Php
A Linguagem Php
 
Web Tools Pt B R
Web Tools Pt  B RWeb Tools Pt  B R
Web Tools Pt B R
 
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptxProjeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
Projeto Web - Aula 1 - Fundamentos do Dev WEB.pptx
 
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
 
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de Software
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de SoftwareQUALIDADE DE SOFTWARE VT- Avaliação de Produto de Software
QUALIDADE DE SOFTWARE VT- Avaliação de Produto de Software
 
Caipira agil automacao front end selenium
Caipira agil automacao front end seleniumCaipira agil automacao front end selenium
Caipira agil automacao front end selenium
 
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
 
CORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESSCORE WEB VITALS E WORDPRESS
CORE WEB VITALS E WORDPRESS
 
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
 
Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015Trabalho 4 Semestre e 5 Semestre 2015
Trabalho 4 Semestre e 5 Semestre 2015
 
Web acessível
Web acessívelWeb acessível
Web acessível
 
Usabilidade Web Alberane
Usabilidade Web AlberaneUsabilidade Web Alberane
Usabilidade Web Alberane
 

Palestra - Testes de Acessibilidade

  • 1.
  • 2. Engenheiro de Software no laboratório de software da IBM do Brasil Professor da disciplina de Qualidade de Software na Faculdade Impacta - FIT  11 anos de experiência em T.I  Pós graduado em Engenharia de Sistemas  Certificado pelo ISTQB – Certified Tester Foundation Level (CTFL)  Certificado pela IBM – Software Quality  Instrutor de cursos técnicos relacionados a testes de software  Um dos Idealizadores e Mantenedores do site Testadores.com E-mail: ruanonet@gmail.com LinkedIn: linkedin.com/ruano
  • 3. Fonte: CONADE – Conselho Nacional dos Diretos da Pessoa Portadora de Deficiência.
  • 4. • Cego ou deficiente visual • Surdos ou com deficiência auditiva • Dificuldades de mobilidade ou de uso limitado da mão • Deficiência cognitiva • Epilepsia fotossensível
  • 5. • Lei 8213/91 - Cotas para Deficientes e Pessoas com Deficiência Art. 93 - a empresa com 100 ou mais funcionários está obrigada a preencher de dois a cinco por cento dos seus cargos com beneficiários reabilitados, ou pessoas portadoras de deficiência, na seguinte proporção: - até 200 funcionários................... 2% (02-04) - de 201 a 500 funcionários........... 3% (06-15) - de 501 a 1000 funcionários......... 4% (20-40) - de 1001 em diante funcionários... 5% (min. 50)
  • 6. • A World Wide Web Consortium (W3C) é uma comunidade internacional onde as organizações-membros, uma equipe de funcionários de tempo integral, trabalham juntos para desenvolver padrões para Web. WAI (Web Acessibility Initiative) Desenvolve estratégias, guias e recursos que ajudam a tornar conteúdos Web acessíveis.
  • 7. WCAG – Web Content Accessibility Guide Lines : explica como formatar conteúdo web para pessoas com deficiências WCAG 2.0 – Cardoso, 2011
  • 8. “Informação e componentes de interface de usuário devem ser apresentadas de maneira que possam ser perceptíveis para o usuário” Orientação 1.1: Alternativa de textos: Fornecer alternativas em texto para qualquer conteúdo não textual. Critério de Sucesso: 1.1.1 - Conteúdo Não Textual: Todo o conteúdo não texto que é apresentado ao usuário tem um texto alternativo que serve o propósito equivalente. Fonte - http://blog.grahamlicence.co.uk
  • 9. “Componentes de interface de usuário e navegação devem ser operacionais” Orientação 2.1: Faça toda funcionalidade estar disponível via teclado. Critério de Sucesso: 2.1.1 – Teclado: Toda a funcionalidade do conteúdo é operável através de uma interface de teclado sem requerer temporizações específicas para digitação individual. Teclas de atalho / controle de zoom do IE – Fonte: www.microsoft.com
  • 10. “Informação e a operação da interface de usuário deve ser compreensível.” Orientação 3.2: Crie páginas Web que sejam e funcionem de forma previsível. Critério de Sucesso: 3.2.1 – Em Foco: Quando um componente recebe o foco, ele não inicia uma mudança de contexto.
  • 11. “O conteúdo deve ser robusto o suficiente para que possa ser interpretado de forma confiável por uma ampla variedade de usuários, incluindo tecnologias de apoio.” Orientação 4.1: Maximizar a compatibilidade com ferramentas atuais e futuras, incluindo tecnologias de apoio. Critério de Sucesso: 4.1.1 - Análise: No conteúdo implementado utilizando linguagens de marcação (ex. HTML), elementos devem ter tags de início e de fim completas, além de não conterem atributos duplicados e de todos os IDs serem exclusivos, exceto quando as especificações permitirem estas características. Fonte da imagem: http://www.signupandmakemoney.com/affiliate- tips/build-website/
  • 12.
  • 14. Usar métodos de validação nas fases iniciais do desenvolvimento, defeitos identificados precocemente são mais fáceis de evitar ou corrigir.  São necessários o uso de ferramentas automáticas e da revisão humana.  Os métodos automáticos são geralmente rápidos, mas não pode identificar todos os problemas de acessibilidade.  A avaliação humana pode ajudar a garantir a clareza da linguagem e a facilidade de navegação.
  • 15. Navegação por teclado:  Verifique a ordem de tabulação é lógica.  Se as barras de rolagem estiverem visíveis, verifique se você pode fazer a rolagem das mesmas utilizando apenas o teclado.  Verifique se não ocorrem mudanças inesperadas durante a navegação.  Verificar se nenhuma ação foi inesperadamente ativada ao navegar com o teclado.  Verifique se você não ficou preso em qualquer conteúdo.  Verifique se um indicador de foco visual é fornecido para todos os elementos visíveis quando recebem o foco do teclado.
  • 16. Formatação visual e de alto contraste:  Verifique se todo o texto é visível e legível utilizando o contraste padrão.  Verifique se o conteúdo pode ser lido sob a cor de fundo ou quando tiver alterações na cor do texto.  Verifique se o tamanho do texto pode ser ampliado / reduzido.  Verifique se o conteúdo pode ser exibido em alto contraste e modo de fonte grande, e que o foco visual não fica perdido nestes modos
  • 17. Cada um dos critérios de sucesso da WCAG tem um nível de conformidade necessário Nível A: o nível mínimo de conformidade onde a página Web cumpre todos os Critérios de Sucesso classificados como Nível A, ou apresentam uma alternativa em conformidade. Nível AA: a página Web cumpre todos os Critérios de Sucesso níveis A e AA (Nível 2), ou apresentam uma alternativa em conformidade para o nível AA. Nível AAA: a página Web cumpre todos os Critérios de Sucesso níveis A, AA e AAA (Nível 3), ou apresentam uma alternativa em conformidade para o nível AAA.
  • 18. Exemplo de Nível A: • Serão fornecidas legendas para todo o conteúdo de áudio pré- gravado em multimídia sincronizada. Exemplo de Nível AA: • Exceto para legendas e imagens de texto, o texto em si pode ser redimensionado, sem tecnologia de apoio, em até 200 por cento, sem perda de conteúdo ou funcionalidade. Exemplo de Nível AAA: • Quando uma sessão autenticada expira, o usuário pode continuar a atividade sem a perda de dados após a re-autenticação.
  • 19.
  • 21. Violation (V) – Todas as violação devem ser completamente corrigidas. Potential Violation (PV) – Possíveis violações que precisam ser avaliadas manualmente. PVs podem ou não necessitar de um teste manual ou da utilização de um leitor de tela para verificar se o critério foi atingido. Manual – Todas violações manuais precisam de testes manuais ou letiores de tela para verificar se o critério foi atingido. Recommendation (R) – Iindica que o HTML não está em conformidade com boas práticas mas que não necessariamente precisa ser corrigido.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28. • JAWS é um software projetado para substituir a interface gráfica visual do usuário (GUI) por uma interface de áudio. • Não é uma ferramenta de teste. • É indicada aos usuários que não possuem visão, tem visão debilitada e/ou possuem mobilidade reduzida. Fonte da imagem: http://www.freedomscientific.com/products/fs/jaws-product-page.asp
  • 30. Web Content Accessibility Guidelines (WCAG) 2.0 http://www.w3.org/TR/WCAG/ WAI-ARIA, the Accessible Rich Internet Applications Suite (Ajax, HTML, JavaScript, etc.) http://www.w3.org/WAI/intro/aria.php Acessibilidade Brasil http://www.acessobrasil.org.br/  Cardoso, Alverto Luis Libório. Verificação de Requisitos de Acessibilidade em Artefatos de Software – USP - São Paulo