Guia de testes de acessibilidade - Histórico de revisão

Andre.iguera em 14h10min de 26 de dezembro de 2016

2016-12-26T14:10:05Z

Andre.iguera: Andre.iguera moveu a página Guia básico de Acessibilidade para Guia de testes de acessibilidade: Adequação

2016-12-26T14:00:06Z

Andre.iguera moveu a página Guia básico de Acessibilidade para Guia de testes de acessibilidade: Adequação

Andre.iguera: /* Testes básicos de Acessibilidade */

2016-12-26T13:58:02Z

‎Testes básicos de Acessibilidade

Andre.iguera: /* Áudio e vídeo */

2016-12-26T13:54:32Z

‎Áudio e vídeo

Andre.iguera: /* Textos */

2016-12-26T13:53:11Z

‎Textos

Andre.iguera: /* W3C */

2016-12-26T13:51:26Z

‎W3C

Andre.iguera: /* O que é Acessibilidade na Web? */

2016-12-26T13:50:43Z

‎O que é Acessibilidade na Web?

Andre.iguera: /* O que é Acessibilidade? */

2016-12-26T13:50:07Z

‎O que é Acessibilidade?

Ana.guedes: /* O que é Analisador de contraste de cores? */

2016-11-24T14:14:28Z

‎O que é Analisador de contraste de cores?

Ana.guedes: /* Navegando por Foco */

2016-11-23T19:20:40Z

‎Navegando por Foco

← Edição anterior		Edição das 14h10min de 26 de dezembro de 2016
Linha 1:		Linha 1:
−	Versão 0.3 de 23/11/2016. ~~Documento em construção~~.	+	Versão 1.0 de 26/12/2016. Aguardando validação.

	==O que é Acessibilidade?==		==O que é Acessibilidade?==

@@ Linha 55: / Linha 55: @@
 Verificar todas as funcionalidades utilizando o alto contraste, realizar todas as ações de inclusão e exclusão utilizando o alto contraste.
 ===Áudio e vídeo===
@@ Linha 65: / Linha 66: @@
 Todos os botões do player devem ser acessíveis via teclado, inclusive alterar o volume. Nenhuma mídia (vídeo ou musica) deve iniciar automaticamente.
 ===Formulários===
-====Check a acessibilidade de seus formulários====
+====Verifique a acessibilidade dos formulários====
-Clique sobre o texto descritivo do campo e deverá aparecer o cursor 'piscando' no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento <label> no formulário e isto poderá tornar o formulário inacessível para alguns usuário.
+Clique sobre o texto descritivo do campo e deverá aparecer o cursor 'piscando' no campo respectivo. Se o cursor não aparecer é porque não foi usado o elemento <label> no formulário e isto poderá tornar o formulário inacessível para alguns usuários.
 ===Navegabilidade===
-====Check a navegabilidade sem uso de um mouse====
+====Verifique a navegabilidade sem uso de um mouse====
-Você pode navegar seu site usando somente tab, shift-tab, etc? Se isto não for possível, seu site será inacessível para usuários impossibilitados do uso de mouse. Deixe seu mouse de lado e navegue com o teclado para testar.
+Você pode navegar no seu site usando somente tab, shift-tab, etc? Se isto não for possível, seu site será inacessível para usuários impossibilitados do uso de mouse. Deixe seu mouse de lado e navegue com o teclado para testar.
-====Check a existência de um mapa do site====
+====Verifique a existência de um mapa do site====
-Existe um mapa do site, facilmente localizável? Se não, os usuários poderão ficar perdidos no seu site. O mesmo deve estar funcional.
+Existe um mapa do site facilmente localizável? Se não, os usuários poderão ficar perdidos no seu site. O mesmo deve estar funcional.
-====Assegure-se que os textos dos links sejam descritivos para o destino remetido====
+====Assegure-se de que os textos dos links sejam descritivos para o destino remetido====
-Usuários portadores de deficiência visual total, navegam por sites na Internet valendo-se da 'tabulação' pelos links. Os textos descritivos dos links tem sentido? Considere o uso do atributo title no elemento a para suprir uma informação adicional sobre o destino do link, p.ex.: <a href="descontos.html" title="Como obter descontos adicionais nas suas compras ">Descontos adicionais</a>
+Usuários portadores de deficiência visual total, navegam por sites na Internet valendo-se da 'tabulação' pelos links. Os textos descritivos dos links tem sentido? Considere o uso do atributo title no elemento para suprir uma informação adicional sobre o destino do link. Exemplo: <code><a href="descontos.html" title="Como obter descontos adicionais nas suas compras ">Descontos adicionais</a></code>.
 == Testes avançados utilizando ferramentas==

@@ Linha 62: / Linha 62: @@
 Esta situação simula um usuário portador de surdez. Assegure-se de que seu web site disponibiliza um conteúdo escrito para o conteúdo de áudio, de modo que usuários portadores de surdez tenham acesso ao conteúdo áudio.
-====Verificar os botões do player devem ser acessíveis via teclado ====
+====Verifique se os botões do player são acessíveis via teclado ====
 Todos os botões do player devem ser acessíveis via teclado, inclusive alterar o volume. Nenhuma mídia (vídeo ou musica) deve iniciar automaticamente.
 ===Formulários===

@@ Linha 40: / Linha 40: @@
 ===Textos===
-====Check os textos alternativos para imagens que transmitam informação====
+====Verifique os textos alternativos para imagens que transmitam informação====
 Coloque o cursor sobre a imagem, por exemplo, o logotipo da empresa. Aparece na tela uma caixinha amarela (ou de uma outra cor, dependendo do set-up do computador) com um texto descritivo da imagem? Para usuários navegando com browsers sem suporte para imagens, será aquele texto descrito, visto (e/ou ouvido) no lugar da imagem.
-====Check os textos alternativos para imagens decorativas====
+====Verifique os textos alternativos para imagens decorativas====
 Coloque o cursor sobre a imagem que não tem outra função senão decorativa. Aparece na tela uma caixinha com um texto descritivo da imagem? Não deverá aparecer. Não há qualquer razão para que usuários com browsers sem suporte para imagens tomem conhecimento de uma imagem decorativa.
-====Check a possibilidade de aumentar o tamanho dos textos====
+====Verifique a possibilidade de aumentar o tamanho dos textos====
 Verificar possibilidade de alterar o tamanho do texto pelo navegador. O texto do seu web site aumentou de tamanho? Se não aumentou o seu site estará inacessível para usuários portadores de baixa visão.
-====Check a possibilidade de alto contraste====
+====Verifique a possibilidade de alto contraste====
 Verificar todas as funcionalidades utilizando o alto contraste, realizar todas as ações de inclusão e exclusão utilizando o alto contraste.
 ===Áudio e vídeo===

@@ Linha 12: / Linha 12: @@
 Explicam como produzir conteúdos para a Web que sejam acessíveis às pessoas portadoras de necessidades especiais.
-*Informação contida em uma página web ou á uma aplicação Web, incluindo-se aí, textos, imagens, formulários, sons e correlatos;
+*Informação contida em uma página web ou em uma aplicação Web, incluindo-se aí, textos, imagens, formulários, sons e correlatos;
 * WCAG é parte de uma série de diretrizes para acessibilidade;
 * Diretrizes de acessibilidade para as ferramentas de produção (ATAG);

← Edição anterior	Edição das 14h00min de 26 de dezembro de 2016
(Sem diferença)

@@ Linha 7: / Linha 7: @@
 ==O que é Acessibilidade na Web?==
-Acessibilidade na web significa que pessoas com deficiência podem usar a web. Mais especificamente, a acessibilidade na web significa que pessoas com deficiência podem perceber, entender, navegar, interagir e contribuir para a web. E mais. Ela também beneficia outras pessoas, incluindo pessoas idosas com capacidades em mudança devido ao envelhecimento
+Acessibilidade na web significa que pessoas com deficiência podem usar a web. Mais especificamente, a acessibilidade na web significa que pessoas com deficiência podem perceber, entender, navegar, interagir e contribuir para a web. E mais. Ela também beneficia outras pessoas, incluindo pessoas idosas com capacidades em mudança devido ao envelhecimento.
 ===W3C===

@@ Linha 3: / Linha 3: @@
 ==O que é Acessibilidade?==
-Acessibilidade consiste na possibilidade de acesso a um lugar ou conjunto de lugares. Significa não apenas permitir que pessoas com deficiência ou mobilidade reduzida participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes por todas as parcelas presentes em uma determinada população, visando sua adaptação e locomoção, eliminando as barreiras, consiste também em ter acesso a todo e qualquer material produzido, em áudio ou vídeo, para tanto adaptando todos os meios que a tecnologia permite.
+Acessibilidade consiste na possibilidade de acesso a um lugar ou conjunto de lugares. Significa não apenas permitir que pessoas com deficiência ou mobilidade reduzida participem de atividades que incluem o uso de produtos, serviços e informação, mas a inclusão e extensão do uso destes por todas as parcelas presentes em uma determinada população, visando sua adaptação e locomoção, eliminando as barreiras. Consiste também em ter acesso a todo e qualquer material produzido, em áudio ou vídeo, para tanto adaptando todos os meios que a tecnologia permite.
 ==O que é Acessibilidade na Web?==

← Edição anterior		Edição das 14h14min de 24 de novembro de 2016
Linha 204:		Linha 204:

	[[Arquivo:resultado2.jpg]]		[[Arquivo:resultado2.jpg]]
		+
		+	'''Nota:''' Existem versões mais recentes do CCA, porém não exibe de forma clara os valores para comparação da diferença de brilho e de cor, por isso para facilitar as conclusões dos testes é aconselhada a utilização da versão 1.1.

	==Referências==		==Referências==

@@ Linha 98: / Linha 98: @@
 ====Navegando por Foco====
 A maneira mais comum de navegar pelo Windows com o NVDA é usando comandos normais do teclado, como o Tab e o Shift tab para mover-se adiante e para trás entre controles, pressionando Alt para ir para a barra de menu e então usando as setas para navegar entre os menus, usando Alt+tab para mover-se através de aplicativos. Conforme você vai fazendo uso desses comandos, o NVDA anunciará o que estiver em foco.
 Existem alguns comandos úteis quando estiver se movendo com foco: INSERT+tab - reporta o foco atual, INSERT+b - Lê toda a janela de primeiro plano (útil para leitura de caixas de diálogo) INSERT+t - Anuncia o título da janela atual de primeiro plano
 ==== Revisando o Texto no Objeto Atual====