From 0389e7b710bd8087c56d180411de41f22b201771 Mon Sep 17 00:00:00 2001 From: Emerson Rocha Luiz Date: Thu, 6 Oct 2016 01:18:13 -0300 Subject: [PATCH] 12: revisao; adicionado lang=en em termos em ingles; removido status de RC --- index.html | 2 +- webaim/tecnicas/formularios/index.md | 27 ++++++++++++++------------- 2 files changed, 15 insertions(+), 14 deletions(-) diff --git a/index.html b/index.html index 6ec61c3..8733a5d 100644 --- a/index.html +++ b/index.html @@ -9,7 +9,7 @@

Lista de artigos traduzidos

mais conteúdo.

Lista de artigos em processo de tradução

diff --git a/webaim/tecnicas/formularios/index.md b/webaim/tecnicas/formularios/index.md index fe8653a..25de381 100644 --- a/webaim/tecnicas/formularios/index.md +++ b/webaim/tecnicas/formularios/index.md @@ -26,7 +26,7 @@ original: { dateOfTranslation: "2016-09-25" # Data em que a tradução foi finalizada } isDraft: false -isReleaseCandidate: true +isReleaseCandidate: false --- @@ -86,8 +86,9 @@ isReleaseCandidate: true width: 85%; border-radius: 4px; } -.programlisting code { +.programlisting code { background-color: transparent; + border: none; } h3 code { font-size: 26px; @@ -155,10 +156,10 @@ Sempre teste a acessibilidade através do teclado para os formulários do seu si ### Associe etiquetas de formulários com campos de entrada 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.). +Posicione a etiqueta junto ao seu respectivo campo de formulário (ou seja, caixa de texto, caixa de seleção, radio button, menu, etc.). As etiquetas são normalmente posicionadas acima ou à esquerda do campo de formulário, no entanto, -as etiquetas de caixas de seleção e "radio buttons" estão geralmente à direita do campo de formulário. +as etiquetas de caixas de seleção e radio buttons estão geralmente à direita do campo de formulário. Usuários com visão devem ser capazes de visualmente associar uma etiqueta de texto ao seu campo correspondente. No entanto, os usuários com deficiência visual não podem fazer essa associação visual. As etiquetas podem, contudo, ser associadas programaticamente com campos de formulário utilizando marcação HTML. @@ -174,8 +175,8 @@ Qualquer conteúdo de texto que não seja uma etiqueta e estiver entre os campos Tenha certeza de incluir sugestões ou instruções importantes em etiquetas associadas ou no início do formulário. -Algumas vezes agrupamentos de campos de formulário, normalmente grupos de caixas de seleção e "radio buttons", -necessitam de uma descrição de nível superior (como "Método de envio" para um grupo com oções de envio de "radio buttons"). +Algumas vezes agrupamentos de campos de formulário, normalmente grupos de caixas de seleção e radio buttons, +necessitam de uma descrição de nível superior (como "Método de envio" para um grupo com oções de envio de radio buttons). Este texto descritivo pode ser associado com o grupo de campos de formulário usando `
` e ``. O `
` identifica todo o agrupamento e `` identifica o texto descritivo do agrupamento. Usando `
` e `` garante-se que a descrição do texto seja lida para os usuários de leitores de tela quando o agrupamento é navegado. @@ -211,7 +212,7 @@ Além disso, leitores de tela não suportam associação de múltiplas etiquetas
Nota

Outra vantagem de usar etiquetas é que o usuário pode clicar na própria etiqueta para definir o foco para o elemento de formulário. - Isso é útil para algumas pessoas com deficiências motoras, particularmente quando selecionando pequenas caixas de seleção e "radio buttons". + Isso é útil para algumas pessoas com deficiências motoras, particularmente quando selecionando pequenas caixas de seleção e radio buttons. Você pode tentar isso clicando sobre a palavra "Nome:" acima para ver o foco definido para a caixa de texto. Clicar em etiquetas adjacentes proporciona uma maneira fácil de verificar se a etiquetagem de formulário é adequada.

@@ -263,13 +264,13 @@ Além disso, leitores de tela não suportam associação de múltiplas etiquetas </fieldset>
-O <fieldset> rodeia todo o agrupamento de "radio buttons". +O <fieldset> rodeia todo o agrupamento de radio buttons. O <legend> provê uma descrição para o agrupamento Em leitores de tela, o texto da legenda é geralmente lido para cada campo no conjunto de campos, então a legenda deve ser curta e descritiva. -### Radio Buttons +### Radio buttons
Escolha um método de envio: @@ -297,7 +298,7 @@ então a legenda deve ser curta e descritiva.
Note

Conjunto de campos `fieldset` e legenda só devem ser utilizados para associar grupos de campos quando uma descrição de nível superior (ou seja a legenda) é necessária. - Quadro de seleção (do inglês checkbox individuais ou "radio buttons" básicos (como masculino / feminino para sexo) que fazem sentido a partir de suas etiquetas sozinhas não exigem conjunto de campos `fieldset` e legenda. Conjunto de campos `fieldset` aninhados devem ser evitados.

+ Quadro de seleção (do inglês checkbox individuais ou radio buttons básicos (como masculino / feminino para sexo) que fazem sentido a partir de suas etiquetas sozinhas não exigem conjunto de campos `fieldset` e legenda. Conjunto de campos `fieldset` aninhados devem ser evitados.

### Menus de seleção @@ -596,7 +597,7 @@ Isso etiquetará a caixa de texto com o texto "Nome" no cabeçalho da tabela. Este atributo `aria-labelledby` pode ser adicionado a todos os três campos "Nome", assim adequadamente etiquetando todos eles com apenas um item de texto. -Com base neste exemplo, o quadro que se segue tem etiquetas visuais ao longo do topo e do lado - várias +Com base neste exemplo, o quadro que se segue tem etiquetas visuais ao longo do topo e do lado - várias etiquetas visuais para cada campo de formulário. @@ -638,8 +639,8 @@ A ordem de leitura das várias etiqeutas baseia-se na ordem em que estes valores
Nota
-

Como regra geral, se uma única etiqueta está presente para um único campo de formulário, - o elemento <label> deve ser usado para fazer a referência. +

Como regra geral, se uma única etiqueta está presente para um único campo de formulário, + o elemento <label> deve ser usado para fazer a referência. Essas etiquetas fornecem funcionalidade adicional - clicando sobre elas define-se o foco ou ativa o controle. Isto não ocorre com o uso de aria-labelledby.