Examples: WAI Web Content Accessibility Curriculum - slide "1.2 - Provide redundant text links for each active region of a server-side image map."

Prioridade 1

Mapas de imagem "server-side" (aqueles que fazem uso do atributo ISMAP em vez do elemento IMG) vulgarmente não fazem ou não podem fornecer qualquer informação textual sobre os links que se encontram codificados dentro do mapa. Se o seu mapa de imagens "server-side" possuir links para as secções A, B, C, D e E do seu site, então forneça um texto alternativo na página. Por exemplo, o código:

<A HREF="img/imgmap1.map">
<IMG ISMAP SRC="imgmap1.gif"
ALT="Use por favor os links que se seguem em vez dos que se encontram neste mapa de imagens.">
</A><BR>
[ <A HREF="a.htm">Secção A</A> | <A HREF="b.htm">Secção B</A> | <A HREF="c.htm">Secção C</A> | <A HREF="d.htm">Secção D</A> | <A HREF="e.htm">Secção E</A> ]

produz o seguinte mapa de imagens "server-side" e correspondente equivalente textual:

Use, por favor, os links que se seguem em vez deste mapa de imagens.

[ Secção A | Secção B | Secção C | Secção D | Secção E ]

Nota: o texto "alt" que se encontra no elemento IMG informa os utilizadores que existe um equivalente textual -- mas não descreve as imagens por si só. Se deseja descrever o mapa de imagens em detalhe, use o "longdesc".

Para Pontos de Verificação da Directriz 1.

Próximo diapositivo: Exemplo para Ponto de Verificação 1.3

Exemplo para Ponto de Verificação 1.2 - Providencie links de texto redudantes para cada região activa de um mapa de imagens "server-side" (do lado do servidor).

Exemplo para Ponto de Verificação
1.2 - Providencie links de texto redudantes para cada região activa de um mapa de imagens "server-side" (do lado do servidor).