From 9771f94a8fc0fc08436b90f139113af82123606c Mon Sep 17 00:00:00 2001 From: SphinxKnight Date: Fri, 17 Sep 2021 07:42:23 +0200 Subject: Remove occurrences of oaa-accessibility.org which has now nothing to do with Accessibility (#2379) * Remove occurrences of oaa-accessibility.org which is now squatted * Remove parts related to this PR Additional removing is necessary to keep the articles natural. This commit removes parts that correspond to the parts in Japanese version already removed in the English version. Co-authored-by: Masahiro FUJIMOTO --- .../index.html | 16 ++++++++-------- .../aria/aria_techniques/using_the_alert_role/index.html | 7 ------- .../using_the_aria-describedby_attribute/index.html | 7 ------- .../using_the_aria-labelledby_attribute/index.html | 7 ------- .../using_the_aria-required_attribute/index.html | 4 ---- .../aria_techniques/using_the_slider_role/index.html | 6 ------ .../web/accessibility/aria/aria_test_cases/index.html | 2 +- .../accessibility/aria/forms/basic_form_hints/index.html | 2 +- 8 files changed, 10 insertions(+), 41 deletions(-) (limited to 'files/pt-br/web') diff --git a/files/pt-br/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html b/files/pt-br/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html index 1bd9eb9d44..c532e8f7f1 100644 --- a/files/pt-br/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html +++ b/files/pt-br/web/accessibility/an_overview_of_accessible_web_applications_and_widgets/index.html @@ -98,11 +98,11 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and

Os desenvolvedores devem dar preferência ao uso dos estados ARIA para indicar a situação atual dos elementos widgets na interface de utilização (UI) e os seletores de atributos CSS para alterar a sua aparência, com base nas mudanças desses estados (em vez de usar um roteiro (script) para mudar um nome de classe de um elemento).

-

A Open Ajax Alliance (OAA - Aliança OpenAJAX ) disponibiliza um exemplo de um seletor de atributos CSS baseado nos estados ARIA (em inglês) - an example of CSS attribute selectors based on ARIA states. O exemplo mostra a interface de um editor WYS/WYG com um sistema de menu dinâmico. Os itens selecionados no menu, como o tipo de fonte estão, visualmente, distintos dos outros. As partes importantes do exemplo são explicadas a seguir.

+

A Open Ajax Alliance (OAA - Aliança OpenAJAX ) disponibiliza um exemplo de um seletor de atributos CSS baseado nos estados ARIA (em inglês) - an example of CSS attribute selectors based on ARIA states. O exemplo mostra a interface de um editor WYS/WYG com um sistema de menu dinâmico. Os itens selecionados no menu, como o tipo de fonte estão, visualmente, distintos dos outros. As partes importantes do exemplo são explicadas a seguir.

Neste exemplo, a HTML para um menu tem a forma exibida abaixo. Note como, nas linhas 7 e 13, a propriedade (property) aria-checked é usada para declarar o estado da seleção dos itens do menu.

-

Exemplo 1a: HTML para um menu selecionável (adaptado da  http://www.oaa-accessibility.org/example/25/).

+

Exemplo 1a: HTML para um menu selecionável.

<ul id="fontMenu" class="menu" role="menu" aria-hidden="true">
   <li id="sans-serif"
@@ -122,7 +122,7 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
 
 
A CSS usada para alterar a aparência do item selecionado é mostrada no Exemplo 1b. Perceba que não existe um nome de classe (classname) de personalização, apenas o estado do atributo aria-checked, na linha 1.

 
-
Exemplo 1b: Seletor baseado em atributo para indicar um estado (da  http://www.oaa-accessibility.org/example/25/).

+
Exemplo 1b: Seletor baseado em atributo para indicar um estado.

 
 
li[aria-checked="true"] {
   font-weight: bold;
@@ -134,7 +134,7 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
 
 
O  JavaScript para atualizar a propriedade aria-checked tem a forma exibida no Exemplo 1c. Repare que o roteiro (script) apenas atualiza o atributo aria-checked (linhas 3 e 8); também não é necessário adicionar, ou remover, um nome de classe personalizada.

 
-
Exemplo 1c: A  JavaScript atualiza o atributo aria-checked  (baseado em  http://www.oaa-accessibility.org/example/25/).

+
Exemplo 1c: A  JavaScript atualiza o atributo aria-checked.

 
 
var processMenuChoice = function(item) {
   // 'check' the selected item
@@ -153,11 +153,11 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
 
 
Quando o conteúdo visual é alterado (isto é, um elemento é escondido, ou mostrado), os desenvolvedores devem mudar o valor da propriedade aria-hidden. As técnicas descritas acima devem ser usadas, a fim de declarar a CSS para ocultar um elemento utilizando display:none (exibir:nenhum).

 
-
O sítio da Open Ajax Alliance fornece um exemplo de uma dica de tela (tooltip) que utiliza o estado aria-hidden para controlar a sua visibilidade (em inglês) an example of a tooltip that uses aria-hidden to control the visibility of the tooltip. O exemplo mostra um formulário web simples, com caixas de dicas de tela contendo instruções associadas aos campos de entrada. As partes relevantes deste exemplo estão explicadas abaixo.

+
O sítio da Open Ajax Alliance fornece um exemplo de uma dica de tela (tooltip) que utiliza o estado aria-hidden para controlar a sua visibilidade (em inglês) an example of a tooltip that uses aria-hidden to control the visibility of the tooltip. O exemplo mostra um formulário web simples, com caixas de dicas de tela contendo instruções associadas aos campos de entrada. As partes relevantes deste exemplo estão explicadas abaixo.

 
 
Aqui, a HTML para a dica de tela tem a forma exibida no Exemplo 2a. A linha 9 configura o estado da aria-hidden para true.

 
-
Exemplo 2a: HTML para dicas de tela (adaptado de  http://www.oaa-accessibility.org/example/39/).

+
Exemplo 2a: HTML para dicas de tela.

 
 
<div class="text">
     <label id="tp1-label" for="first">First Name:</label>
@@ -173,7 +173,7 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
 
 
A CSS para esta marcação está explicada no Exemplo 2b. Veja que não há uso de classname personalizada, apenas o estado do atributo aria-hidden, na linha 1.

 
-
Exemplo 2b:  Seletor basedo em atributo para indicar um estado  (de http://www.oaa-accessibility.org/example/39/).

+
Exemplo 2b:  Seletor basedo em atributo para indicar um estado.

 
 
div.tooltip[aria-hidden="true"] {
   display: none;
@@ -182,7 +182,7 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
 
 
O JavaScript que atualiza a propriedade aria-hidden tem a forma exposta no Exemplo 2c. Observe que o roteiro apenas atualiza o atributo aria-hidden (linha 2); não é necessário adicionar, nem remover, uma classname customizada.

 
-
Exemplo 2c: JavaScript para atualização do atributo aria-checked (com base em http://www.oaa-accessibility.org/example/39/).

+
Exemplo 2c: JavaScript para atualização do atributo aria-checked.

 
 
var showTip = function(el) {
   el.setAttribute('aria-hidden', 'false');
diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html
index 1530013453..8a8d8398a8 100644
--- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_alert_role/index.html
@@ -105,13 +105,6 @@ document.getElementById("formInstruction").setAttribute("role", "alert");

 
// removing the 'hidden' class makes the element visible, which will make the screen reader announce the alert:(Remover a classe "hidden" faz o leitor de tela anunciar o alerta)
 document.getElementById("expirationWarning").className = ""; 

 
-
Exemplos de Trabalhos:

-
-
-
 
Notas:

 
 
    
diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html
index b97f335b27..1fdbd2300b 100644
--- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-describedby_attribute/index.html
@@ -53,13 +53,6 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedb
 retornará você para a página principal</div>
 

 
-
Exemplos funcionando:

-
-
-
 
Notas

 
 
    
diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
index 83c43f6522..eed5ab0d20 100644
--- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-labelledby_attribute/index.html
@@ -124,13 +124,6 @@ ou a uma preparação mais inerte prescrito para o alívio mental do paciente do
 </div>
 

 
-
Exemplos Funcionais:

-
-
-
 
Notas 

 
 
O mapeamento mais comum de uma
diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
index 1d7eb8df91..85f4ba1e11 100644
--- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_aria-required_attribute/index.html
@@ -45,10 +45,6 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_atributo_aria-req
  </form>
 

 
-
Exemplos de trabalho:

-
-
Exemplo de Tooltip  (inclui o uso do atributo aria-required)

-
 
Notas 

 
 
Usado em ARIA roles

diff --git a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html
index 7ed48ef085..de0b43d68f 100644
--- a/files/pt-br/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_techniques/using_the_slider_role/index.html
@@ -95,12 +95,6 @@ var updateSlider = function (newValue) {
 };
 

 
-
Working Examples:

-
-
-
 
Notas 

 
 
Atributos ARIA usados

diff --git a/files/pt-br/web/accessibility/aria/aria_test_cases/index.html b/files/pt-br/web/accessibility/aria/aria_test_cases/index.html
index 22940acf65..dfad97191f 100644
--- a/files/pt-br/web/accessibility/aria/aria_test_cases/index.html
+++ b/files/pt-br/web/accessibility/aria/aria_test_cases/index.html
@@ -7,7 +7,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Test_Cases
 
 
A informação dessa página encontra-se desatualizada: sua última atualização foi em Novmebro de 2010. No entanto, as informações ainad podem ser úteis para alguns leitores.

 

-Para ver exemplos atualizados, entre em OpenAjaxAlliance ARIA examples page.

+Para ver exemplos atualizados, entre em OpenAjaxAlliance ARIA examples page.
 
 
For each example we test the "Expected" results with assistive technologies, for each browser that AT supports WAI-ARIA in. Where a failure occurs we will test the browser for API incorrectness, using tools such as MSAA Inspect. This must be done in order to determine where to file a bug (browser or AT).

 
diff --git a/files/pt-br/web/accessibility/aria/forms/basic_form_hints/index.html b/files/pt-br/web/accessibility/aria/forms/basic_form_hints/index.html
index 534443ab1b..46045112fb 100644
--- a/files/pt-br/web/accessibility/aria/forms/basic_form_hints/index.html
+++ b/files/pt-br/web/accessibility/aria/forms/basic_form_hints/index.html
@@ -42,7 +42,7 @@ original_slug: Web/Accessibility/ARIA/forms/Dicas_básicas_de_form
 
 
O exemplo abaixo mostra um grupo de botões rádio usando um lista não ordenada. Note que na linha 3, o elemento {{HTMLElement("li")}} seta o atributo aria-labelledby para "rg1_label," o id do elemento {{HTMLElement("h3")}} na linha 1, que é o label para o grupo rádio.

 
-
Exemplo 2. Um grupo rádio implementado usando uma lista não ordenada (adaptado de http://www.oaa-accessibility.org/examplep/radio1/)

+
Exemplo 2. Um grupo rádio implementado usando uma lista não ordenada

 
 
<h3 id="rg1_label">Lunch Options</h3>
 
-- 
cgit v1.2.3-54-g00ecf