Informe Accesibilidad Sitios

¿SERÁ REALMENTE INTERNET UN ESPACIO DEMOCRÁTICO E INCLUSIVO?

UNIVERSIDAD ESTATAL A DISTANCIA

VICERRECTORÍA ACADÉMICA

ESCUELA CIENCIAS DE LA EDUCACIÓN

TICS Y NECESÍDADES EDUCATIVAS ESPECIALES I

CÓDIGO: 02105

ALUMNOS:

YULIANA GUEVARA FLORES

MARIA ALEJANDRA GUILLEN CASTRO

ANDY LENIA GUTIERREZ MORA

JOSEPH JOSE MASIS VALVERDE

INFORME SITIOS ACCESIBILIDAD

FECHA: 11-03-2015

PAC- I, 2015.


Contenido

Valoración de accesibilidad de sitios web: ................................................................ 3

Valoración de Yuliana Guevara Flores: ................................................................... 3

Análisis Automático: .................................................................................................... 3

Análisis Manual: ........................................................................................................... 4

Valoración de Andy Lenia Gutierrez Mora: ............................................................. 6

Análisis Automático: .................................................................................................... 6

Análisis Manual: ........................................................................................................... 7

Valoración de María Alejandra Guillen Castro: ......................................................... 8

Análisis Manual: ........................................................................................................... 9

Análisis Automático: .................................................................................................. 11

Valoración de Joseph José Masis Vaverde: ............................................................ 13

Análisis Automático: .................................................................................................. 13

Análisis Manual: ......................................................................................................... 16

Referencias ....................................................................................................................... 20


3

Valoración de accesibilidad de sitios web:

Valoración de Yuliana Guevara Flores:

Análisis de sitio web:

http://www.uned.ac.cr/

Análisis Automático:

Al realizar la valoración automática de la página de la UNED se han encontrado

20 problemas en donde son necesarias correcciones, 113 advertencias en donde es

necesario revisar manualmente y 16 no verificados en donde la comprobación debe ser

completamente manual.

http://www.uned.ac.cr/


4

Análisis Manual:


5

Al realizar la valoración manual se debe revisar:

1. Contenido no textual.

2. Secuencia con significado.

3. Redimensionamiento del texto.

4. Evitar bloques.

5. Páginas tituladas.

6. Orden del foco.

7. Encabezados y etiquetas.

8. Foco visible.


6

Valoración de Andy Lenia Gutierrez Mora:


http://www.nacion.com/




7

Análisis Manual:


8

Valoración de María Alejandra Guillen Castro:


http://www.crhoy.com/

TAW es un analizador automático de la accesibilidad web que está disponible en castellano y además tiene una versión ejecutable en la dirección: http://www.tawdis.net El primer paso es ingresar el URL del sitio web y luego se da clic en el botón analizar:

Pegar el link a

analizar

Dar clic en el botón

http://www.crhoy.com/

http://www.tawdis.net/


9

A continuación se despliega el resultado del análisis automático:

Análisis Manual:

Se utiliza la herramienta HERA.

Herramienta o utilidad Web para la revisión manual de la accesibilidad,

especialmente diseñadas por la Fundación Sidar, que facilita la comunicación y aplicación

directa de otras herramientas externas para la revisión de determinados puntos (Como

los revisores de sintaxis y de hojas de estilo del W3C). Incluye una completa ayuda sobre

qué es lo que hay que observar al revisar cada punto de control.

Hera permite generar un informe que puede personalizarse, además ofrece una

opción para generar el informe en formato RDF y descargarlo para que el revisor pueda

publicarlo en su propio sitio Web.

El primer paso es ingresar el URL del sitio Web y luego se da clic en el botón

revisar.

Resultado

s


10

URL a

analizar

Clic en botón

revisar


11


A continuación se despliega el resultado del análisis automático:

Las directrices que se analizaron y dieron problemas son las siguientes:

1. Proporcione alternativas para los contenidos visuales y auditivos.

2. No se base sólo en el color.

3. Utilice marcadores y hojas de estilo y hágalo apropiadamente.

4. Identifique el idioma usado.

5. Cree tablas que se transformen correctamente.

6. Asegúrese de que las páginas que usan tecnologías novedosas se transformen

correctamente.

7. Asegure al usuario el control sobre los cambios de los contenidos tempo-

dependientes.

Resultado

s


12

8. Asegure la accesibilidad directa de las interfaces incrustadas.

9. Diseñe teniendo en cuenta diversos dispositivos.

10. Utilice soluciones provisionales.

11. Utilice las tecnologías y directrices del W3C.

12. Proporcione información de contexto y orientación.

13. Proporcione mecanismos claros de navegación.

14. Asegúrese de que los documentos sean claros y sencillos.


13

Valoración de Joseph José Masis Vaverde:


http://www.ucr.ac.cr/


Para el análisis automático del sitio web de la Universidad de Costa Rica use la

herramienta Taw (Test de accebilidad web). La herramienta permite analizar errores de

accesibilidad en el código html y las hojas de estilo CSS (cascading style sheet) de los

sitios electrónicos.

Estos son los resultados para el sitio web de la Universidad de Costa Rica:

http://www.ucr.ac.cr/


14


15

En resumen lo que muestran los resultados es falta de descripciones en los

diferentes elementos de la página electrónica como marcos e imágenes. También

muestra enlaces duplicados que hacen que un lector de pantalla por ejemplo los lea

innecesariamente dos veces. Hay errores en las etiquetas de lenguaje que pueden hacer

fallar a lectores de pantalla. También el script señala fallas en el uso del contraste del

color en la página y en el uso de la paleta de colores.


16

Análisis Manual:

Para la revisión manual uso una herramienta de ayuda llamada WAVE. Wave

señala una serie de elementos en los sitios electrónicos de forma gráfica que tienen

problemas en temas de accesibilidad. Es una buena referencia usándolo como una

extensión en Google Chrome para revisar algunos temas específicos de accesibilidad.

También use otra herramienta para el navegador internet explorer llamada WAT (Web

Accessibility Toolbar). Con esa herramienta se pueden revisar aspectos como

posibilidad del uso de zoom, contraste, revisión de tablas, etc.

Algunos ejemplos de la revisión manual del sitio de la UCR:

Acá se presenta un pdf. El problema de los pdfs es pueden hacer que un

estudiante que use lector de pantalla salga de la página web, y los pdf no son muy

amigables en temas de accesibilidad.


17

Hay muchos enlaces sin texto, por lo que los lectores de pantalla no leen cual es

el propósito del enlace, ni a donde lleva.

Un desorden en elementos listados, por lo que no es posible que los lectores de

pantalla naveguen en esas listas de forma adecuada.


18

La imagen no es descrita por un texto, por lo que para el lector de pantalla no

existe.

Otro ejemplo de falta de accesibilidad es este texto que apenas sobresale en

contraste con el fondo.


19

La herramienta WAT tiene una aplicación para analizar el apropiado contraste

entre fondo y caracteres.


20

Referencias

Adam, P. (n.d.). Web Accessibility Toolbar (WAT) | The Paciello Group – Your Accessibility Partner (WCAG 2.0/508 audits, VPAT, usability and accessible user experience). Recuperado desde: http://www.paciellogroup.com/resources/wat/ C, Benavides. (2003-2005). Revisando la accesibilidad con estilo. Página web recuperada el 05 de marzo de 2015. http://www.sidar.org/hera/

CTIC Centro Tecnológico. (s.f.). TAW. Recuperado el 08 de 03 de 2015, de http://www.tawdis.net/

Grupo Nación S.A. (2015). La Nación. Página web recuperada el 05 de marzo de 2015. http://www.nacion.com/ Fundación SIDAR (2008) – Acceso Universal. http://www.sidar.org/que/index.php Rains, S. (s.f.). Sidar. Recuperado el 03 de 08 de 2015, dehttp://www.sidar.org/recur/revisa/herra/index.php

WebAIM. (2015). WebAIM: Web Accessibility In Mind. Recuperado desde: http://webaim.org/

http://www.paciellogroup.com/resources/wat/

http://www.sidar.org/hera/

http://www.tawdis.net/


http://www.sidar.org/recur/revisa/herra/index.php

http://webaim.org/

Documents

Informe Accesibilidad Sitios