From a5be3985a03103d82257170b0a14ac2a2d990890 Mon Sep 17 00:00:00 2001 From: Adiel Cristo Date: Tue, 5 Nov 2024 14:52:35 -0300 Subject: [PATCH 1/2] Update resource files/pt-br/web/accessibility/index.md --- files/pt-br/web/accessibility/index.md | 84 +++++++++++++------------- 1 file changed, 42 insertions(+), 42 deletions(-) diff --git a/files/pt-br/web/accessibility/index.md b/files/pt-br/web/accessibility/index.md index 98c4e734574581..14bd7b04ca2c50 100644 --- a/files/pt-br/web/accessibility/index.md +++ b/files/pt-br/web/accessibility/index.md @@ -1,53 +1,53 @@ --- title: Acessibilidade slug: Web/Accessibility +l10n: + sourceCommit: 5f4dc8ee228442ddf6831f5f4b8ffe37e5f2beb3 --- -Acessiblidade no desenvolvimento Web significa permitir que o máximo possível de pessoas possa acessar os sites da web mesmo quando suas habilidades são limitadas de alguma forma. Aqui nós fornecemos informações sobre o desenvolvimento de conteúdo acessível. +{{AccessibilitySidebar}} -"A palavra Acessibilidade é, frequentemente, usada para descrever facilidades ou assistências às pessoas com necessidades especiais, como em _acessível para cadeirantes_. Isto pode se estender para o Sistema Braille, rampas para cadeirantes, sinais sonoros em passagens de pedestres, modelos de páginas e assim por diante". [Acessibilidade na Wikipedia](http://pt.wikipedia.org/wiki/Acessibilidade) +Acessibilidade (em inglês, accessibility, geralmente abreviada para a11y — como "a", depois 11 caracteres e depois "y") em desenvolvimento web significa permitir que o maior número possível de pessoas possam usar sites, mesmo quando as habilidades dessas pessoas são limitadas de alguma forma. -"**A _Web_ é, fundamentalmente, projetada para funcionar para todas as pessoas**, independentemente de máquina, programas, língua, cultura, localização ou capacidade física ou mental de seus utilizadores. Quando a web atende a esses requisitos, ela se torna acessível a pessoas com dificuldades auditivas, motoras, visuais e cognitivas". [W3C - Acessibilidade](https://www.w3c.br/GT/GrupoAcessibilidade) +Para muitas pessoas, a tecnologia torna as coisas mais fáceis. Para pessoas com deficiência, a tecnologia torna as coisas possíveis. Acessibilidade significa desenvolver conteúdo para ser o mais acessível possível, não importando as habilidades físicas e cognitivas de uma pessoa e como ela acessa a web. -## Tutoriais fundamentais +"**A web é fundamentalmente projetada para funcionar para todas as pessoas**, independentemente de seu hardware, software, idioma, localização ou capacidade. Quando a web atinge esse objetivo, ela é acessível a pessoas com uma gama variada de audição, movimento, visão e capacidade cognitiva." ([W3C - Acessibilidade](https://www.w3.org/standards/webdesign/accessibility)) -A [área de aprendizado de acessibilidade](/pt-BR/docs/Learn/Accessibility) da MDN contém tutoriais modernos e atualizados que abordam os seguintes aspectos essenciais de acessibilidade: +## Principais tutoriais + +A [área de aprendizagem de acessibilidade](/pt-BR/docs/Learn/Accessibility) da MDN contém tutoriais modernos e atualizados que abrangem os seguintes fundamentos de acessibilidade: - [O que é acessibilidade?](/pt-BR/docs/Learn/Accessibility/What_is_accessibility) - - : Este artigo fornece uma visão geral do que é a acessibilidade - isso inclui quais grupos de pessoas devemos considerar e o motivo, quais ferramentas de acessibilidade são utilizadas para interagir com a web e como podemos fazer da acessibilidade web parte do nosso fluxo de desenvolvimento. -- [HTML: A base para a acessibilidade](/pt-BR/docs/Learn/Accessibility/HTML) - - : Boa parte do conteúdo da Web pode ser 'acessível' apenas garantindo que as tags HTML sejam sempre usadas para a finalidade correta. Este artigo analisa detalhadamente como utilizar o HTML garantindo a máxima acessibilidade. -- [CSS e JavaScript: accessibilidade e boas práticas](/pt-BR/docs/Learn/Accessibility/CSS_and_JavaScript) - - : CSS e JavaScript, usados corretamente, também podem proporcionar experiências acessíveis na web, mas se mal utilizadas, podem prejudicar a navegação. Este artigo descreve como utilizar o CSS e JS de forma a garantir que mesmo conteúdos complexos sejam acessíveis. -- [Básico de WAI-ARIA](/pt-BR/docs/Learn/Accessibility/WAI-ARIA_basics) - - : Continuando to tópico anterior, não é facil fazer interfaces web com HTML e conteúdo dinâmico atualizado por JavaScript. O WAI-ARIA é uma tecnologia que pode ajudar com esses problemas, adicionando mais propriedades semanticas que navegadores e tecnologias assistivas podem reconhecer e usar para permitir que os usuários saibam o que está acontecendo na tela. Aqui mostraremos o básico destas técnicas para melhorar a acessibilidade. -- [Multimedia acessível](/pt-BR/docs/Learn/Accessibility/Multimedia) - - : Outra categoria de conteúdo que pode criar problemas de acessibilidade é a multimédia - Audio, vídeo e imagens precisam de alternativas textuais, assim poderão ser compreendidas por tecnologias assistivas de seus usuários. Este artigo detalha como. -- [Accessibilidade Mobile](/pt-BR/docs/Learn/Accessibility/Mobile) - - : O acesso por dispositivos móveis e smartphones é muito popular, e plataformas como iOS e Android já possuem ferramentas bastante consolidadas, assim é importante considerar a acessibilidade do seu conteúdo também nestas plataformas. Este artigo faz considerações sobre acessibilidade mobile. - -## Documentação - -- [Desenvolvimento Web](/pt-BR/docs/Accessibility/Web_Development) - - : Uma coleção de artigos destinados a mostrar as principais questões de desenvolvimento web no mundo da acessibilidade. -- [Introdução à cor e acessibilidade](/pt-BR/docs/Web/Accessibility/Understanding_Colors_and_Luminance) - - : Este artigo discute nossa percepção de luz e cor, oferecendo a base para o uso de cores em designs acessíveis, e demonstra as melhores práticas para conteúdo visual e legível. -- [Widgets JavaScript navegáveis pelo teclado](/pt-BR/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets) - - : Até agora, os desenvolvedores web que desejavam tornar seus widgets baseados em `
` e `` acessíveis têm enfrentado a falta de técnicas adequadas. A **acessibilidade por teclado** faz parte dos requisitos mínimos de acessibilidade, dos quais um desenvolvedor deve estar ciente. -- [ARIA](/pt-BR/docs/Accessibility/ARIA) - - : Uma coleção de artigos para aprender como usar ARIA e tornar seus documentos HTML mais acessíveis. -- [Acessibilidade em dispositivos móveis](/pt-BR/docs/Web/Accessibility/Mobile_accessibility_checklist) - - : Esse documento fornece uma breve lista das necessidades da acessibilidade para desenvolvedores de aplicativos móveis. -- [Acessibilidade cognitiva](/pt-BR/docs/Web/Accessibility/Cognitive_accessibility) - - : Este artigo explica como assegurar que o conteúdo web que você está criando é acessível para pessoas com limitações cognitivas. -- [Acessibilidade para distúrbios convulsivos](/pt-BR/docs/Web/Accessibility/Seizure_disorders) - - : Alguns tipos de conteúdo visual na web podem induzir convulsões ou ataques epiléticos em pessoas com certos distúrbios cerebrais. Este artigo o auxilia a entender os tipos de conteúdo que podem ser problemáticos e a encontrar ferramentas e estratégias que ajudam a evitá-los. - -## Ferramentas para desenvolvedores web - -- [Emulador de leitor de tela Fangs](http://www.standards-schmandards.com/index.php?show/fangs) -- [Emulador de leitor de tela Claws](https://addons.mozilla.org/pt-BR/firefox/addon/claws/) - -## Outras páginas úteis - -- [Lista de leitores de tela](https://support.mozilla.org/kb/accessibility-features-firefox-make-firefox-and-we) + - : Este artigo inicia o módulo com uma boa visão do que realmente é acessibilidade — isso inclui quais grupos de pessoas precisamos considerar e por quê, quais ferramentas diferentes pessoas usam para interagir com a web e como podemos tornar a acessibilidade parte do nosso fluxo de trabalho de desenvolvimento web. +- [HTML: uma boa base para acessibilidade](/pt-BR/docs/Learn/Accessibility/HTML) + - : Boa parte do conteúdo web pode se tornar acessível apenas garantindo que os elementos HTML corretos sejam usados para o propósito correto em todos os momentos. Este artigo analisa detalhadamente como o HTML pode ser usado para garantir a máxima acessibilidade. +- [Melhores práticas de acessibilidade do CSS e JavaScript](/pt-BR/docs/Learn/Accessibility/CSS_and_JavaScript) + - : CSS e JavaScript, quando usados corretamente, também podem proporcionar experiências web acessíveis. Eles podem prejudicar significativamente a acessibilidade se usados incorretamente. Este artigo descreve algumas melhores práticas de CSS e JavaScript que devem ser consideradas para garantir que até mesmo o conteúdo complexo seja o mais acessível possível. +- [Noções básicas sobre WAI-ARIA](/pt-BR/docs/Learn/Accessibility/WAI-ARIA_basics) + - : Dando continuidade ao artigo anterior, às vezes pode ser difícil criar controles complexos de interface da pessoa usuária que envolvam HTML não semântico e conteúdo dinâmico atualizado por JavaScript. WAI-ARIA é uma tecnologia que pode ajudar com esses problemas, adicionando mais semântica que navegadores e tecnologias assistivas podem reconhecer e informar às pessoas usuárias o que está acontecendo. Aqui mostraremos como usá-la em um nível básico para melhorar a acessibilidade. +- [Multimídia acessível](/pt-BR/docs/Learn/Accessibility/Multimedia) + - : Outra categoria de conteúdo que pode criar problemas de acessibilidade é multimídia — conteúdos de vídeo, áudio e imagem precisam receber alternativas textuais adequadas para que possam ser compreendidos por tecnologias assistivas e suas pessoas usuárias. Este artigo mostra como. +- [Acessibilidade móvel](/pt-BR/docs/Learn/Accessibility/Mobile) + - : Com o acesso à web em dispositivos móveis sendo tão popular e plataformas populares como iOS e Android tendo ferramentas de acessibilidade completas, é importante considerar a acessibilidade do seu conteúdo web nessas plataformas. Este artigo analisa as considerações de acessibilidade específicas para dispositivos móveis. + +## Outras documentações + +- [Entendendo as Diretrizes de Acessibilidade do Conteúdo Web](/en-US/docs/Web/Accessibility/Understanding_WCAG) + - : Este conjunto de artigos fornece explicações rápidas para ajudar você a entender as etapas que precisam ser seguidas para estar em conformidade com as recomendações descritas nas Diretrizes de Acessibilidade do Conteúdo Web 2.0 do W3C (WCAG 2.0 ou apenas WCAG, para os propósitos desta redação). +- [Introdução à cor e acessibilidade](/en-US/docs/Web/Accessibility/Understanding_Colors_and_Luminance) + - : Este artigo discute nossa percepção de luz e cor, fornece uma base para o uso da cor em designs acessíveis e demonstra as melhores práticas para conteúdo visual e legível. +- [Componentes JavaScript navegáveis por teclado](/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets) + - : Até agora, as pessoas desenvolvedoras web que queriam tornar seus componentes baseados em `
` e `` estilizados não tinham técnicas adequadas. A **acessibilidade por teclado** faz parte dos requisitos mínimos de acessibilidade, dos quais uma pessoa desenvolvedora deve estar ciente. +- [ARIA](/en-US/docs/Web/Accessibility/ARIA) + - : Esta é uma coleção de artigos para aprender como usar Aplicações de Internet Ricas Acessíveis (ARIA) para tornar seus documentos HTML mais acessíveis. +- [Lista de verificação da acessibilidade móvel](/en-US/docs/Web/Accessibility/Mobile_accessibility_checklist) + - : Este artigo fornece uma lista de verificação concisa de requisitos de acessibilidade para pessoas desenvolvedoras de aplicativos móveis. +- [Acessibilidade cognitiva](/en-US/docs/Web/Accessibility/Cognitive_accessibility) + - : Este artigo explica como garantir que o conteúdo web que você está criando seja acessível a pessoas com deficiências cognitivas. +- [Acessibilidade para distúrbios convulsivos](/en-US/docs/Web/Accessibility/Seizure_disorders) + - : Alguns tipos de conteúdo visual web podem induzir convulsões em pessoas com certos distúrbios cerebrais. Este artigo ajuda você a entender os tipos de conteúdo que podem ser problemáticos e a encontrar ferramentas e estratégias que ajudam a evitá-los. + +## Consulte também + +- [Grupo de Interesse da WAI](https://www.w3.org/WAI/about/groups/waiig/) +- [Guias para pessoas desenvolvedoras](/pt-BR/docs/Web/Guide) From 1d7d3fc7c7971f5b1de3e2cd21640481a739639d Mon Sep 17 00:00:00 2001 From: Adiel Cristo Date: Tue, 5 Nov 2024 20:38:10 -0300 Subject: [PATCH 2/2] Fix localized URLs --- files/pt-br/web/accessibility/index.md | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/files/pt-br/web/accessibility/index.md b/files/pt-br/web/accessibility/index.md index 14bd7b04ca2c50..39f34da6fdb787 100644 --- a/files/pt-br/web/accessibility/index.md +++ b/files/pt-br/web/accessibility/index.md @@ -32,19 +32,19 @@ A [área de aprendizagem de acessibilidade](/pt-BR/docs/Learn/Accessibility) da ## Outras documentações -- [Entendendo as Diretrizes de Acessibilidade do Conteúdo Web](/en-US/docs/Web/Accessibility/Understanding_WCAG) +- [Entendendo as Diretrizes de Acessibilidade do Conteúdo Web](/pt-BR/docs/Web/Accessibility/Understanding_WCAG) - : Este conjunto de artigos fornece explicações rápidas para ajudar você a entender as etapas que precisam ser seguidas para estar em conformidade com as recomendações descritas nas Diretrizes de Acessibilidade do Conteúdo Web 2.0 do W3C (WCAG 2.0 ou apenas WCAG, para os propósitos desta redação). -- [Introdução à cor e acessibilidade](/en-US/docs/Web/Accessibility/Understanding_Colors_and_Luminance) +- [Introdução à cor e acessibilidade](/pt-BR/docs/Web/Accessibility/Understanding_Colors_and_Luminance) - : Este artigo discute nossa percepção de luz e cor, fornece uma base para o uso da cor em designs acessíveis e demonstra as melhores práticas para conteúdo visual e legível. -- [Componentes JavaScript navegáveis por teclado](/en-US/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets) +- [Componentes JavaScript navegáveis por teclado](/pt-BR/docs/Web/Accessibility/Keyboard-navigable_JavaScript_widgets) - : Até agora, as pessoas desenvolvedoras web que queriam tornar seus componentes baseados em `
` e `` estilizados não tinham técnicas adequadas. A **acessibilidade por teclado** faz parte dos requisitos mínimos de acessibilidade, dos quais uma pessoa desenvolvedora deve estar ciente. -- [ARIA](/en-US/docs/Web/Accessibility/ARIA) +- [ARIA](/pt-BR/docs/Web/Accessibility/ARIA) - : Esta é uma coleção de artigos para aprender como usar Aplicações de Internet Ricas Acessíveis (ARIA) para tornar seus documentos HTML mais acessíveis. -- [Lista de verificação da acessibilidade móvel](/en-US/docs/Web/Accessibility/Mobile_accessibility_checklist) +- [Lista de verificação da acessibilidade móvel](/pt-BR/docs/Web/Accessibility/Mobile_accessibility_checklist) - : Este artigo fornece uma lista de verificação concisa de requisitos de acessibilidade para pessoas desenvolvedoras de aplicativos móveis. -- [Acessibilidade cognitiva](/en-US/docs/Web/Accessibility/Cognitive_accessibility) +- [Acessibilidade cognitiva](/pt-BR/docs/Web/Accessibility/Cognitive_accessibility) - : Este artigo explica como garantir que o conteúdo web que você está criando seja acessível a pessoas com deficiências cognitivas. -- [Acessibilidade para distúrbios convulsivos](/en-US/docs/Web/Accessibility/Seizure_disorders) +- [Acessibilidade para distúrbios convulsivos](/pt-BR/docs/Web/Accessibility/Seizure_disorders) - : Alguns tipos de conteúdo visual web podem induzir convulsões em pessoas com certos distúrbios cerebrais. Este artigo ajuda você a entender os tipos de conteúdo que podem ser problemáticos e a encontrar ferramentas e estratégias que ajudam a evitá-los. ## Consulte também