Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Update resource pt-BR/docs/Web/Accessibility #24372

Merged
Merged
84 changes: 42 additions & 42 deletions files/pt-br/web/accessibility/index.md
Original file line number Diff line number Diff line change
@@ -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 `<div>` e `<span>` 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : Até agora, as pessoas desenvolvedoras web que queriam tornar seus componentes baseados em `<div>` e `<span>` 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
josielrocha marked this conversation as resolved.
Show resolved Hide resolved
- : 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)
Loading