PDF de programación - Páginas WEB Accesibles - Guideline 13. Provide clear navigation mechanisms.

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

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

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

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

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

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

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

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Identificar enlaces II

< h1 > Hojas de p r o b l e m a s </ h1 >
< ul >

< li >

<a href = " hoja1 . ps . gz " > Pulse aquí para </ a > para la o b e t e n e r la hoja1

</ li >
< li >

<a href = " hoja2 . ps . gz " > Pulse aquí para </ a > para la o b e t e n e r la hoja2

</ li >
< li >

<a href = " hoja3 . ps . gz " > Pulse aquí para </ a > para la o b e t e n e r la hoja3

</ li >
< li >

<a href = " hoja4 . ps . gz " > Pulse aquí para </ a > para la o b e t e n e r la hoja4

</ li >
< li >

<a href = " hoja5 . ps . gz " > Pulse aquí para </ a > para la o b e t e n e r la hoja5

</ li >

</ ul >

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Identificar enlaces III

< h1 > Hojas de p r o b l e m a s </ h1 >
< ul >

< li >

<a href = " hoja1 . ps . gz " > Pulse aquí para para la o b e t e n e r la hoja 1 < / a >

</ li >
< li >

<a href = " hoja2 . ps . gz " > Pulse aquí para para la o b e t e n e r la hoja 2 < / a >

</ li >
< li >

<a href = " hoja3 . ps . gz " > Pulse aquí para para la o b e t e n e r la hoja3 < / a >

</ li >
< li >

<a href = " hoja4 . ps . gz " > Pulse aquí para para la o b e t e n e r la hoja4 < / a >

</ li >
< li >

<a href = " hoja5 . ps . gz " > Pulse aquí para para la o b e t e n e r la hoja5 < / a >

</ li >

</ ul >

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Identificar enlaces IV

< h1 > Hojas de p r o b l e m a s </ h1 >

< ul >

< li > <a href = " hoja1 . ps . gz " > hoja 1 </ a > </ li >
< li > <a href = " hoja2 . ps . gz " > hoja 2 </ a > </ li >
< li > <a href = " hoja3 . ps . gz " > hoja 3 </ a > </ li >
< li > <a href = " hoja4 . ps . gz " > hoja 4 </ a > </ li >
< li > <a href = " hoja5 . ps . gz " > hoja 5 </ a > </ li >

</ ul >

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Navegación I

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Navegación II

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Navegación III

< div class = " nav " >
<a class = " s a l t a N a v " href = " # finNav " > Salta el menú de n a v e g a c i ó n </ a >
< ul id = " menu " >

< li > <a a c c e s s k e y = " a " href = " p r i n c i p a l . php " title = " a c c e s s k e y a " > < span class = " acceso " >a </ s
< li > <a a c c e s s k e y = " b " href = " # d o c e n c i a " title = " a c c e s s k e y b " > < span class = " acceso " >b </ span

< li > <a a c c e s s k e y = " c " href = " # e n l a c e s " title = " a c c e s s k e y c " > < span class = " acceso " >c </ span >
< li > <a a c c e s s k e y = " d " href = " # radio " title = " a c c e s s k e y d " > < span class = " acceso " >d </ span > E
< li > <a a c c e s s k e y = " e " href = " # s e m i n a r i o " title = " a c c e s s k e y e " > < span class = " acceso " >e </ spa
< li > <a a c c e s s k e y = " f " href = " # d i r e c c i o n " title = " a c c e s s k e y f " > < span class = " acceso " >f </ spa

< li > <a a c c e s s k e y = " g " href = " s u g e r e n c i a s . php " title = " a c c e s s k e y g " > < span class = " acceso " >g
< li > <a a c c e s s k e y = " h " href = " p a t e n t e s . php " title = " a c c e s s k e y h " > < span class = " acceso " >h </ s
< li > <a a c c e s s k e y = " i " href = " l a z o N e g r o . php " title = " a c c e s s k e y i " > < span class = " acceso " >i </
< li > <a href = " http :// t r a n s l a t e . google . com / t r a n s l a t e ? hl = en & amp ; sl = es & amp ; u = a n t a r e s . sip . u

</ div >
< div id = " finNav " > Si tienes p r o b l e m a s para v i s u a l i z a r la página i n t e n t a d e s a c t i v a r las p á

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles

Arte ASCII

( <a href = " # after - art " > Skip over ASCII art . </ a >) </ p >
< pre >

M M M M M M M M

WWWWW

WWWWW

* * * * * * * * * * * * * * * * * *

| \ O / \ O / |
|
|
\
/

|

\

---

/

VVVVV

VVV

</ pre >
<p > <a name = " after - art " > . . . . . . . . . . . . . . . </ a > </ p >

Luis Fernando Llana Díaz

Departamento de Sistemas Informáticos y ProgramaciónUniversidad Complutense de Madrid

Páginas WEB Accesibles