PDF de programación - Páginas WEB Accesibles - Guideline 12. Provide context and orientation information.

Páginas WEB Accesibles

Guideline 12. Provide context and orientation information.

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

12.1 Title each frame to facilitate frame identification and

navigation. [Prioridad 1]

12.2 Describe the purpose of frames and how frames relate to each

other if it is not obvious by frame titles alone. [Prioridad 2]

12.3 Divide large blocks of information into more manageable

groups where natural and appropriate. [Prioridad 2]

12.4 Associate labels explicitly with their controls. [Prioridad 2]

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Identificar FRAMES

< f r a m e s e t rows = " 20 % ,* ,30 % " >

< frame src = " f1 . htm " title = " Title and main n a v i g a t i o n bar frame " >
< f r a m e s e t cols = " 20 % ,* , " >

< frame src = " f2 . htm " title = " Table of C o n t e n t s frame " >
< frame src = " f3 . htm " l o n g d e s c = " m a i n d e s c . htm " title = " Main c o n t e n t frame . " >

</ f r a m e s e t >
< frame src = " f4 . htm "

title = " Copyright , a c k n o w l e g m e n t and s e c o n d a r y n a v i g a t i o n fram e " >

</ f r a m e s e t >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Agrupar bloques I

Uso de marcas h1. . . h6.

Marcas fieldset

Marcas optgroup

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Agrupar bloques II

< select name = " ComOS " >

< o p t g r o u p label = " Comm S e r v e r s " >

< o p t g r o u p label = " P o r t M a s t e r 3 " >

< option label = " 3.7.1 " value = " pm3_3 .7.1 " >

P o r t M a s t e r 3 with ComOS 3.7.1

</ option >
. . . . . . . . . .
</ o p t g r o u p >
< o p t g r o u p label = " P o r t M a s t e r 2 " >

< option label = " 3.7 " value = " pm2_3 .7 " >

P o r t M a s t e r 2 with ComOS 3.7

</ option >
. . . . . . . . . .

</ o p t g r o u p >

</ o p t g r o u p >

< o p t g r o u p label = " R o u t e r s " >

< o p t g r o u p label = " IRX " > . . . . . . . </ o p t g r o u p >

</ o p t g r o u p >

</ select >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Agrupar bloques III

< f i e l d s e t > < legend > Select your o p t i o n s </ legend >

< f i e l d s e t > < legend > Engine / P o w e r t r a i n p a c k a g e s </ legend >

< input id = " cyl4 " type = " radio " name = " power " value = " 4 cyl " t a b i n d e x = " 4 " >
< label for = " cyl4 " >4 c y l i n d e r </ label > < BR >
< input id = " cyl6 " type = " radio " name = " power " value = " 6 cyl " >
< label for = " cyl6 " >6 c y l i n d e r </ label > < BR >
< input id = " awd6 " type = " radio " name = " power " value = " 6 awd " >
< label for = " awd6 " >6 cylinder , all wheel drive </ label >

</ f i e l d s e t >

</ f i e l d s e t >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles