Alternativa textual para imagens complexas
O atributo alt do elemento img é utilizado para descrições breves, ou seja, para imagens que não exigem descrições longas. No caso de imagens complexas, o ideal é disponibilizar a descrição no próprio conteúdo da página (antes ou depois da imagem), ou então, disponibilizar um link logo após a imagem que leva o usuário a outra página web que contém descrição detalhada. Em ambos os casos possibilita-se o acesso ao seu conteúdo por pessoas com deficiência visual.
A descrição da imagem no contexto da página facilita ainda a compreensão da imagem por todas as pessoas, inclusive aquelas com deficiência intelectual, que podem ter dificuldade em compreender informações apresentadas na forma de gráficos ou diagramas, por exemplo.
Exemplo de descrição no contexto
No exemplo a seguir, a descrição da imagem (um infográfico) é apresentada ao lado da mesma. A separação dos elementos em quadros no infográfico foi reproduzida na forma de tópicos na descrição.
Alinha do tempo ao lado mostra que a filosofia do "Faça você mesmo" é um método para construir, modificar ou reparar algo sem a ajuda direta de especialistas ou profissionais. O termo "do-it-yourself" popularizou-se nos anos 50 devido ao crescimento de pessoas iniciando projetos de reformas e vários outros tipos de artesanato e projetos de construção. Segundo essa mesma imagem, a cronologia do movimento maker é apresentada como:
- Século VII - um templo grego foi a primeira construção feita com instruções do tipo "faça você mesmo"
- Década de 50- artistas buscavam fazer as próprias coisas em oposição a produção em massa e cultura de massa.
- Década de 60 e 70 - livros e séries de TV popularizaram o movimento de "faça você mesmo" com técnicas de construção e reformas domésticas.
- Década de 90 - omodelo "faça você mesmo" foi impactado pelo crescimento digital e da internet.
- 2017 - geração millennial junta tecnologia e criatividade fazendo mais projetos "do-it-yourself", desde o simples até o elaborado.
Na imagem anterior, o atributo alt fornece uma descrição breve, ou seja, uma visão geral da imagem, informando objetivamente sobre seu conteúdo.
Código fonte do exemplo:
Exemplo de descrição em outra página
No exemplo a seguir, a descrição detalhada da imagem (um infográfico) é apresentada em outra página web. Para acessar essa página com a descrição detalhada é disponibilizado um link logo após a imagem.
Exemplo de descrição através da tabela de dados
No caso de gráficos, a alternativa textual pode ser a própria tabela que lhe deu origem, disponibilizada junto à imagem do gráfico.
| Entre R$620 e R$1.000 | 12% |
|---|---|
| Entre R$1.001 e R$1.500 | 14% |
| Entre R$1.501 e R$2.000 | 17% |
| Entre R$2.001 e R$3.000 | 17% |
| Acima de R$3.001 | 40% |
Código fonte do exemplo: