Orientações para a acessibilidade de conteúdo
Elemento do artigo | Orientação | Exemplo |
---|---|---|
Conteúdo do corpo | Para criar conteúdo facilmente compreensível por todos, use:
|
Não promove a acessibilidade
"Se você deseja montar o dispositivo, comece analisando as condições da caixa. Se a caixa estiver danificada, ou seja, amassada ou quebrada, não deixe de nos informar. Em, seguida, você pode começar a executar as tarefas a seguir: insira os parafusos na unidade e aperte-os. Ligue a unidade." Promove a acessibilidade Como montar o dispositivo
|
Cabeçalhos | Use o sistema de hierarquias para organizar os cabeçalhos, sendo o <h1> o cabeçalho mais importante, e os subcabeçalhos organizados como <h2>, <h3> e assim por diante.
Aumente ou diminua os títulos usando um nível de cada vez ao ordená-los na página. Por exemplo, use um <h4> após o <h3>, em vez de <h5> ou <h6>. Recomendamos que você tenha apenas um <h1>, com o texto mais importante nele (ex.: o título da página). A organização de páginas da Web por cabeçalhos as torna visualmente distinguíveis para usuários com deficiências cognitivas e facilita a navegação de quem usa leitores de tela. |
Não promove a acessibilidade (sem subcabeçalhos) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque volutpat turpis ac ultrices pulvinar. Nullam pharetra neque ac eros fermentum, sed tempor lorem tristique. Aenean ut malesuada diam. Não promove a acessibilidade (níveis de subcabeçalhos ignorados) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cabeçalho 1 Quisque tempor semper metus eu venenatis. Cabeçalho 4 Etiam et vehicula ipsum. Não promove a acessibilidade (mais de um <h1>) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cabeçalho 1 Quisque tempor semper metus eu venenatis. Cabeçalho 1 Etiam et vehicula ipsum. Promove a acessibilidade Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cabeçalho 1Quisque tempor semper metus eu venenatis. Integer vehicula interdum velit, sit amet rutrum nisi sollicitudin ac. Cabeçalho 2 Etiam et vehicula ipsum. Aenean placerat semper leo et bibendum. |
Imagens |
Forneça um texto alternativo (alt) claro e conciso para imagens intencionais que descreva o assunto da imagem. O texto alt é lido pelo software de leitor de tela. Se você usa:
alt="" ) para que sejam ignorados pelas tecnologias assistivas como leitores de tela. |
Não promove a acessibilidade Promove a acessibilidade
|
Cor e estilo do link |
Use uma cor de link que contraste com a página e o texto ao redor e inclua um indicador não colorido (como sublinhado ou ícone). Isso faz com que seus links fiquem acessíveis para usuários que têm dificuldade em diferenciar texto com baixo contraste ou que são daltônicos. Evite usar imagens como links. Se necessário, use uma imagem que inclua um texto alternativo que descreva o local e a finalidade do link. |
Não promove a acessibilidade
Promove a acessibilidade Consulte Criação de conteúdo acessível da central de ajuda |
Texto do link |
Crie um texto do link que faça sentido sem o conteúdo ao redor. Por exemplo, evite texto do link ambíguo como "clique aqui" ou "saiba mais". Os leitores de tela não conseguem interpretar para onde o link direcionará o usuário quando essa informação não estiver mencionada no texto. Não use a URL bruta para o texto do link. Os leitores de tela verbalizam a URL completa para os usuários, independentemente do tamanho. |
Não promove a acessibilidade Consulte www.website.com/linkedpage.htmlPromove a acessibilidade |
Cargos | Use títulos de página que descrevam o tópico ou a finalidade. |
Não promove a acessibilidade "Detalhes sobre acessibilidade" Promove a acessibilidade "Criação de conteúdo acessível da central de ajuda" |
Vídeo | Selecione um provedor de vídeo compatível com closed captions. Closed captions tornam os vídeos mais acessíveis para pessoas surdas ou com deficiência auditiva.
Insira uma transcrição e descrição de áudio para o vídeo. |
Promove a acessibilidade |
Recursos para a acessibilidade de conteúdo
Explore os recursos a seguir para aprender mais sobre como criar conteúdo acessível da central de ajuda: