Skip to content

Você é um criador de conteúdos da internet, designer ou desenvolvedor?

Teste seus conhecimentos sobre web design inclusivo e acessível com nosso questionário rápido.

Ilustração de um criador de conteúdos da internet, designer ou desenvolvedor moçambicano que quer testar os seus conhecimentos.

Algumas razões pelas quais melhorar a acessibilidade beneficia a maioria

  1. Fazer os websites mais acessíveis torna-os mais fáceis de usar para todos, não apenas para as pessoas com deficiência. Mesmo que você tenha uma visão e audição perfeitas, apostamos que alguma vez já se sentiu grato por legendas
  2. Não há muitas pessoas que gozem de visão, audição, destreza e capacidade mental perfeitas o tempo todo. Quantas pessoas conhece que às vezes usam óculos ou aparelhos auditivos?
  3. A maioria das pessoas provavelmente terá uma necessidade de acesso em algum momento de suas vidas, mesmo que seja temporário ou circunstancial. Por exemplo, ter uma concussão, sentar em um comboio trêmulo ou trabalhar em um escritório barulhento ao ar livre

Ilustração de três jovens moçambicanos com necessidades de acessibilidade: uma mulher com uma bengala branca, uma mulher a andar com muletas e sua perna com gesso, e um homem numa cadeira de rodas.

Aprenda a criar websites inclusivos com nosso kit de ferramentas digitais

CEWEB: cartilha de acessibilidade da Web

CEWEB: cartilha de acessibilidade da Web

(Português Brasileiro)

Uma brochura do CEWEB cobrindo os passos básicos para tornar as páginas, websites e aplicativos acessíveis a todos. Com base nas directrizes fornecidas pelo W3C.

Mozilla: documentos web da MDN

Mozilla: documentos web da MDN

(Multilingue)

Tutoriais actualizados cobrindo os essenciais de acessibilidade.

Google: directrizes de material design sobre acessibilidade

Google: directrizes de material design sobre acessibilidade

(Inglês)

Visão geral clara e concisa dos princípios de acessibilidade da hierarquia, cor, tipografia, escrita, imagens, som e movimento.

W3C: Escrita para acessibilidade na internet

W3C: Escrita para acessibilidade na internet

(Inglês)

Algumas considerações básicas para ajudá-lo a começar a escrever conteúdo da internet que seja mais acessível para pessoas com deficiência.

Google: Escrevendo documentação acessível

Google: Escrevendo documentação acessível

(Multilingue)

O que devemos e não devemos fazer de forma geral quando se trata de escrever de forma acessível. Embora alguns destes sejam dirigidos para desenvolvedores, muitos se aplicam aos escritores também!

Google: melhore a acessibilidade de seus documentos ou apresentações

Google: melhore a acessibilidade de seus documentos ou apresentações

(Português)

A internet não é apenas websites. Aqui, o Google lista algumas dicas importantes sobre como tornar seus documentos e apresentações do Google Docs mais acessíveis.

Aplicativo Hemingway

Aplicativo Hemingway

(Inglês, algum Português)

Uma ferramenta de edição da internet gratuita e eficaz. Basta colar seu texto e receberá de volta uma pontuação de legibilidade e sugestões de melhoria. Projectado para uso em inglês, mas também funciona para português e outras línguas latinas.

Google: texto do Link

Google: texto do Link

(Multilingue)

Guia de estilo interno do Google para escrever textos de link eficazes, que descreve para o quê estás a fazer o link.

WebAIM: Texto alternativo

WebAIM: Texto alternativo

(Inglês, Francês, Alemão)

Orientação detalhada sobre como escrever texto alternativo, cobrindo tipos específicos de imagens, como botões de formulários, mapas, imagens de fundo e logotipos.

W3C: Tornando a mídia de áudio e vídeo acessível

W3C: Tornando a mídia de áudio e vídeo acessível

(Inglês)

Conselhos sobre como tornar a mídia acessível, quer você a produza você mesmo ou a terceirize. Inclui dicas para escrever transcrições, legendas e legendas ocultas.

W3C: Desenhando para Acessibilidade na internet

W3C: Desenhando para Acessibilidade na internet

(Inglês)

Algumas considerações básicas para ajudá-lo a começar a desenhar conteúdo da internet que seja mais acessível para pessoas com deficiência.

Corhexa

Corhexa

(Português)

Calcule o contraste entre duas cores.

Cor Segura

Cor Segura

(Inglês)

Teste e ajuste suas combinações de cores e fontes.

Verificador de contraste de cor

Verificador de contraste de cor

(Inglês)

Teste e ajuste suas combinações de cores e fontes.

Paleta Viz

Paleta Viz

(Inglês)

Teste e ajuste sua paleta de cores para gráficos e visualizações de dados.

Extensão do Chrome: No Coffee

Extensão do Chrome: No Coffee

(Inglês)

Um simulador de deficiência visual. Abra a extensão do navegador em qualquer página da internet e simule a aparência dessa página em relação a diferentes limitações visuais.

Google developers: Fundamentos da Acessibilidade

Google developers: Fundamentos da Acessibilidade

(Português Brasileiro)

Curso de curta duração sobre princípios de acessibilidade na internet para desenvolvedores. Com base no conteúdo deste curso Udacity.

W3C: Desenvolvimento para acessibilidade na internet

W3C: Desenvolvimento para acessibilidade na internet

(Inglês)

Algumas considerações básicas para ajudá-lo a começar a desenvolver conteúdo da internet que seja mais acessível para pessoas com deficiências.

Web para todos

Web para todos

(Português Brasileiro)

Inclui uma biblioteca útil de recursos.

Deque: axe-core

Deque: axe-core

(Inglês)

Uma ferramenta de teste de acessibilidade para websites e outras interfaces de usuário baseadas em HTML.

Google: Ferramentas de Desenvolvedor do Chrome

Google: Ferramentas de Desenvolvedor do Chrome

(Português Brasileiro)

Uma visão geral de como usar os recursos de acessibilidade no Chrome DevTools, desde a execução de uma auditoria de acessibilidade até o teste de contraste de cores e navegação pelo teclado.

Google: Lighthouse

Google: Lighthouse

(Português Brasileiro)

Uma ferramenta automatizada e de código aberto para melhorar o desempenho, qualidade e correcção das suas aplicações web. Acesso através de uma extensão Chrome ou da linha de comando.

Extensão do Chrome: No Coffee

Extensão do Chrome: No Coffee

(Inglês)

Um simulador de deficiência visual. Abra a extensão do navegador em qualquer página da internet e simule a aparência dessa página em relação a diferentes limitações visuais.

Inclusive components

Componentes inclusivos

(Inglês)

segundo a própria descrição: "este é um blog que está a tentar ser uma biblioteca de padrões. Tudo sobre o desenho de interfaces da web inclusivas, pedaço por pedaço."