Páginas WEB Accesibles - Universidad Complutense de Madrid

Páginas WEB Accesibles - Universidad Complutense de Madrid

Páginas WEB Accesibles
Guideline 13. Provide clear navigation mechanisms.
Luis Fernando Llana Dı́az
Departamento de Sistemas Informáticos y Programación
Universidad Complutense de Madrid
19 de diciembre de 2005
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Checkpoints I
13.1 Clearly identify the target of each link. [Prioridad 2]
13.2 Provide metadata to add semantic information to pages and
sites. [Prioridad 2]
13.3 Provide information about the general layout of a site (e.g., a
site map or table of contents). [Prioridad 2]
13.4 Use navigation mechanisms in a consistent manner.
[Prioridad 2]
13.5 Provide navigation bars to highlight and give access to the
navigation mechanism. [Prioridad 3]
13.6 Group related links, identify the group (for user agents), and,
until user agents do so, provide a way to bypass the group.
[Prioridad 3]
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Checkpoints II
13.1 If search functions are provided, enable different types of
searches for different skill levels and preferences. [Prioridad 3]
13.2 Place distinguishing information at the beginning of headings,
paragraphs, lists, etc. [Prioridad 3]
13.3 Provide information about document collections (i.e.,
documents comprising multiple pages.). [Prioridad 3]
13.4 Provide a means to skip over multi-line ASCII art.
[Prioridad 3]
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Identificar enlaces I
El texto de los enlaces debe ser conciso.
Debe tener sentido fuera de contexto. ¡Evitar textos pulse
aquı́!
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Identificar enlaces II
< h1 > Hojas de problemas </ h1 >
< ul >
< li >
<a href = " hoja1 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja2 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja3 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja4 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja5 . ps . gz " > Pulse
</ li >
</ ul >
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
aquı́ para </ a > para la obetener la hoja1
aquı́ para </ a > para la obetener la hoja2
aquı́ para </ a > para la obetener la hoja3
aquı́ para </ a > para la obetener la hoja4
aquı́ para </ a > para la obetener la hoja5
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Identificar enlaces III
< h1 > Hojas de problemas </ h1 >
< ul >
< li >
<a href = " hoja1 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja2 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja3 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja4 . ps . gz " > Pulse
</ li >
< li >
<a href = " hoja5 . ps . gz " > Pulse
</ li >
</ ul >
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
aquı́ para para la obetener la hoja 1 < / a >
aquı́ para para la obetener la hoja 2 < / a >
aquı́ para para la obetener la hoja3 < / a >
aquı́ para para la obetener la hoja4 < / a >
aquı́ para para la obetener la hoja5 < / a >
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Identificar enlaces IV
< h1 > Hojas de problemas </ h1 >
< ul >
< li > <a
< li > <a
< li > <a
< li > <a
< li > <a
</ ul >
href = " hoja1 . ps . gz " > hoja
href = " hoja2 . ps . gz " > hoja
href = " hoja3 . ps . gz " > hoja
href = " hoja4 . ps . gz " > hoja
href = " hoja5 . ps . gz " > hoja
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
1 </ a >
2 </ a >
3 </ a >
4 </ a >
5 </ a >
</ li >
</ li >
</ li >
</ li >
</ li >
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Navegación I
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Navegación II
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Navegación III
< div class = " nav " >
<a class = " saltaNav " href = " # finNav " > Salta el menú de navegación </ a >
< ul id = " menu " >
< li > <a accesskey = " a " href = " principal . php " title = " accesskey a " > < span class = " acceso " >a </ s
< li > <a accesskey = " b " href = " # docencia " title = " accesskey b " > < span class = " acceso " >b </ span
< li > <a
< li > <a
< li > <a
< li > <a
accesskey = " c "
accesskey = " d "
accesskey = " e "
accesskey = " f "
href = " # enlaces " title = " accesskey c " > < span class = " acceso " >c </ span >
href = " # radio " title = " accesskey d " > < span class = " acceso " >d </ span > E
href = " # seminario " title = " accesskey e " > < span class = " acceso " >e </ spa
href = " # direccion " title = " accesskey f " > < span class = " acceso " >f </ spa
< li > <a
< li > <a
< li > <a
< li > <a
accesskey = " g " href = " sugerencias . php " title = " accesskey g " > < span class = " acceso " >g
accesskey = " h " href = " patentes . php " title = " accesskey h " > < span class = " acceso " >h </ s
accesskey = " i " href = " lazoNegro . php " title = " accesskey i " > < span class = " acceso " >i </
href = " http :// translate . google . com / translate ? hl = en & amp ; sl = es & amp ; u = antares . sip . u
</ div >
< div id = " finNav " > Si tienes problemas para visualizar la página i ntenta desactivar las pá
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid
Arte ASCII
( <a href = " # after - art " > Skip over ASCII art . </ a >) </ p >
< pre >
MMMMMMMM
WWWWW
WWWWW
******************
| \O/ \O/ |
|
|
|
\
/
\ --- /
VVVVV
VVV
</ pre >
<p > <a name = " after - art " > ............... </ a > </ p >
Luis Fernando Llana Dı́az
Páginas WEB Accesibles
Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid