From 2ad41cff0f8505fb4198f062c1ef22095d791954 Mon Sep 17 00:00:00 2001 From: Daniel Oliveira Date: Sat, 1 Oct 2016 01:06:15 -0300 Subject: [PATCH] =?UTF-8?q?#12:=20Revis=C3=A3o=20de=20Tradu=C3=A7=C3=A3o;?= =?UTF-8?q?=20revis=C3=A3o=20de=20portugu=C3=AAs=20at=C3=A9=20##=20Etiquet?= =?UTF-8?q?agem=20avan=C3=A7ada=20de=20formul=C3=A1rios?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- webaim/tecnicas/formularios/index.md | 200 ++++++++++++++------------- 1 file changed, 106 insertions(+), 94 deletions(-) diff --git a/webaim/tecnicas/formularios/index.md b/webaim/tecnicas/formularios/index.md index 260c73f..bee4ae0 100644 --- a/webaim/tecnicas/formularios/index.md +++ b/webaim/tecnicas/formularios/index.md @@ -105,6 +105,18 @@ h4 code { Pagina 1 http://webaim.org/techniques/forms/ --> + + ## Visão geral de acessibilidade em formulários ### Introdução @@ -114,9 +126,9 @@ Quando falamos sobre a acessibilidade de formulários, estamos normalmente nos referindo a sua acessibilidade às pessoas que utilizam leitores de tela ou navegação por teclados. Pessoas com outros tipos de deficiência são geralmente menos afetadas por formulários com defeito. Deve-se notar, no entanto, que todos se beneficiam de um formulário bem organizado, -com grande usabilidade, especialmente aquelas com deficiências cognitivas. +com grande usabilidade, especialmente para aquelas pessoas com deficiências cognitivas. -### Certifique-se de que formulários sejam lógicos e fácil de usar +### Certifique-se de que formulários sejam lógicos e fáceis de usar Os formulários devem ser claros e intuitivos. Eles devem ser organizados de uma maneira lógica. Instruções, sugestões, campos de formulário obrigatórios, requisitos de formatação de campo, @@ -124,49 +136,49 @@ etc, devem ser claramente identificados para os usuários. Dê instruções claras sobre as informações desejadas. Se quaisquer elementos de formulário são obrigatórios, não se esqueça de indica-los. Certifique-se de que a ordem em que os elementos de formulário são acessados seja lógica e fácil. -Isto às vezes pode ser problemático se as tabelas são usadas para controlar o layout de itens do formulário. +Isto às vezes pode ser problemático se tabelas são usadas para controlar o layout de itens do formulário. Para verificar a ordem linear de itens na página, use [a ferramenta de acessibilidade WAVE](http://wave.webaim.org/). ### Certifique-se de que formulários são acessíveis por teclado -Muitos usuários só podem usar um teclado para navegar e usar a web. -Você deve garantir que os formulários em seu web site podem ser concluídos usando apenas o teclado. -Existem algumas coisas que podem fazer os formulários totalmente inutilizáveis com o teclado, +Muitos usuários só podem navegar e usar a web através do teclado. +Você deve garantir que os formulários em seu web site possam ser concluídos usando apenas o teclado. +Existem algumas coisas que podem tornar os formulários totalmente inutilizáveis com o teclado, das quais a mais comum é o JavaScript. -Tenha cuidado no uso do JavaScript para manipular os dados do formulário, +Tenha cuidado no uso do JavaScript para manipular os dados de formulário, definir o foco, alterar elementos de formulário ou submeter formulários. -Cada um destes itens pode tornar o formulário difícil ou impossível, para completar ou entender, usando apenas teclado. +Cada um destes itens pode tornar o formulário difícil ou impossível, para completar ou entender, usando apenas o teclado. Sempre teste a acessibilidade através do teclado para os formulários do seu site. -### Associe rótulos de formulários com campos de entrada +### Associe etiquetas de formulários com campos de entrada -Rótulos de texto geralmente devem descrever a função de cada campo do formulário. -Posicione o rótulo junto ao seu respectivo controle de formulário (ou seja, caixa de texto, caixa de seleção, botão de opção, menu, etc.). +Etiquetas de texto geralmente devem descrever a função de cada campo de formulário. +Posicione a etiqueta junto ao seu respectivo campo de formulário (ou seja, caixa de texto, caixa de seleção, "radio button", menu, etc.). -Os rótulos são normalmente posicionados acima ou à esquerda do campo do formulário, no entanto, -os rótulos de caixas de seleção e _radio buttons_ são geralmente à direita do controle. -Usuários com visão devem ser capazes de visualmente associar um rótulo de texto com seu controle de formulário correspondente. -Os usuários com deficiência visual, no entanto, não pode fazer essa associação visual. -Os rótulos podem, no entanto, ser associado programaticamente com controles de formulário utilizando marcação HTML. -O elemento `