---
title: Acessibilidade
slug: Learn/Acessibilidade
tags:
  - ARIA
  - Acessibilidade
  - Aprender
  - Artigos
  - CSS
  - CodingScripting
  - HTML
  - JavaScript
  - Landing
  - Principiantes
  - modulo
translation_of: Learn/Accessibility
---
<div>{{LearnSidebar}}</div>

<p class="summary">Aprender um pouco de HTML, CSS e JavaScript é útil se quiser tornar-se em um desenvolvedor da <em>web</em>, mas o seu conhecimento precisa de ir mais além do que apenas utilizar as tecnologias - precisa de as utilizar com responsabilidade para maximizar o público dos seus sites da <em>web</em> e não impedir que as utilizem. Para conseguir isso, precisa de aderir às melhores práticas gerais (que são demonstradas através dos tópicos de <a href="/pt-PT/docs/Learn/HTML">HTML</a>, <a href="/pt-PT/docs/Learn/CSS">CSS</a>, e <a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>), efetuar <a href="/pt-PT/docs/Learn/Tools_and_testing/Teste_cruzado_de_navegador">teste cruzado de navegador</a>, e considerar a acessibilidade desde o início. Neste módulo, nós iremos abordar o último em detalhes.</p>

<h2 id="Sumario">Sumario</h2>

<p>Quando um <em>site</em> é descrito como "acessível", isto significa que um utilizador pode aceder e interagir com todas as funções e conteúdo, sem preocupação de qual o modo que ele acede à <em>web</em> — inclusive e especialmente utilizadores com dificuldades físicas ou mentais.</p>

<ul>
 <li><em>Sites</em> devem ser acessíveis a utilizadores de teclado, rato, e ecrãs <em>touch</em>, e qualquer outra forma que um utilizador aceda à <em>web</em>, incluindo leitores de ecrãs e assistentes de voz como a Alexa e a Google Home.</li>
 <li>Aplicações devem ser compreendidas e manuseáveis por pessoas com problemas auditórios, visuais, físicos, ou de habilidade cognitiva.</li>
 <li><em>Sites</em> não devem causar dano; funções da <em>web</em>, como movimento, podem causar dores de cabeça ou ataques epiléticos.</li>
</ul>

<p><strong>Como padrão, HTML é acessível, se utilizado corretamente.</strong> Acessibilidade <em>web</em> envolve certificar que o conteúdo continua acessível, indiferente de quem ou como se acede à <em>web</em>.</p>

<p>O <em>Firefox Accessibility Inspector</em> (Inspetor de Acessibilidade Firefox) é uma ferramenta muito útil para verificar problemas de acessibilidade em páginas <em>web</em>. O seguinte vídeo oferece uma boa introdução:</p>

<p>{{EmbedYouTube("7mqqgIxX_NU")}}</p>

<div class="in-page-callout webdev">
<h3 id="Procura_ser_um_programador_de_web_front-end">Procura ser um programador de <em>web front-end</em>?</h3>

<p>Nos construimos um curso que inclui toda a informação essencial que precisa para atingir o seu objetivo.</p>

<p><a class="cta primary" href="https://wiki.developer.mozilla.org/docs/Learn/Front-end_web_developer">Começar a Aprender</a></p>
</div>

<h2 id="Pré-requisitos">Pré-requisitos</h2>

<p>Para aproveitar este modulo ao máximo, é boa ideia estudar os primeiros dois módulos dos tópicos <a href="/pt-PT/docs/Learn/HTML">HTML</a>, <a href="/pt-PT/docs/Learn/CSS">CSS</a>, e <a href="/pt-PT/docs/Learn/JavaScript">JavaScript</a>, ou até melhor, estudar as partes relevantes do modulo de acessibilidade enquanto estuda os tópicos de tecnologia relacionados.</p>

<div class="note">
<p><strong>Nota</strong>: Se estiver a trabalhar num computador / tablete / outro dispositivo onde não tem a habilidade de criar os seus próprios ficheiros, pode tentar a maioria dos exemplos de código num IDE <em>online</em> como <a href="http://jsbin.com/">JSBin</a> ou <a href="https://thimble.mozilla.org/">Thimble</a>.</p>
</div>

<h2 id="Guias">Guias</h2>

<dl>
 <dt><a href="/en-US/docs/Learn/Accessibility/What_is_accessibility">O que é acessibilidade?</a></dt>
 <dd>Este artigo começa o módulo a definir o que acessibilidade — isto inclui quais os grupos que se tem de considerar e porquê, que ferramentas pessoas usam para aceder à <em>web</em> e como podemos fazer com que acessibilidade seja parte do nosso processo de desenvolvimento da <em>web</em>.</dd>
 <dt><a href="/en-US/docs/Learn/Accessibility/HTML">HTML: Uma boa base para acessibilidade</a></dt>
 <dd>Uma grande parte de conteúdo da <em>web</em> pode ser feito acessível ao usar os elementos corretos de HTML para os seus usos próprios. Este artigo dá uma vista aprofundada a como HTML pode ser utilizado para certificar a acessibilidade máxima.</dd>
 <dt><a href="/en-US/docs/Learn/Accessibility/CSS_and_JavaScript">Melhores práticas de CSS e JavaScript</a></dt>
 <dd>CSS e JavaScript, quando usados corretamente, também têm o potencial de oferecer expriencias da web acessiveis, mas se mal utilizadas podem prejudicar significativamente a acessibilidade. Este artigo descreve algumas das melhores práticas de CSS e JavaScript que devem ser consideradas para garantir que mesmo conteúdos complexos sejam o mais acessíveis possível.</dd>
 <dt><a href="/en-US/docs/Learn/Accessibility/WAI-ARIA_basics">Básicos de WAI-ARIA</a></dt>
 <dd>
 <p>No seguimento do artigo anterior, por vezes é difícil criar controlos complexos da interface que envolvem HTML não semântico e conteúdos dinâmicos atualizados em JavaScript. WAI-ARIA é uma tecnologia que pode ajudar com tais problemas, acrescentando semântica que os navegadores e tecnologias de assistência podem reconhecer e utilizar para que os utilizadores saibam o que se está a passar. Aqui mostraremos como utilizá-la a um nível básico para melhorar a acessibilidade.</p>
 </dd>
 <dt><a href="/en-US/docs/Learn/Accessibility/Multimedia">Acessibilidade em multimédia</a></dt>
 <dd>Outra categoria de conteúdos que pode criar problemas de acessibilidade é a multimédia — os conteúdos de vídeo, áudio e imagem precisam de receber alternativas textuais adequadas, para que possam ser compreendidos pelas tecnologias de assistência e pelos seus utilizadores. Este artigo mostra como.</dd>
 <dt><a href="/en-US/docs/Learn/Accessibility/Mobile">Acessibilidade em moveis</a></dt>
 <dd>Com o acesso à <em>web</em> em dispositivos móveis a ser tão popular, e com plataformas populares como o iOS e o Android a terem ferramentas de acessibilidade completas, é importante considerar a acessibilidade do seu conteúdo <em>web</em> nestas plataformas.  Este artigo analisa as considerações de acessibilidade específicas para dispositivos móveis.</dd>
</dl>

<h2 id="Avaliações">Avaliações</h2>

<dl>
 <dt><a href="/en-US/docs/Learn/Accessibility/Accessibility_troubleshooting"><em>Troubleshooting</em> de Acessibilidade</a></dt>
 <dd>Na avaliação para este modulo, nos apresentamos um site simples com uns problemas de acessibilidade que tem de diagonisar e resolver.</dd>
</dl>

<h2 id="Ver_também">Ver também</h2>

<ul>
 <li><a href="https://egghead.io/courses/start-building-accessible-web-applications-today">Start Building Accessible Web Applications Today</a> — uma exelente serie de tuturiais pela Marcy Sutton.</li>
 <li><a href="https://dequeuniversity.com/resources/">Recursos da Universidade de Deque</a> — inclui exemplos de código, referencias para leitores de ecras, e outros recursos uteis.</li>
 <li><a href="http://webaim.org/resources/">Recursos da WebAIM</a> — inclui guias, <em>checklists</em>, ferramentas, e mais.</li>
</ul>