PDF de programación - Páginas WEB Accesibles - Guideline 9. Design for device-independence

Páginas WEB Accesibles

Guideline 9. Design for device-independence

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

9.1 Provide client-side image maps instead of server-side image

maps except where the regions cannot be defined with an
available geometric shape. [Prioridad 1]

9.2 Ensure that any element that has its own interface can be

operated in a device-independent manner. [Prioridad 2]

9.3 For scripts, specify logical event handlers rather than

device-dependent event handlers. [Prioridad 2]

9.4 Create a logical tab order through links, form controls, and

objects. [Prioridad 3]

9.5 Provide keyboard shortcuts to important links (including those
in client-side image maps), form controls, and groups of form
controls. [Prioridad 3]

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Independencia del dispositivo I

Los usuarios pueden interactuar con el dispositivo que mejor se
adapte a sus necesidades.

Input dispostivos apuntadores, teclados, dispositivos braille,

micrófonos,...

Output Monitores, sinteticadores de voz, braille..

La idependencia del dispositivo NO significa dar soporte a todos,
sino de dar accesos redundantes: teclado y ratón.

onmousedown con onkeydown.

onmouseup con onkeyup

onclick con onkeypress

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Independencia del dispositivo II

< SCRIPT l a n g u a g e = " J a v a S c r i p t " type = " text / j a v a s c r i p t " >
f u n c t i o n pop2 () { alert ( " Second Prize ! " ) }
</ SCRIPT >
< N O S C R I P T > Second Prize ! </ N O S C R I P T >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Atajos de teclado I

Atributos accesskey y tabindex: a, area, button, input,
label, legend y textarea.

tabindex

http://www.ingdirect.es

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Atajos de teclado II

< ul id = " menu " >

< li > <a href = " p r i n c i p a l . php " title = " a c c e s s k e y a " > Inicio </ a > </ li >
< li >

<a a c c e s s k e y = " b " href = " # t u t o r i a s " title = " a c c e s s k e y b " >

T u t o r í a s

</ a >

</ li >
< li >

<a a c c e s s k e y = " c " href = " # c o n c u r r e n t e " title = " a c c e s s k e y c " >

P r o g r a m a c i ó n C o n c u r r e n t e

</ a >

</ li >
. . . . . . . .
. . . . . . .

</ ul >

ALT+a activa el enlace principal.php.

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles