Los usarios con Daltonismo encuentran una

Este enlace lleva a la tabla de contenidos del manual sobre aplicación de las pautas de accesibilidad

Pauta 3. Los usarios con Daltonismo encuentran una

barrera cuando no pueden ver la página web sin aplicarle ningún estilo.

-Estudio y Comprensión Punto de Verificación 3.3

La tabla que se expone a continuación está dividida en 3 columnas:

-Punto de Verificación:Si se pulsa al mismo tiempo CTRL+clic de ratón, nos enlaza con WCAG 1.0 en su original en inglés.

-Prioridad:Donde está incluido este Punto de Verificación:Semáforo en rojo/Prioridad 1,Semaforo en amarillo/Prioridad 2,Semáforo en verde/Prioridad 3.

-Justificación y Explicación:El estudio y comprensión del Punto de Verificación, con notas aclaratorias y ejemplos cuando se precise. Punto de verificación Priorid ad Justificación y Explicación 3.3 • Justificación:

Conforme a WCAG 1.0, toda página web debe usar hojas de estilo para controlar la disposición y la presentación. • Explicación:

Cada elemento del lenguaje HTML tiene un uso determinado dentro de la estructura de los documentos. La maquetación y presentación de esos documentos debe controlarse mediante un lenguaje de hojas de estilo, como las CSS.

( Nota: a los dos párrafos siguientes se le han adjudicado diferentes estilos en cascada, de modo que si un navegador soporta CSS se verán con distintas combinaciones de colores y estilos de fuentes. )

Se debe evitar el uso de elementos que han caído en desuso en HTML, como BASEFONT y FONT para definir las características de las fuentes. En su reemplazo deben utilizarse hojas de estilo, que permiten controlar con exactitud el color, tamaño y estilos de las fuentes, y en general, todos los aspectos relacionados con la composición de textos.

TAMPOCO SE DEBEN UTILIZAR LOS DISTINTOS NIVELES DE ENCABEZADOS DE HTML(H1 A H6) PARA EFECTUAR CAMBIOS DE ESTILOS EN LAS FUENTES O ELEMENTOS COMO BLOCKQUOTE,UL,DL,DT Y TABLE PARA CONSEGUIR EFECTOS EN LA

COMPOSICIÓN. Estas son las reglas de estilo aplicadas a los párrafos anteriores:

párrafo 1 { padding: 1em; color:#009900; font-family:serif; background-color:#FFFFFF; border: 2px groove #CCCCCC; } párrafo 2 { margin-left: 10%; background-color:#FFFFCC; color:#990000; font-variant:small-caps; font-style:italic; text-align:center; }

-Análisis Punto de Verificación 3.3

La tabla que se expone a continuación está dividida en 3 columnas y 3 filas: 1. Fila Superior:

-Columna de la izquierda:Dentro del site UOC, tenemos 10 páginas a analizar de manera manual.

-Columna Central:Descripción de la herramienta que utilizamos para descubrir errores de manera manual o explicación de la tarea de análisis a realizar.

-Columna de la derecha:Muestras de imágenes y/o código de las páginas analizadas. 2. Fila central:

-Columna Modificaciones a realizar:Las propuestas realizadas para cumplir con el Punto de Verificación. 3.Fila tercera:

-Conclusiones:Pequeñas anotaciones que complementan la tabla. 4.Fila Inferior:

-Minusvalia y Pauta afectada:El nombre lo dice todo.Más anotaciones aclaratorias.

Páginas a analizar:

• Preguntes més freqüents • Organització i govern

• Fundació per la Universitat Oberta de Catalunya • Grup UOC • Premis i reconeixements • Xarxes internacionals • Lliçons inaugurals • Honoris causa

• Estudis, instituts, escoles i càtedres • Estudis [centres]

Elementos de presentación: Se utilizan elementos HTML para controlar la presentación.

Utilizaremos el addon “Código Fuente” de nuestro navegador con la finalidad de revisar éste.

Propiedades de presentación: Se utilizan atributos HTML para controlar la presentación.

Utilizaremos el addon “Código Fuente” de nuestro navegador con la finalidad de revisar éste.

Comprobamos el código de las páginas a analizar

Señalamos aquellos elementos de control de la

disposición y presentación de la página que deberían ser reemplazados por hojas de estilo.

Puc estudiar des de qualsevol lloc del món? Els estudis són completament virtuals? O hauré d'anar a l'Estat espanyol a fer els exàmens?

Què és un campus virtual?

Com és el model d'aprenentatge de la UOC? S'avaluaran els meus estudis?

Hi haurà alguna tutoria disponible? Quina diferència hi ha entre un grau de màster oficial i l'altre màster de la UOC?

Com funciona la Biblioteca Virtual? Quants anys he de tenir per a estudiar a la UOC?

902 141 141

Per a trucades internacionals: +34 93 165 42 44

Comprobamos el código de las páginas a analizar

<img width="15" height="15" border="0"

src="http://www.uoc.edu/portmg="" alt="Facebook" /> <img width="15" height="15" border="0"

src="/portal/_resources/common="Twitter" /> <img width="15" height="15" border="0" src="/portal/_resource_flickr.png" alt="Flickr" />

Modificaciones a realizar

Las 10 páginas analizadas presentan errores sintácticos de código HTML que debería ser corregido de la manera más urgente posible conforme a la tecnología W3C.

Elementos de Presentación:

Se deberían utilizar reglas de estilo aplicadas a los párrafos anteriores a modo similar a los ejemplos expuestos en el apartado “justificación” de este mismo punto,utilizando los atributos color,font-family,font- variant y font-style principalmente.Se tiene que modificar el código para que cumpla perfectamente con las pautas marcadas por WCAG 1.0 en el punto 3.3.

Propiedades de Presentación:

Se deberían utilizar reglas de estilo aplicadas a los párrafos anteriores a modo similar a los ejemplos expuestos en el apartado “justificación” de este mismo punto,utilizando el atributo border principalmente.Se tiene que modificar el código para que cumpla perfectamente con las pautas marcadas por WCAG 1.0 en el punto 3.3.

Conclusiones

Se deberian de realizar las modificaciones de código propuestas para cumplir con el Punto de verificación 3.3.

No se cumple con el Punto de Verificación 3.3 de Prioridad 2.

Minusvalía y Pauta afectada

Pauta 3. Los usarios con

In document Estudio de la accesibilidad web en la Universitat Oberta de Catalunya (página 77-80)