PDF de programación - Páginas WEB Accesibles - Guideline 7. Ensure user control of time-sensitive content changes

Páginas WEB Accesibles

Guideline 7. Ensure user control of time-sensitive content

changes

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

7.1 Until user agents allow users to control flickering, avoid

causing the screen to flicker. [Prioridad 1]

7.2 Until user agents allow users to control blinking, avoid causing

content to blink. [Prioridad 2]

7.3 Until user agents allow users to freeze moving content, avoid

movement in pages. [Prioridad 2]

7.4 Until user agents provide the ability to stop the refresh do not

create periodically auto-refreshing pages. [Prioridad 2]

7.5 Until user agents provide the ability to stop auto-redirect do

not use markup to redirect pages automatically. Instead,
configure the server to perform redirects. [Prioridad 2]

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

¿Por qué?

Personas con discapacidad cognitiva o visual puede tener
dificultades para leer texto en movimiento.

El movimiento puede causar distracciones.

Lectores de pantalla no pueden leer texto en movimiento.

Personas con discapacidad pueden tener dificultad para
interactuar con objetos que se mueven.

Los puntos se aplican hasta que los navegadores tengan
mecanismos para controlar adecuadamente estas características.

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Checkpoints I

7.1 Evitar parpadeo Evitar el parpadeo en imágenes y refrescos:

Gente con epilepsia fotosensitiva puede padecer ataques
provocadas por imágenes que parpadean en el intervalo
4Hz-59Hz.

http://ncam.wgbh.org/richmedia/media/flicker_demo.html
Corolorario: cuidado al hacer gif animados y con los refrescos
de pantalla.

7.2 Evitar texto intermitente. blink y marquee ya no existen en

HTML. Si se quiere poner algo en parpadeo úsese CSS (se
puede deshabilitar).

7.3 Evitar movimiento. Si se incluye movimiento de objetos hay

que prever mecanismos para pararlo.

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Checkpoints II

7.1 No crear páginas que se auto-recarguen. Si la información

cambia periódicamente, infórmese al usuario que lo haga el.

<? php

s e s s i o n _ s t a r t ();
if ( ! isset ( $ _ S E S S I O N [ " a c c e s o s " ]) ) {

$ _ S E S S I O N [ " a c c e s o s " ]=1;

} else {

$ _ S E S S I O N [ " a c c e s o s " ]++;

}

? >
<! D O C T Y P E HTML PUBLIC " -// W3C // DTD HTML 4.01 T r a n s i t i o n a l // EN " >
< html >

< head >

< meta http - equiv = " r e f r e s h " c o n t e n t = " 1 " >
< title > R e f r e s c o </ title >

</ head >
< body >

<p > < ?= $ _ S E S S I O N [ " a c c e s o s " ]? > a c c e s o s

</ body >

</ html >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Checkpoints III

7.1 Evitar que el marcado redirija la página, configúrese el

servidor para que lo haga.

<! D O C T Y P E HTML PUBLIC " -// W3C // DTD HTML 4.01 T r a n s i t i o n a l // EN " >
< html >

< head >

< meta http - equiv = " r e f r e s h " c o n t e n t = " 10; URL = http :// a n t a r e s . sip . ucm . es /~ luis " >
< title > Luis F e r n a n d o Llana Díaz - Página o b s o l e t a </ title >

</ head >

< body >

< h1 > Luis F e r n a n d o Llana Díaz - Página o b s o l e t a </ h1 >
<p >

Si tu n a v e g a d o r s o p o r t a r e d i r e c i o n a m i e n t o , en 10 s e g u n d o s
a c c e d e r á s a la
<a href = " http :// a n t a r e s . sip . ucm . es /~ luis " > nueva página </ a >. En
caso c o n t r a r i o s e l e c c i o n a el enlace m a n u a l m e n t e .

</ p >

</ body >

</ html >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Checkpoints IV

<! D O C T Y P E HTML PUBLIC " -// W3C // DTD HTML 4.01 T r a n s i t i o n a l // EN " >
< html >
< head >
< title > M i n i s t e r i o de D e f e n s a </ title >
< meta http - equiv = " Content - Type " c o n t e n t = " text / html ; c h a r s e t = iso -8859 -1 " >
</ head >

< body text = " # 0 0 0 0 0 0 " onLoad = " d o c u m e n t . l o c a t i o n = ’ Home ’ " >

</ body >
</ html >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles

Checkpoints V

< html >
< head >

< title >: : I z q u i e r d a Unida : : </ title >
< meta http - equiv = " Content - Type " c o n t e n t = " text / html ; c h a r s e t = iso -8859 -1 " >

< script l a n g u a g e = " J a v a S c r i p t " >

<! - -
w i n d o w . l o c a t i o n = " f e d e r a l / index . htm " ;
// - - >

</ script >

</ head >
< body b g c o l o r = " # FFFFFF " >

< n o s c r i p t >

<p align = " center " >& nbsp ; </ p >

</ n o s c r i p t >

</ body >

</ html >

Luis Fernando Llana Díaz

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

Páginas WEB Accesibles