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.

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

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

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

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.

3

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

Análisis Manual:

4

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

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.

5

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

Valoración de Andy Lenia Gutierrez Mora: Análisis de sitio web: http://www.nacion.com/

Análisis Automático:

6

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

Análisis Manual:

7

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

Valoración de María Alejandra Guillen Castro: Análisis de sitio web: 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

8

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

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

Resultado s

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.

9

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

Clic en botón revisar URL a analizar

10

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

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

Resultado s

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 tempodependientes.

11

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

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.

12

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

Valoración de Joseph José Masis Vaverde: Análisis de sitio web: http://www.ucr.ac.cr/

Análisis Automático: 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:

13

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

14

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

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.

15

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

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.

16

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

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.

17

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

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.

18

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

La herramienta WAT tiene una aplicación para analizar el apropiado contraste entre fondo y caracteres.

19

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

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/

20