Conclusiones WCAG 1
Nota 2.2: El mecanismo debe satisfacer todos los Criterios de Conformidad para el nivel de conformidad declarado.
-Análisis Criterio 1.4.2
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 -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 criterio. 3.Fila inferior:
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]
NO APLICA
En las 10 páginas analizadas no se reproduce ningún sonido de manera automática.
Modificaciones a realizar
No se necesita hacer ninguna modificación,pues en todas las páginas analizadas no se incluyen sonidos que se reproduzcan automáticamente.
Conclusiones
A modo de recomendación indicamos que si en algún momento se incluyeran sonidos que se reprodujeran de manera automática, seria conveniente codificar un control semejante al que incluye el botón gráfico “Escoltar” situado en la parte superior de las páginas.
1.Control para cerrar aplicación. 2.Control para Pausar/reproducir. 3.Control para Volumen. 4.Control para configuración. 5.Control para descargar el contenido en formato MP3.
No se puede determinar si se cumple o no el criterio de éxito 1.4.2 de nivel A.
-Estudio y Comprensión Criterio 1.4.3
La tabla que se expone a continuación está dividida en 3 columnas:
-Criterio de éxito:Si se pulsa al mismo tiempo CTRL+clic de ratón, nos enlaza con WCAG 2.0 en su original en inglés. -Nivel:Donde está incluido este criterio.
-Justificación y Explicación:El estudio y comprensión del criterio, con notas aclaratorias y ejemplos cuando se precise.
Criterios de éxito Nivel Justificación y Explicación
1.4.3 Contraste
(mínimo) AA
• Justificación:
1. El texto o las imágenes de texto deben tener una relación de contraste de al menos 4.5:1, excepto en los siguientes casos:
• En los textos grandes (de más de 18 puntos o 14 puntos en negrita) y las imágenes de texto grandes la relación de contraste debe ser de al menos 3:1.
• En los textos, o las imágenes de texto, que forman parte de un componente de la interfaz de usuario inactivo, que son meramente decorativos, que no son visibles o que forman parte de una imagen cuyo significado es visual, no tienen un requisito mínimo de contraste.
• Los textos que forman parte de un logotipo o de una marca comercial no tiene un requisito mínimo de contraste.
2. Nota: Se puede usar algunas herramientas para comprobar el contraste, por ejemplo, Color Contrast Checker o Luminosity Colour Contrast Ratio Analyser. • Explicación:
Contraste (mínimo): La presentación visual de texto e imágenes de texto debe tener una relación de contraste de, al menos, 4.5:1, excepto en los siguientes casos: (Nivel AA)
•
Textos grandes: Los textos de gran tamaño y las imágenes de texto de gran tamaño deben tener una relación de contraste de, al menos, 3:1.•
Incidental: Los textos o imágenes de texto que forman parte de uncomponente inactivo de la interfaz de usuario, que son simple decoración, que no resultan visibles para nadie o forman parte de una imagen que contiene otros elementos visuales significativos, no deben tener requisitos de contraste.
•
Logotipos: El texto que forma parte de un logo o nombre de marca no debetener requisitos de contraste mínimo.
-Análisis Criterio 1.4.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 -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 criterio. 3.Fila inferior:
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]
ERRORES
Para analizar la relación de contraste utilizaremos el addon WCAG Contrast Checker en combinación del addon colorzilla
El uso de la extensión colorChecker se puede combinar, por ejemplo, con la extensión ColorZilla, pues esta permite seleccionar directamente desde el documento web (y copiar al portapapeles) el color que se quiera comprobar. Si se tiene instalada la extensión ColorZilla, al pulsar Shift+Z o Shift+X se activará, enviando respectivamente el color de primer plano o de fondo al colorChecker. El panel lateral se despliega desde el menú herramientas del navegador, o bien pulsando en el icóno que se muestra en la barra de estado, e incluso, con la combinación de teclado alt+c. Referencias: https://addons.mozilla.org/es- ES/firefox/addon/wcag-contrast- checker/ https://addons.mozilla.org/es- es/firefox/addon/colorzilla/ http://www.beatrizmateo.com/blog/ana lisis-de-contraste-de-color-segun- wcag-2-0/
Servicio Newman de Evaluación del Diseño.
El resultado del análisis se muestra en la columna de la derecha de esta tabla.
En las 10 páginas analizadas el contrase de color no es el correcto tanto para VISION NORMAL, como para usuarios con deficiencias visuales como
PROTANOPIA,DEUTERANOPIA y TRITANOPIA
Se anexan muestras elegidas al azar recogidas de diferentes páginas entre las 10 a analizar con los resultados de la combinación de los tools indicados en la columna de la izquierda de esta misma tabla:
CABECERA 1. Elección de idioma
2. Texto a buscar
4.Login campus
5.Escuchar,Imprimir, Compartir
6.Breadcrumbs
PARTE DERECHA
PIE
Modificaciones a realizar
Se necesita cambiar con urgencia los códigos de los colores de primer plano y de fondo de todas las páginas analizadas.
Los desarrolladores de la web deberian tener en cuenta tanto la visión normal como posibles deficiencias visuales de los usuarios potenciales comentadas en la parte superior de esta misma columna. A modo de recomendación indicamos que al modificar el código HTML de las páginas analizadas y
concretamente en la simulación para obtener los valores correspondientes a problemas en percepción de color, el algoritmo empleado se basa en el algoritmo descrito por Hans Brettel, Francoise Vienot y John Mollon en su artículo publicado en Journal of the Optical Society of America V14, #10 pp2647, y en la adaptación incluida en el módulo correspondiente del Gimp y cuyos créditos corresponden a: * Michael Natterer * Sven Neumann * Robert Dougherty * Alex Wade Conclusiones
Se debería modificar con urgencia el código HTML y CSS de las páginas analizadas para cumplir con el criterio de éxito analizado.
No se cumple el criterio de éxito 1.4.3 de nivel doble A.
-Estudio y Comprensión Criterio 1.4.4
La tabla que se expone a continuación está dividida en 3 columnas:
-Criterio de éxito:Si se pulsa al mismo tiempo CTRL+clic de ratón, nos enlaza con WCAG 2.0 en su original en inglés. -Nivel:Donde está incluido este criterio.
-Justificación y Explicación:El estudio y comprensión del criterio, con notas aclaratorias y ejemplos cuando se precise.
Criterios de éxito Nivel Justificación y Explicación
1.4.4 Tamaño del
texto AA
• Justificación:
1. La página deberá ser legible y funcional cuando se doble el tamaño del texto. 2. La interpretación del diseñador web Roger Johansson a este punto es que hasta que la amplia mayoría de los usuarios utilicen navegadores que soporten zoom (y el soporte del zoom de los navegadores mejore), deberíamos comprobar que el texto de nuestras páginas puede ser ampliado hasta un 200%.
• Explicación:
Cambio de tamaño del texto: A excepción de los subtítulos y las imágenes de texto, todo el texto puede ser ajustado sin ayudas técnicas hasta un 200 por ciento sin que se pierdan el contenido o la funcionalidad. (Nivel AA).
Nota 1:
- Imágenes de texto
El texto que ha sido presentado en forma no textual (por ejemplo, una imagen) para conseguir un efecto visual determinado.
Nota 1.1: Esto no incluye el texto que forma parte de una imagen que contiene