From d192fb918b0e2aa8869de6dcc59de8464b6e879a Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Fri, 11 Dec 2020 18:59:39 -0500 Subject: dump 2020-12-11 --- .../using_the_aria-label_attribute/index.html | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) (limited to 'files/pt-br/web/accessibility/aria') diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html index 57699fa5e3..d68e7b49ae 100644 --- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html +++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-label_attribute/index.html @@ -8,7 +8,7 @@ tags: - Referencia translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attribute --- -

O atributo aria-label é usado para definir um string na tag do elemento atual. Use nos casos que a tag do texto não seja visível na tela. Se há texto visível na tag do elemento, usa aria-labelledby em vez.

+

O atributo aria-label é usado para definir uma string na tag do elemento atual. Use nos casos que a tag do texto não seja visível na tela. Se há texto visível na tag do elemento, usa aria-labelledby em vez.

Esse atributo pode ser usado em qualquer elemento de HTML; não se limita aos elementos que tem um papel ARIA atribuído.

@@ -18,7 +18,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

Possíveis efeitos sobre os user agents e Tecnologia assistiva 

-
+

Edit section

@@ -29,25 +29,26 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

Exemplo 1: Várias Etiquetas

-

No exemplo abaixo, um botão é denominado para olhar como um botão típico "fechar", com um X no meio. Uma vez que não há nada que indique que a finalidade do botão é para fechar a janela, o atributo aria-label é utilizado para fornecer o rótulo para quaisquer tecnologias assistiva.

+

No exemplo abaixo, um botão é denominado para olhar como um botão típico "fechar", com um X no meio. Uma vez que não há nada que indique que a finalidade do botão é para fechar a janela, o atributo aria-label é utilizado para fornecer o rótulo para quaisquer tecnologias assistivas.

-
<button aria-label="Fechar" onclick="myDialog.close()">X</button>
+
<button aria-label="Fechar" onclick="myDialog.close()">X</button>
 

Working Examples:

-

 

-

Notas

-

The most common accessibility API mapping for a label is the accessible name property.

+
    +
  • O mapeamento mais comum da API accessibility para uma label é a propriedade accessible name.
  • +
  • Atributos, incluindo declarações aria-label, são ignoradas pela maioria dos serviços de tradução automática.
  • +
-

Used by ARIA roles

+

Usado por regras ARIA

todos os elementos da marcação de base

- +

Técnicas ARIA relacionadas

  • Using the aria-labelledby attribute
  • @@ -55,7 +56,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

    Compatibilidade

    -

    TBD: Add support information for common UA and AT product combinations

    +

    Ainda por fazer: Adicionar informação de apoio para os combinações de produtos UA e AT mais comuns

    Recursos Adicionais

    -- cgit v1.2.3-54-g00ecf