Accesibilidad
-
Upload
maricarmen-sanchez -
Category
Documents
-
view
392 -
download
0
Transcript of Accesibilidad
ACCESIBILIDAD
§ Introducción § Conceptos importantes del diseño web § Modelo de Área § Modelo de Bo>cario y Gaudioso § Profundización en los contenidos web § Accesibilidad § Conclusiones § BibliograEa § WebgraEa
Proponemos a con>nuación algunas reflexiones y orientaciones en el diseño de espacios web de carácter educa>vo, barajando aspectos como la representación de la información, la navegación, la hipertextualidad, el diseño, etc.
ü El usuario de Internet, ¿lee ó simplemente hojea las páginas de la red?
ü Los contenidos extensos, ¿atraen la atención del usuario?
ü El abuso de las mayúsculas, ¿ayuda ó entorpece la lectura en la web?
ü Los enlaces “rotos”, ¿causan una buena ó mala impresión en el usuario de la red?
§ Los textos móviles y la tecnología puntera, ¿ayudan al buen diseño web?
§ Las imágenes sin texto alterna>vo, ¿proporcionan suficiente información?
§ Los fondos de pantalla y colores llama>vos, ¿permiten leer con facilidad?
§ ¿Son realmente accesibles para todos los usuarios las webs que visitamos?
Todos los usuarios, incluso los discapacitados, >enen derecho navegar y aprender en la web. No olvidemos que éstos ob>enen un aliciente especial al navegar en Internet. Por ello debemos hacer diseños pensando también en ellos.
§ Usabilidad. Facilidad de uso y amabilidad del entorno.
§ Navegabilidad. Alude a la estructura que permite al usuario una navegación fácil.
§ Accesibilidad. Requisito que debe reunir una web para que los discapacitados accedan a la información.
ü El usuario es el que manda. ü La calidad se basa en la rapidez y la fiabilidad. ü Seguridad. ü Los malos enlaces hacen perder la confianza en el web. ü Simplifica, reduce y op>miza. ü Conclusiones al principio. ü No poner cosas que los usuarios no necesiten. ü Poner buenos contenidos.
q Diseño pedagógico. Obje>vos, estrategias, evaluación, público al que va dirigida, etc.
q Diseño estructural. Estructuración de los contenidos (división en varias webs).
q Diseño formal. Edición de la página web u>lizando un editor adecuado.
Tareas en el diseño y desarrollo de una web docente: § Clarificar el porqué y para qué de la elaboración del material. § Iden>ficar las caracterís>cas de los usuarios. § Planificar y desarrollar los componentes didác>cos. § Planificar la estructura del web. § Diseñar el formato o interface gráfico. § Desarrollar las páginas que configuran el material. § Comprobar en dis>ntos navegadores el web elaborado. § Realizar una prueba con un grupo de alumnos. § Publicar el material en Internet.
Aspectos reseñables en cuanto a los contenidos del web: § Obje>vos claros. § Componentes aconsejados como un mapa web, resumen
introductorio y datos de referencia. § Contenidos estructurados. § Navegabilidad adecuada. § Gráficos con texto alterna>vo y con información de interés.
§ Estructurar y secuenciar los contenidos. § Incluir las caracterís>cas de los potenciales usuarios.
§ Considerar que el material se u>lizará lejos de la presencia del profesor.
§ Incorporar ac>vidades interac>vas. § Enlazar con otras webs relacionadas. § Incorporar recursos de comunicación telemá>ca.
Algunos errores de diseño son: § Tecnología puntera. § Texto y gráficos móviles. § Información desactualizada. § Tiempo de carga excesivos.
Algunas normas básicas de legibilidad (según Marcelo et al, 2002) son: § Texto negro sobre blanco. § Fondos con colores claros. § Fuentes suficientemente grandes. § Texto quieto. § Alineación del texto a la izquierda. § U>lización de la fuente serif. § Evitar las mayúsculas.
La accesibilidad consiste en proporcionar flexibilidad para acomodarse a las necesidades y preferencias de los usuarios.
Las discapacidades se clasifican en: § Discapacidades visuales. § Discapacidades audi>vas. § Discapacidades motoras. § Discapacidades cogni>vas.
Discapacitados visuales
Discapacitados visuales
Ciegos Daltónicos Con restos visuales
Discapacitados auditivos
Discapacitados auditivos
Sordos Sordo-ciegos Con restos auditivos
§ Ciegos. Tienen problemas con las imágenes, Java-‐Script, flash, plug-‐ins y tablas.
§ Personas con restos visuales. Necesitan letras grandes.
§ Daltónicos. El color no debe representar información relevante. Si se u>liza el rojo sería conveniente u>lizar alguna marca o señal.
§ Sordos. Los clips de vídeo y los sonidos les crean problemas. Es conveniente u>lizar subctulos.
§ Sordo-‐ciegos. Son los que >enen más problemas. Necesitan lectores de Braille.
§ Con restos audi?vos. Necesitan de tecnología que amplifique el sonido.
§ Personas con discapacidades motoras. Deben u>lizar ratones cefálicos, varillas bucales, punteros, teclados expandidos, etc.
§ Personas con discapacidades cogni?vas. Pueden u>lizar lectores de pantalla, pero necesitan gráficos e imágenes. Las imágenes deben llevar texto alterna>vo.
§ Igualdad. § Flexibilidad en el uso. § Uso simple e intui>vo. § Información percep>ble. § Mínimo esfuerzo Esico.
§ Imágenes con texto alterna>vo. § No u>lizar animaciones. § No u>lizar el color en informaciones importantes. § Describir claramente los enlaces. § Organización clara de los contenidos. § Marcar los cambios de idioma. § Evitar las tablas, pero si se usan, hacer tablas línea a línea. § Evaluar el si>o web con alguna herramienta de
accesibilidad.
§ Definir los obje>vos de la web. § Delimitar el grupo des>natario. § Seleccionar los contenidos. § Diseñar (según pautas de accesibilidad). § Evaluar la web. § Colgar la web en Internet (si la evaluación hubiese sido posi>va)
En la dirección: hdp://www.nils.org.au/ais/web/resour ces/toolbar/ podemos encontrar una barra con un conjunto de herramientas para la validación de la accesibilidad de webs. Esta barra se descarga y se incorpora al navegador.
U>lizando el test T.A.W. (en español) y aplicándolo a la página de la UNED, hdp://www.uned.es obtenemos lo siguiente: Se han encontrado errores que hacen esta página inaccesible. Debe solucionarlos para obtener el icono de accesibilidad TAW. Revise los errores y como solucionarlos. Nos vuelve a ocurrir lo mismo si aplicamos el test a la página del CNICE hdp://www.cnice.mecd.es
• No existen recetas para un buen diseño, todo depende de la finalidad del web.
• Hay que aprovechar la hipertextualidad y no poner en la red sólo contenidos de formato impreso.
• La producción de materiales web es una labor de equipo: expertos en didác>ca, expertos en diseño gráfico, técnicos informá>cos y expertos en contenidos del web.
• La sencillez del diseño es un parámetro básico. • Los contenidos han de ser de calidad y deben estar
actualizados.
§ AGUADED Y CABERO. (2002). Educar en red. Internet como recurso para la educación. Málaga. Ediciones Aljibe.
§ AREA, M. (2003). Guía didác?ca. Creación y uso de webs para la docencia universitaria.
§ BOIS, O. (2000). Web sin barreras: las nuevas ventajas aportadas por HTML4 y las CSS2. En I Congreso virtual integración sin barreras en el siglo XXI.
§ BOTICARIO Y GAUDIOSO. (2001). Aprender y formar en Internet. Madrid. Paraninfo.
§ MARCELO et al. (2000). E-‐learning. Teleformación. Barcelona. Ediciones Ges>ón 2000.
§ MEYERTONS Y BOWERS. (2000). Accesibility of on line materials. En hdp://www.access.pdx.edu/workshops.
§ hdp://dewey.uab.es/pmarques/buenidea.htm Ideas para aprovechar el ciberespacio en educación.
§ hdp://www-‐3.ibm.com/able/accessweb.html Lista con problemas de accesibilidad y soluciones posibles.
§ hdp://www.w3.org Pautas de diseño web de la WAI. § hdp://www.cast.org/bobby/ Página con el programa Bobby de
validación de accesibilidad. § hdp://validator.w3.org/ Página con el programa Validator para el
estudio de la accesibilidad de una web.