From 1dc3d721e3b43d4ddaa52e0c3f6ffb81ec2088ed Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Mon, 2 Aug 2021 18:03:13 -0400 Subject: remove link 'title' attributes that's just the 'href' (pt-br, part 5) (#1849) --- .../index.html | 16 ++++----- .../using_the_alert_role/index.html | 8 ++--- .../index.html | 8 ++--- .../using_the_aria-label_attribute/index.html | 4 +-- .../using_the_aria-labelledby_attribute/index.html | 8 ++--- .../using_the_aria-required_attribute/index.html | 8 ++--- .../using_the_slider_role/index.html | 6 ++-- .../accessibility/aria/aria_test_cases/index.html | 2 +- .../aria/forms/basic_form_hints/index.html | 10 +++--- .../pt-br/web/accessibility/aria/forms/index.html | 2 +- files/pt-br/web/accessibility/aria/index.html | 42 +++++++++++----------- .../aria/web_applications_and_aria_faq/index.html | 40 ++++++++++----------- 12 files changed, 77 insertions(+), 77 deletions(-) (limited to 'files/pt-br/web/accessibility') 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 da197714e9..659d94b101 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 @@ -48,7 +48,7 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and

ARIA

-

As definições para WAI-ARIA Accessible Rich Internet Applications (Aplicações Ricas para uma Internete Acessível), da W3C -  Web Accessibility Initiative (Iniciativa pela Acessibilidade na Rede Mundial/World Wide Web Consortium-W3C) - oferecem uma via para a adição das necessidades semânticas perdidas pelas tecnologias assistivas, como os leitores de tela. O conjunto ARIA possibilita que desenvolvedores possam descrever seus widgets de forma mais detalhada com a inclusão de atributos especiais à marcação. Projetado para preencher a lacuna entre o padrão de rotulagem HTML e os controles com estilo ambiente encontrados em aplicações dinâmicas pela web, o conjunto ARIA fornece funções (roles) e estados (states) que descrevem o comportamento da maioria das interfaces de utilização dos widgets conhecidas.

+

As definições para WAI-ARIA Accessible Rich Internet Applications (Aplicações Ricas para uma Internete Acessível), da W3C -  Web Accessibility Initiative (Iniciativa pela Acessibilidade na Rede Mundial/World Wide Web Consortium-W3C) - oferecem uma via para a adição das necessidades semânticas perdidas pelas tecnologias assistivas, como os leitores de tela. O conjunto ARIA possibilita que desenvolvedores possam descrever seus widgets de forma mais detalhada com a inclusão de atributos especiais à marcação. Projetado para preencher a lacuna entre o padrão de rotulagem HTML e os controles com estilo ambiente encontrados em aplicações dinâmicas pela web, o conjunto ARIA fornece funções (roles) e estados (states) que descrevem o comportamento da maioria das interfaces de utilização dos widgets conhecidas.

A especificação ARIA está dividida em três tipos diferentes de atributos: funções (roles), estados (states) e propriedades (properties). As funções (roles) descrevem os widgets que não estão disponíveis de outra forma em HTML 4, como deslizantes, barras de menu, abas e diálogos. As propriedades (properties) descrevem as características desses widgets - se podem ser arrastados (draggable), se existe algum elemento obrigatório, ou se trazem uma janela de explosão (popup) associada. Os estados (states) descrevem a interação atual de um elemento, informando à tecnlogia assistiva se este se encontra ativo, desativado, selecionado, ou oculto.

@@ -94,11 +94,11 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and
  • aria-grabbed (arrastado): indica o estado "arrastado" para um objeto, em uma operação de "arrastar e soltar".
    • -

    (Para uma lista completa de estados ARIA, consulte a ARIA list of states and properties (lista de estados e propriedades ARIA).

    +

    (Para uma lista completa de estados ARIA, consulte a ARIA list of states and properties (lista de estados e propriedades ARIA).

    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.

    @@ -153,7 +153,7 @@ 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.

    @@ -222,14 +222,14 @@ original_slug: Web/Acessibilidade/An_overview_of_accessible_web_applications_and

    Assim, para o exemplo de widget de abas acima, a pessoa que estiver navegando deve ser capaz de entrar e sair da caixa que o contém usando as teclas "Tab" e "Shift+Tab" ( a <ol> na nossa marcação). Uma vez que o foco, pelo teclado, estiver dentro do contêiner, as teclas de setas devem permitir a navegação entre as suas diferentes guias (os elementos <li> ). A partir daqui as convenções variam de plataforma para plataforma. No Windows, a próxima aba deve ser ativada, automaticamente, quando as teclas de setas forem pressionadas. Em Mac OS X, seus utilizadores ativam a próxima aba pressionando a tecla "Entra", ou a "barra de espaço". Um  tutorial abrangente, para a criação de widgets, com navegação pelo teclado, descreve como implementar esse comportamento utilizando JavaScript Keyboard-navigable JavaScript widgets (JavaScript para widgets navegáveis pelo teclado).

    -

    Para mais detalhes sobre as convenções da navegação pelo teclado em modelo ambiente, um guia completo (em inglês) DHTML style guide (guia de estilos da HTML Dinâmica) está disponível. Este guia oferece uma visão global de como a navegação pelo teclado deve funcionar em cada tipo de widget suportado pelo conjunto ARIA. A  W3C também oferece um documento que ajuda muito, ARIA Best Practices, incluindo a navegação pelo teclado e as convenções de atalhos para uma variedade de widgets.

    +

    Para mais detalhes sobre as convenções da navegação pelo teclado em modelo ambiente, um guia completo (em inglês) DHTML style guide (guia de estilos da HTML Dinâmica) está disponível. Este guia oferece uma visão global de como a navegação pelo teclado deve funcionar em cada tipo de widget suportado pelo conjunto ARIA. A  W3C também oferece um documento que ajuda muito, ARIA Best Practices, incluindo a navegação pelo teclado e as convenções de atalhos para uma variedade de widgets.

    Veja, também

    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 3a87a7fc72..1530013453 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 @@ -23,7 +23,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Utilizando_o_alert_role

    Descrição

    -

    Esta técnica mostra como utilizar o atributo role alert e demonstra seu efeito em navegadores e tecnologias assistivas.

    +

    Esta técnica mostra como utilizar o atributo role alert e demonstra seu efeito em navegadores e tecnologias assistivas.

    O atributo de alerta é utilizado para comunicar alguma mensagem importante e, frequentemente, urgente. Quando este atributo (role) estiver ligado a um elemento, o navegador vai enviar um evento acessível de alerta aos produtos de tecnologia assistiva que, então, poderão notificar seus utilizadores sobre o que estiver acontecendo. O atributo alert é mais útil para as informações que requerem a atenção imediata na tela. Por exemplo:

    @@ -109,7 +109,7 @@ document.getElementById("expirationWarning").className = "";

    Notas:

    @@ -123,7 +123,7 @@ document.getElementById("expirationWarning").className = "";

    Atributos ARIA utilizados

    Técnicas ARIA relacionadas

    @@ -140,7 +140,7 @@ document.getElementById("expirationWarning").className = "";

    Recursos Adicionais

     

    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 c2c258dae7..b97f335b27 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 @@ -9,7 +9,7 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-describedb ---

    Descrição

    -

    O atributo aria-describedby é usado para indicar os IDs dos elementos que descrevem o objeto. Isso é usado para estabelecer um relacionamento entre widgets ou grupos e texto que descrevem eles. Isso é muito similar ao aria-labelledby: um rótulo (label) que descreve a essência de um objeto, enquanto a descrição fornece mais informação do que o usuário pode precisar.

    +

    O atributo aria-describedby é usado para indicar os IDs dos elementos que descrevem o objeto. Isso é usado para estabelecer um relacionamento entre widgets ou grupos e texto que descrevem eles. Isso é muito similar ao aria-labelledby: um rótulo (label) que descreve a essência de um objeto, enquanto a descrição fornece mais informação do que o usuário pode precisar.

    O atributo aria-describedby não é usado apenas para elementos de formulário; ele também é usado para associar texto estático com widgets, grupos de elementos, paineis, regiões que tem um cabeçalho, definiões e mais. A seção abaixo fornece mais informação sobre como usar o atributo nesses casos.

    @@ -56,8 +56,8 @@ retornará você para a página principal</div>

    Exemplos funcionando:

    Notas

    @@ -83,5 +83,5 @@ retornará você para a página principal</div>

    Recursos adicionais

    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 d68e7b49ae..3b1cf30dc4 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 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.

    +

    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.

    @@ -61,5 +61,5 @@ translation_of: Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-label_attr

    Recursos Adicionais

    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 bfed81d160..83c43f6522 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 @@ -10,7 +10,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_atributo_aria-lab ---

    Descrição

    -

    Essa técnica demonstra como usar o atributo aria-labelledby.

    +

    Essa técnica demonstra como usar o atributo aria-labelledby.

    O atributo aria-labelledby é usado para indicar os IDs de elementos que são os rótulos para o objeto. É usado para estabelecer uma relação entre widgets ou grupos e suas labels. Usuários de tecnologias assistivas como leitores de telas navegam tipicamente uma página através de TABs entre as áreas da tela. Se uma label não está associada com um elemento input, widget ou grupo, não será legível por leitor de tela.

    @@ -127,8 +127,8 @@ ou a uma preparação mais inerte prescrito para o alívio mental do paciente do

    Exemplos Funcionais:

    Notas 

    @@ -155,5 +155,5 @@ ou a uma preparação mais inerte prescrito para o alívio mental do paciente do

    Recursos Adicionais

    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 666dcbb418..1d7eb8df91 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 @@ -11,7 +11,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_atributo_aria-req

    Descrição

    -

    O atributo aria-required é usado para indicar que a entrada do usuário é obrigatória em um elemento antes que um formulário possa ser enviado. Este atributo pode ser usado com qualquer elemento de formulário HTML típico; não se limita a elementos que têm uma  role atribuída.

    +

    O atributo aria-required é usado para indicar que a entrada do usuário é obrigatória em um elemento antes que um formulário possa ser enviado. Este atributo pode ser usado com qualquer elemento de formulário HTML típico; não se limita a elementos que têm uma  role atribuída.

    {{ HTMLVersionInline("5") }} agora tem o atributo required, mas aria-required ainda é útil para agentes de usuário que não suportam ainda HTML5.

    @@ -47,7 +47,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_atributo_aria-req

    Exemplos de trabalho:

    -

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

    +

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

    Notas 

    @@ -76,8 +76,8 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_atributo_aria-req

    Recursos adicionais

    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 43ded9c152..7ed48ef085 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 @@ -6,7 +6,7 @@ original_slug: Web/Accessibility/ARIA/ARIA_Techniques/Usando_o_slider_role ---

    Descrição

    -

    Essa técnica demosntrará como usar o slider role. 

    +

    Essa técnica demosntrará como usar o slider role. 

    The slider role is used for markup that allows a user to select a value from within a given range. The slider role is assigned to the "thumb," the control that is adjusted to change the value. Typically, another element is styled to visually represent the range of possible valued, and the thumb positioned visually to represent the value within that range. As the user interacts with the thumb, the application must programmatically adjust the slider's aria-valuenow (and possible aria-valuetext) attribute to reflect the current value. See the {{ anch("Examples") }} section below for more information.

    @@ -98,7 +98,7 @@ var updateSlider = function (newValue) {

    Working Examples:

    Notas 

    @@ -122,5 +122,5 @@ var updateSlider = function (newValue) {

    Recursos Adicionais

    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 c079dc751e..22940acf65 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 ac3f88e18b..51b537eb24 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 @@ -38,7 +38,7 @@ original_slug: Web/Accessibility/ARIA/forms/Dicas_básicas_de_form

    Rotulando com ARIA

    -

    O elemento HTML {{HTMLElement("label")}} é apropriado para elementos relacionados com form, mas muitos controles de form são implementados como widget JavaScript dinâmico, usando {{HTMLElement("div")}}s ou {{HTMLElement("span")}}s. WAI-ARIA, a especificação de Aplicações Internet Ricas em Acessibilidade da W3C Iniciativa de Acessibilidade Web, fornece o atributo aria-labelledby para esses casos.

    +

    O elemento HTML {{HTMLElement("label")}} é apropriado para elementos relacionados com form, mas muitos controles de form são implementados como widget JavaScript dinâmico, usando {{HTMLElement("div")}}s ou {{HTMLElement("span")}}s. WAI-ARIA, a especificação de Aplicações Internet Ricas em Acessibilidade da W3C Iniciativa de Acessibilidade Web, fornece o atributo aria-labelledby para esses casos.

    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.

    @@ -61,7 +61,7 @@ original_slug: Web/Accessibility/ARIA/forms/Dicas_básicas_de_form

    Descrevendo com ARIA

    -

    Controles form às vezes tem uma descrição associada com eles, em adição ao label. ARIA fornece o atributo aria-describedby para diretamente associar a descrição com o controle.

    +

    Controles form às vezes tem uma descrição associada com eles, em adição ao label. ARIA fornece o atributo aria-describedby para diretamente associar a descrição com o controle.

    O exemplo abaixo mostra um elemento {{HTMLElement("button")}} que é descrito por uma sentença num elemento {{HTMLElement("div")}} separado. O atributo aria-describedby no {{HTMLElement("button")}} referencia o id de {{HTMLElement("div")}}.

    @@ -77,8 +77,8 @@ original_slug: Web/Accessibility/ARIA/forms/Dicas_básicas_de_form

    Web developers tipicamente usam estratégias de apresentação para indicar campos obrigatórios ou campos inválidos, mas tecnologias assistivas (TAs) não podem necessariamente inferir essa informação a partir da apresentação. ARIA fornece atributos para indicar que os controles do form são obrigatórios ou inválidos:

    O exemplo abaixo mostra um form simples com três campos. Nas linhas 4 e 12, o atributo aria-required é setado para true (em adição aos asteriscos próximos aos labels) indicando que os campos de nome e e-mail são obrigatórios. A segunda parte do exemplo é um trecho de JavaScript que valida o e-mail e seta o atributo aria-invalid do campo e-mail (linha 12 do HTML) de acordo com o resultado (em adição à mudança de apresentação do elemento).

    @@ -116,4 +116,4 @@ original_slug: Web/Accessibility/ARIA/forms/Dicas_básicas_de_form
    A ser decidido: devemos ou combinar em um artigo ou separar em técnicas, ou ambos. Além disso, é ARIA marcação apropriada para mensagens de erro em uma página carregada após a validação do lado do servidor?
    -

    Para maiores informações usando ARIA para acessibilidade de forms, veja o documento Práticas de Cricação de WAI-ARIA.

    +

    Para maiores informações usando ARIA para acessibilidade de forms, veja o documento Práticas de Cricação de WAI-ARIA.

    diff --git a/files/pt-br/web/accessibility/aria/forms/index.html b/files/pt-br/web/accessibility/aria/forms/index.html index 355c70b673..3cd3b26f52 100644 --- a/files/pt-br/web/accessibility/aria/forms/index.html +++ b/files/pt-br/web/accessibility/aria/forms/index.html @@ -18,4 +18,4 @@ translation_of: Web/Accessibility/ARIA/forms
  • Rótulos de múltiplas partes: Habilitando rótulos (labels) para formulários complexos, com um controle para cada campo
    • -

    Ver também o Artigo do Yahoo! sobre validação de formulário e ARIA, cobrindo muito do mesmo conteúdo.

    +

    Ver também o Artigo do Yahoo! sobre validação de formulário e ARIA, cobrindo muito do mesmo conteúdo.

    diff --git a/files/pt-br/web/accessibility/aria/index.html b/files/pt-br/web/accessibility/aria/index.html index 75a8173c54..e3f651a9cf 100644 --- a/files/pt-br/web/accessibility/aria/index.html +++ b/files/pt-br/web/accessibility/aria/index.html @@ -34,10 +34,10 @@ translation_of: Web/Accessibility/ARIA
    Apresentando ARIA
    -
    Uma rápida introdução sobre como tornar um conteúdo dinâmico acessível com ARIA: Veja, também, o clássico ARIA intro by Gez Lemon, de 2008.
    +
    Uma rápida introdução sobre como tornar um conteúdo dinâmico acessível com ARIA: Veja, também, o clássico ARIA intro by Gez Lemon, de 2008.
    Aplicações Web e ARIA FAQ
    Respostas às perguntas frequentes sobre WAI-ARIA e sobre por que é necessário tornar as aplicações web acessíveis.
    -
    Vídeos de Leitores de Tela Utilizando ARIA
    +
    Vídeos de Leitores de Tela Utilizando ARIA
    Veja exemplos reais e simplificados de vídeos, por toda a web, que incluem o "antes" e o "depois" da acessibilidade. 
    Usando ARIA com HTML
    Um guia prático para desenvolvedores. Traz sugestões sobre quais atributos ARIA usar com os elementos HTML. As sugestões são baseadas em realidades implementadas.
    @@ -46,13 +46,13 @@ translation_of: Web/Accessibility/ARIA

    Melhorias Simples ARIA

    -
    Melhorando a Navegação nas Páginas com os Pontos de Referência ARIA
    -
    Uma deliciosa introdução à utilização de pontos de referência para beneficiar a navegação pelas páginas da internete por quem utiliza os leitores de tela ARIA. Veja, também, as notas da implementação de pontos de referência ARIA e exemplos de situações reais (atualizadas a partir de 11 de julho).
    +
    Melhorando a Navegação nas Páginas com os Pontos de Referência ARIA
    +
    Uma deliciosa introdução à utilização de pontos de referência para beneficiar a navegação pelas páginas da internete por quem utiliza os leitores de tela ARIA. Veja, também, as notas da implementação de pontos de referência ARIA e exemplos de situações reais (atualizadas a partir de 11 de julho).
    Melhorando a Acessibilidade nos Formulários
    O conjunto ARIA não é, apenas, para conteúdo dinâmico! Aprenda como aperfeiçoar a acessibilidade nos formulários HTML utilizando alguns atributos adicionais ARIA. 
    Regiões dinâmicas (trabalho em progresso)
    As regiões dinâmicas oferecem sugestões, aos leitores de tela, sobre como controlar as alterações nos conteúdos das páginas.
    -
    Utilizando a ARIA Regiões Dinâmicas para Apresentar as Alterações no Conteúdo
    +
    Utilizando a ARIA Regiões Dinâmicas para Apresentar as Alterações no Conteúdo
    Um resumo sobre as regiões dinâmicas, pelos criadores do programa de leitura de tela  JAWS. Note que as regiões dinâmicas também são suportadas pela NVDA, no Firefox e VoiceOver, com Safari.
    @@ -60,8 +60,8 @@ translation_of: Web/Accessibility/ARIA
    Navegação pelo Teclado e Foco para Widgets em JavaScript
    -
    A primeira etapa do desenvolvimento de um widget acessível com JavaScript é tornà-lo navegável através do teclado. Este artigo descreve as fases dessa operação. O artigo Yahoo! Administrando focos também é de grande ajuda.
    -
    Guia de Estilo para Navegação através do Teclado
    +
    A primeira etapa do desenvolvimento de um widget acessível com JavaScript é tornà-lo navegável através do teclado. Este artigo descreve as fases dessa operação. O artigo Yahoo! Administrando focos também é de grande ajuda.
    +
    Guia de Estilo para Navegação através do Teclado
    Um desafio em ARIA é conseguir que os desenvolvedores executem procedimentos estáveis - claramente melhores para quem os utiliza. Este guia de estilos descreve a interface de teclado para os widgets comuns.
    @@ -70,9 +70,9 @@ translation_of: Web/Accessibility/ARIA
    A Técnica na Execução de Widgets, Tutoriais e Exemplos
    Precisa de um controle dezlizante, um menu, ou algum outro tipo de widget? Encontre, aqui, as maneiras de obtê-los.
    -
    Bibliotecas  JavaScript UI com ARIA habilitada
    +
    Bibliotecas  JavaScript UI com ARIA habilitada
    Se você está começando um projeto novo, escolha uma biblioteca UI para widget com suporte a ARIA já embutido. Atenção: isto é de 2009 -- este conteúdo deve ser movido para uma página MDN, onde pode ser atualizado.
    -
    Acessibilidade em HTML5 e Aplicações Ricas - Materiais de Oficina CSUN 2012
    +
    Acessibilidade em HTML5 e Aplicações Ricas - Materiais de Oficina CSUN 2012
    Inclua apresentações de eslaides e exemplos.
    @@ -80,7 +80,7 @@ translation_of: Web/Accessibility/ARIA

    Lista de Correspondência

    -
    ARIA Livre no Grupo Google
    +
    ARIA Livre no Grupo Google
    Área de perguntas sobre ARIA, bem como de fazer sugestões para melhorar a documentação ARIA encontrada nestas páginas.
    @@ -88,9 +88,9 @@ translation_of: Web/Accessibility/ARIA

    As informações ARIA nos blogues tendem a ficar desatualizadas rapidamente. Sem contar que há outras boas informações fora deles, de desenvolvedores que estão tornando o conjunto Aria funcional hoje.

    -

    Paciello Group

    +

    Paciello Group

    -

    Cultura Acessível

    +

    Cultura Acessível

    Encontrando Erros

    @@ -102,31 +102,31 @@ translation_of: Web/Accessibility/ARIA
    Exemplos de Bibliotecas ARIA
    Um conjunto de exemplos de arquivos das bibliotecas base, com os quais fica muito fácil aprender.
    Demonstração de Biblioteca para a Accessibilidade JS em Widget
    -
    Dojo, jQuery, Fluid, YUI
    +
    Dojo, jQuery, Fluid, YUI
    -
    Correio Eletrônico Yahoo!
    -
    A Yahoo! colocou tudo reunido com o Yahoo! e-mail, uma aplicação para a web que parece um aplicativo nativo. E funciona muito bem. Em uma análise do e-mail Yahoo! pelo leitor de tela, Marco Zehe diz: "Que o bom trabalho permaneça!".
    +
    Correio Eletrônico Yahoo!
    +
    A Yahoo! colocou tudo reunido com o Yahoo! e-mail, uma aplicação para a web que parece um aplicativo nativo. E funciona muito bem. Em uma análise do e-mail Yahoo! pelo leitor de tela, Marco Zehe diz: "Que o bom trabalho permaneça!".
    -
    Pesquisa Yahoo!
    -
    A Yahoo! tem feito um trabalho incrível no avanço do ARIA, aplicando suas posibilidades de forma plena e compartilhando suas técnicas. A Pesquisa Yahoo! usa uma combinação de pontos de referência ARIA, regiões dinâmicas e widgets.
    +
    Pesquisa Yahoo!
    +
    A Yahoo! tem feito um trabalho incrível no avanço do ARIA, aplicando suas posibilidades de forma plena e compartilhando suas técnicas. A Pesquisa Yahoo! usa uma combinação de pontos de referência ARIA, regiões dinâmicas e widgets.

    Esforços pela Padronização

    -
    Uma Visão Geral das Atividades WAI-ARIA na W3C
    +
    Uma Visão Geral das Atividades WAI-ARIA na W3C
    Uma visão geral oficial dos esforços de padronização da WAI-ARIA pela Iniciativa de tornar a Web Acessível (Web Accessibility Initiative - WAI)
    -
    Especificações WAI-ARIA
    +
    Especificações WAI-ARIA
    As especificações W3C são referências úteis. Note que, nesta fase, é importante testar a compatibilidade, uma vez que as implementações ainda estão inconsistentes.
    -
    Práticas Oficiais WAI-ARIA
    +
    Práticas Oficiais WAI-ARIA
    Conforme as especificações da W3C WAI-ARIA, a excelênca nas práticas oficiais representam o futuro ideal - o dia em que todos os autores possam trabalhar em suas realizações sobre uma base ARIA consistente em navegadores e leitores de tela. A documentação W3C proporcionará a você uma visão aprofundada de ARIA.

    Por enquanto, desenvolvedores web que implementem ARIA devem priorizar a compatibilidade. Use as melhores documentações das práticas e exemplos baseados em implementações atuais.
    -
    A Força-Tarefa da Acessibilidade Open AJAX
    +
    A Força-Tarefa da Acessibilidade Open AJAX
    Os centros de pesquisa Open AJAX envolvem ferramentas de desenvolvimento, modelos de arquivos e testes automatizados para ARIA.
    Em Construção: Técnicas ARIA  WCAG 2.0
    A comunidade necessita de um conjunto completo de técnicas  WCAG voltadas para WAI-ARIA + HTML, a fim de que as organizações possam estar confortáveis ao proclamar que o teor de suas ARIAs habilitadas é compatível com essas técnicas WCAG. É muito importante que as regulamentações, ou políticas, sejam baseadas em WCAG.
    diff --git a/files/pt-br/web/accessibility/aria/web_applications_and_aria_faq/index.html b/files/pt-br/web/accessibility/aria/web_applications_and_aria_faq/index.html index 4141f81ffc..0b81a695fc 100644 --- a/files/pt-br/web/accessibility/aria/web_applications_and_aria_faq/index.html +++ b/files/pt-br/web/accessibility/aria/web_applications_and_aria_faq/index.html @@ -15,7 +15,7 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ ---

    O que significa ARIA?

    -

    WAI-ARIA, que quer dizer Accessible Rich Internet Applications (Aplicações Ricas para uma Internete Acessível), são as especificações da Web Accessibility Initiative (Iniciativa pela Acessibilidade na Web), da W3C (World Wide Web Consortium). O conjunto ARIA oferece a maneira de tornar as aplicações e widgets da rede mundial mais acessíveis a uma diversidade maior de pessoas, incluindo quem utiliza tecnologias assistivas, como leitores de telas, ou lentes de aumento.

    +

    WAI-ARIA, que quer dizer Accessible Rich Internet Applications (Aplicações Ricas para uma Internete Acessível), são as especificações da Web Accessibility Initiative (Iniciativa pela Acessibilidade na Web), da W3C (World Wide Web Consortium). O conjunto ARIA oferece a maneira de tornar as aplicações e widgets da rede mundial mais acessíveis a uma diversidade maior de pessoas, incluindo quem utiliza tecnologias assistivas, como leitores de telas, ou lentes de aumento.

    O conjunto ARIA fornece semânticas adicionais para descrever a função (role), estado (state) e funcionalidade de muitos controles familiares da interface de utilização, tais como menus, deslizantes, árvores e diálogos. E, também, provê informação estrutural adicional, o que auxilia os autores a identificar as áreas de referência (landmarks), regiões e malhas nas suas páginas. O conjunto ARIA habilita aplicações dinâmicas e widgets gerenciados pela JavaScript a interoperar com uma gama de tecnologias assistivas baseadas em ambiente.

    @@ -42,7 +42,7 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ Funciona com NVDA,  JAWS 10+ e Orca - Chrome + Chrome Mais recentes O suporte a leitores de tela ainda é experimental a partir do Chrome 15 @@ -53,14 +53,14 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ Para regiões dinâmicas é preciso o Safari 5 com VoiceOver no iOS5, ou OS X Lion - Opera + Opera 9.5+

    Necessita o VoiceOver no OS X.                                                   TBD: como está funcionando atualmente?

    - Internet Explorer + Internet Explorer 8+ Funciona com JAWS 10+ e NVDA.                                          Não existe suporte para regiões dinâmicas no NVDA.
    O suporte em IE9  está muito aperfeiçoado. @@ -71,8 +71,8 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

    Em certos casos, as versões anteriores podem suportar, apenas, algumas características do conjunto ARIA. Tabelas mais detalhadas da compatibilidade de navegadores estão disponíveis a partir de múltiplas fontes:

    Tecnologias Assistivas

    @@ -124,7 +124,7 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

    Nota: as primeiras versões destas ferramentas tinham, muitas vezes, implementações ARIA parciais, ou com problemas.

    -

    Para notas sobre o suporte  JAWS para ARIA a partir do JAWS 10, veja este artigo do Paciello Group: JAWS Support for ARIA.

    +

    Para notas sobre o suporte  JAWS para ARIA a partir do JAWS 10, veja este artigo do Paciello Group: JAWS Support for ARIA.

    O Conjunto de Ferramentas JavaScript

    @@ -143,7 +143,7 @@ translation_of: Web/Accessibility/ARIA/Web_applications_and_ARIA_FAQ

    Para mais informações sobre acessibilidade com o conjunto de ferramentas JavaScript, leia:

    Você pode me dar um exemplo do conjunto ARIA em ação?

    @@ -186,7 +186,7 @@ function updateProgress(percentComplete) {

    E quanto à validação?

    -

    Os novos atributos introduzidas em ARIA, tais como role e aqueles com o prefixo aria-, não são, oficialmente, parte das especificações HTML 4, ou XHTML 4. Como resultado, as páginas que incluem ARIA podem não validar o uso ferramentas como o  W3C's Markup Validator.

    +

    Os novos atributos introduzidas em ARIA, tais como role e aqueles com o prefixo aria-, não são, oficialmente, parte das especificações HTML 4, ou XHTML 4. Como resultado, as páginas que incluem ARIA podem não validar o uso ferramentas como o  W3C's Markup Validator.

    A primeira solução potencial para este problema é evitar inserir as funções e os estados ARIA diretamente na sua marcação. Em vez disso, use a JavaScript para adicionar, dinamicamente, o conjunto ARIA à sua página, como mostrado na resposta à " Você pode me dar um exemplo do conjunto ARIA em ação?". A sua página ainda vai ser, teoricamente, inválida, mas vai passar todas as verificações de validação estática corretamente.

    @@ -194,7 +194,7 @@ function updateProgress(percentComplete) {

    Como a HTML 5 se relaciona com o conjunto ARIA?

    -

    A HTML 5 introduz uma série de novas etiquetas semânticas úteis na linguagem HTML. Algumas delas se justapõe, diretamente, com as funções disponíveis em ARIA, tais como o novo elemento <progress>. Nos casos em que o navegador suporte uma marcação HTML que também exista em ARIA, normalmente, não há a necessidade de acrescentar as funções e estados ARIA ao elemento. O conjunto ARIA engloba muitas funções, estados e propriedades que não estão disponíveis em HTML5, então, estas continuarão sendo úteis aos desenvolvedores que usam HTML5. Para mais informações, Steve Faulkner escreveu um ótimo  overview of the relationship between HTML5 and ARIA (em inglês).

    +

    A HTML 5 introduz uma série de novas etiquetas semânticas úteis na linguagem HTML. Algumas delas se justapõe, diretamente, com as funções disponíveis em ARIA, tais como o novo elemento <progress>. Nos casos em que o navegador suporte uma marcação HTML que também exista em ARIA, normalmente, não há a necessidade de acrescentar as funções e estados ARIA ao elemento. O conjunto ARIA engloba muitas funções, estados e propriedades que não estão disponíveis em HTML5, então, estas continuarão sendo úteis aos desenvolvedores que usam HTML5. Para mais informações, Steve Faulkner escreveu um ótimo  overview of the relationship between HTML5 and ARIA (em inglês).

    Degrading Gracefully de HTML5 para ARIA

    @@ -273,16 +273,16 @@ initDemo();
  • Inspetor de Acessibilidade em OS X
  • AccProbe em Linux
  • Inspetor Firebug's DOM
    • -
  • O Accessibility Inspector for Firebug
    • +
  • O Accessibility Inspector for Firebug
  • Ferramentas para Desenvolvedores de Acessibilidade (Accessibility Developer Tools), para Chrome

    • Há vários leitores de tela gratuitos, ou de código aberto, que podem ser utilizados, para você colocar a mão na massa nos seus testes com ARIA. Estes incluem:

    Quando você estiver testando um leitor de tela, mantenha dois pontos-chave em mente:

    @@ -295,15 +295,15 @@ initDemo();

    Outras ferramentas de teste úteis e técnicas para aplicativos e widgets com habilitação ARIA:

    Onde acontecem as discussões sobre ARIA?

    Onde posso aprender mais sobre ARIA?

    @@ -311,8 +311,8 @@ initDemo();

    a autoria do artigo é de: morenoh149, kscarfone, akhabibullina, xfq, Fredchat, mpiotrowicz, Sheppy, BrendanMcKeon, anastasia, jswisher, Aaronlev, colinbdclark.

    -- cgit v1.2.3-54-g00ecf