Rogelio Ferreira Escutia Unidad IV Desarrollo y Evaluación de Interfaces de Usuario Interfaces Hombre-Máquina.

Slides:



Advertisements
Presentaciones similares
PROCEDIMIENTO AUDITORIAS INTERNAS.
Advertisements

HTML (Historia) Rogelio Ferreira Escutia. 2 HTML, septiembre 2010 ¿Qué es? HTML, siglas de HyperText Markup Language.
CSS Rogelio Ferreira Escutia. 2 Hojas de estilo cascada, mayo 2010 Definición La hojas de estilo en cascada (en inglés.
JavaScript Rogelio Ferreira Escutia. 2 JavaScript Wikipedia, noviembre 2009http://es.wikipedia.org/wiki/Javascript.
Rogelio Ferreira Escutia Recomendaciones Técnicas para el desarrollar Páginas Web.
Kit de Accesibilidad Web versión 1.0
· Sitio especialmente desarrollado y diseñado para personas con dificultades visuales · Accesible desde la pag. de inicio de LA NACION LINE · Lanzamiento:
Definición: En consecuencia, podemos definir la accesibilidad Web como la posibilidad de que un producto o servicio web pueda ser accedido y usado por.
Guías para Accesibilidad del Contenido Web 1.0
DISEÑO DE SITIOS WEB CON DREAMWEAVER 8.
Taller Diseño de Sitios Web Accesibles
TEMA 2: NAVEGAR POR LA WEB Navegando por la Red Rubén Ortiz y Ramón Hermoso Universidad Rey Juan Carlos Madrid Navegando por la Red 1.
Repositorio Institucional de la UOC: Estudio Comparativo y Evaluación de su Accesibilidad Estudiante: Sonia Villa Gómez Consultora: Mònica Buj Gelonch.
Servicios de Internet (1)World Wide Web [WWW] (2)Transferencia de ficheros (FTP)
GUÍA DEL POSTULANTE Esta Guía le proporcionará ayuda para realizar de manera efectiva, postulaciones a Concursos de Alta Dirección Pública.
Algunas características del CV-UDES
II ENCUENTRO INTERNACIONAL DE PROYECTOS INCLUSIVOS EXITOSOS.
INTERNET Y SUS APLICACIONES
ESTRUCTURA DEL SITIO Usabilidad Web.
TEMA 3: ACCESIBILIDAD A LOS SITIOS WEB
Cualquier sitio web puede ser utilizado en un momento determinado como medio para llevar a cabo ciertos aprendizajes, por ejemplo se pueden aprender cosas.
INTERFAZ DE ACCES DISEÑO DE BASE DE DATOS
Funcionalidad de una plataforma formativa Manuel Santiago Fernández Prieto Universidad Autónoma de Madrid.
1, 2, 3 Power Point Seleccionar algunas de estas opciones. Para comenzar.
DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad
Diseño para Todos Francisco Alcantud Marin U.I. Acceso
Ofrece mejoras en el uso de su plataforma para usuarios con discapacidades físicas y visuales.
TALLER OpenCms Creación de un portal Fase de Análisis y Diseño Arquitectura de Información Diseño Gráfico Usabilidad y Accesibilidad Fase de Desarrollo.
ACCESIBILIDAD WEB Ing. Ana Lilia Urbina Amador III Reunión Nacional de Webmasters del SNEST Tlalnepantla, Edo. de Mex. 2 de Octubre de 2006 Ing. Ana Lilia.
Recuperación y acceso a la información Práctica 1: Creación y Posicionamiento de un WIKI Cristian Fernández Soria.
Aplicando las Pautas ¡¡Comprendiéndolas!!. El espíritu “El poder de la Web está en su universalidad. Que todo el mundo pueda acceder, a pesar de la discapacidad,
Accesibilidad Web.
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
Ingeniería en Sistemas de Información Diseño de Sistemas (3K1)
Estudio de accesibilidad de la tienda online de adolfodominguez.com
1. ¿Qué es una página Web?  Una página web es un documento electrónico diseñado para el World Wide Web (Internet) que contiene algún tipo de información.
ETIQUETAS. Importante Que es una Etiqueta: Son elementos que tienen dos propiedades básicas: atributos y contenidose crea de esta forma, Se cierra de.
La accesibilidad, una obligación de los Estados en sus servicios Web Junio Este proyecto aporta a la inclusión social de las personas en situación.
Explicación de los Temas del Segundo Período.
Líneas Horizontales Las líneas horizontales son de gran ayuda para separar secciones de texto o incluso como decoración. La etiqueta permite dibujar una.
Servicio de Internet http Pagina Web (blog). ¿ Que es una página Web? Documento en la World Wide Web que es visto a través de un navegador como Internet.
Es un conjunto o serie de etiquetas incluidas en archivos de texto que definen la estructura de un documento WWW. Los navegadores WWW leen estos archivos.
 Este protocolo opera a través de solicitudes y respuestas, entre un "cliente" y un "servidor". El cliente para los usuarios es el navegador web, usado.
Profesora: Laura Patricia Pinto Prieto Ingeniera de sistemas Introducción a Programación 3.
CARRERA DE OBSERVACIÓN JORGE YULIAN FLOREZ. ¿QUÉ ES LA INTERNET? INTERCONEXIÓN DE REDES INFORMÁTICAS QUE PERMITE A LOS ORDENADORES O COMPUTADORAS CONECTADAS.
HTML Prof. Oscar Marroquin Mollinedo. Desarrollo web Desarrollo web es un título algo arbitrario para el conjunto de tecnologías de software del lado.
TECNOLOGIAS ACCESIBLES
PLATAFORMAS DE E-LEARNING. Contenidos Educativos accesibles para plataformas de E-Learning Definición Ventajas del aprendizaje online Componentes del.
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Tema 3.2: Accesibilidad a los sitios web. Estándares de accesibilidad
Tema 3.3: Evaluación de la accesibilidad web Lourdes Moreno, Paloma Martínez Universidad Carlos III de Madrid Asignatura Humanidades:
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
TALLER de ACCESIBILIDAD WEB
Anexo accesibilidad | SENADIS y Centro de Sistemas Públicos Observaciones Generales Este es un documento de evaluación de la accesibilidad del Sitio Web.
Nombre de la Institución evaluada:Programa: Vacaciones Tercera Edad URL de su sitio web: Evaluador:Héctor Monsalve.
Nombre de la Institución evaluada: Superintendencia de Electricidad y Combustibles (SEC) URL de su sitio web: Evaluador:Héctor Monsalve.
Nombre de la Institución evaluada:Senama URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de Evaluación:20 Enero.
Nombre de la Institución evaluada:Contraloría y Ciudadano URL de su sitio web: owProperty/BEA%20Repository/Sitios/Ciudadano.
Nombre de la Institución evaluada:Gobierno Regional de Tarapacá URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
Temas: El Ordenador | Redes | ¿Qué es un wiki? | Diseño Web | Programación informática | Hojas de cálculo El OrdenadorRedes¿Qué.
la publicidad en las paginas web han sido de gran impacto en nuestros tiempos modernos ya que ella han logrado atraer a publico en general, ha demás.
Acciones Formativas http: //oportunidadaccesible.com.
Capitulo 3 y 4.   La accesibilidad web habla acerca de que tanta facilidad tienen las paginas de internet tanto para los consumidores en general como.
Web y Multimedia II Integrantes: Piero Álvarez Mayra Atience Jhonney Bermeo Johanna Cabrera Gabriela Cango.
Sitemap – Acceso robots Primer nivel – Piramide SEO.
Accesibilidad web. ¿Qué es la accesibilidad web? Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de.
MACROMEDIA FLASH KARLA YUNUEN GONZÁLEZ VILLANUEVA.
Verificación y Validación del Software
1 Estudios Sectoriales Accesibilidad web. 2 Á mbito de los estudios Las webs objeto del an á lisis de estos estudios pertenecen a los siguientes Sectores:
Transcripción de la presentación:

Rogelio Ferreira Escutia Unidad IV Desarrollo y Evaluación de Interfaces de Usuario Interfaces Hombre-Máquina

Contenido 1)Conceptos sobre Pautas de Accesibilidad a la Web 2) Pautas de Accesibilidad

1) Conceptos sobre Pautas de Accesibilidad a la Web

Estas pautas explican cómo hacer accesibles los contenidos de la Web a personas con discapacidad. Las pautas están pensadas para todos los desarrolladores de contenidos de la Web (autores de páginas y diseñadores de sitios) y para los desarrolladores de herramientas de autor. El fin principal de estas pautas es promover la accesibilidad. De cualquier modo, siguiéndolas, se hará la Web más asequible también para todos los usuarios, cualquiera que sea la aplicación de usuario utilizada (por ejemplo, navegador de sobremesa, navegador de voz, teléfono móvil, ordenador de a bordo, etc.), o las limitaciones bajo las que opere (por ejemplo, entornos ruidosos o silenciosos, habitaciones infra o supra iluminadas, entorno de manos libres, etc.). Pautas de Accesibilidad 4 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Seguir estas pautas ayudará también a cualquier persona a encontrar información en la Web más rápidamente. Estas pautas no desalientan a los desarrolladores para la utilización de imágenes, vídeo, etc.; por el contrario, explican cómo hacer los contenidos multimedia más accesibles a una amplia audiencia. Pautas de Accesibilidad 5 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Número de pauta. Exposición de la pauta. Vínculos de navegación de la pauta: Tres vínculos permiten la navegación hacia la siguiente pauta (icono de flecha hacia la derecha), la pauta anterior (icono de flecha hacia la izquierda) o la posición de la pauta actual en la tabla de contenidos (icono de flecha hacia arriba). El fundamento que sustenta la pauta y algunos grupos de usuarios que se benefician de ella. Una lista de definiciones de los puntos de verificación. Organización de las Pautas 6 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Cada punto de verificación incluye: Número del punto de verificación. Explicación del punto de verificación. La prioridad del punto de verificación. Los puntos de verificación de Prioridad 1 están resaltados en negrita. Notas informativas opcionales, ejemplos aclaratorios y referencias cruzadas a pautas o puntos de verificación relacionados. Un vínculo a una sección del Documento de Técnicas donde se tratan la ejecución y ejemplos del punto de verificación. Cada punto de verificación es lo suficientemente específico, de forma que cualquiera que revise una página o sitio pueda comprobar que dicho punto ha sido satisfecho. Puntos de Verificación 7 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Cada punto de verificación tiene un nivel de prioridad asignado por el Grupo de Trabajo y fundamentado en su impacto en la accesibilidad. [Prioridad 1] Un desarrollador de contenidos de páginas Web tiene que satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán imposible acceder a la información del documento. Satisfaciendo este punto de verificación es un requerimiento básico para que algunos grupos puedan usar estos documentos Web. [Prioridad 2] Un desarrollador de contenidos de páginas Web debe satisfacer este punto de verificación. De otra forma, uno o más grupos encontrarán dificultades en el acceso a la información del documento. Satisfaciendo este punto de verificación eliminará importantes barreras de acceso a los documentos Web.Prioridades 8 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

[Prioridad 3] Un desarrollador de contenidos de páginas Web puede satisfacer este punto de verificación. De otra forma, uno o más grupos de usuarios encontrarán alguna dificultad para acceder a la información del documento. Satisfaciendo este punto de verificación mejorará la accesibilidad de los documentos Web. Algunos puntos de verificación tienen especificado un nivel de prioridad que puede variar bajo ciertas condiciones (indicadas).Prioridades 9 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Esta sección define tres niveles de adecuación a este documento: Adecuación de nivel A (A): se satisfacen todos los puntos de verificación de prioridad 1. Adecuación de nivel Doble A (AA): se satisfacen todos los puntos de verificación de prioridad 1 y 2. Adecuación de nivel Triple A (AAA): se satisfacen todos los puntos de verificación de prioridad 1, 2 y 3. Los niveles de adecuación están deletreados en el texto para que puedan ser comprendidos cuando se transformen en sonido.Adecuación 10 Pautas de Accesibilidad, junio 2005http://usuarios.discapnet.es/disweb2000/index.htm

Si en el diseño y construcción de una página se han seguido las pautas de Accesibilidad para el contenido Web, y tras su revisión se está seguro de alcanzar alguno de los niveles de accesibilidad, puede colocarse el logo correspondiente que el WAI ofrece para declarar la conformidad con las directrices. Documento que cumple Accesibilidad 11 W3C Web Content Accessibility Guidelines 1.0 Conformance Logos, junio 2005http:// Nivel A Nivel AA Nivel AAA

Si la página web cumple con las pautas de accesibilidad Nivel A, se inserta el siguiente código en la página: <a href= title="Explanation of Level A Conformance"> <img height="32" width="88 src= alt="Level A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0"> Documento que cumple Accesibilidad 12 W3C Web Content Accessibility Guidelines 1.0 Conformance Logos, junio 2005http://

Si la página web cumple con las pautas de accesibilidad Nivel AA, se inserta el siguiente código en la página: <a href= title="Explanation of Level Double-A Conformance"> <img height="32" width="88 src= alt="Level Double-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0"> Documento que cumple Accesibilidad 13 W3C Web Content Accessibility Guidelines 1.0 Conformance Logos, junio 2005http://

Si la página web cumple con las pautas de accesibilidad Nivel AAA, se inserta el siguiente código en la página: <a href= title="Explanation of Level Triple-A Conformance"> <img height="32" width="88 src= alt="Level Triple-A conformance icon, W3C-WAI Web Content Accessibility Guidelines 1.0"> Documento que cumple Accesibilidad 14 W3C Web Content Accessibility Guidelines 1.0 Conformance Logos, junio 2005

Cualquier persona puede revisar la accesibilidad de cualquier página web utilizando una herramienta de evaluación automática (como el TAW). Estas herramientas permiten ver de forma rápida si existen errores muy graves. Revisión de Accesibilidad 15 W3C Web Content Accessibility Guidelines 1.0 Conformance Logos, junio 2005

2) Pautas de Accesibilidad a la Web

Las Pautas son una especificación del W3C que proporciona una guía sobre la accesibilidad de los sitios web. Han sido desarrolladas por la Iniciativa de Accesibilidad en la Web (WAI) del W3C. La especificación contiene 14 pautas, que son los principios generales para el diseño accesible. Cada pauta esta asociada a uno o varios puntos de verificación que describen cómo aplicar esa pauta a las características particulares de las páginas web.Pautas 17 Pautas de Accesibilidad, junio 2005

"Proporcione alternativas equivalentes de contenido visual y auditivo". Si bien algunas personas no pueden utilizar imágenes, películas, sonidos, applets, etc directamente, sí pueden utilizar páginas que incluyen información equivalente a los contenidos visuales o auditivos. La información equivalente debe cumplir la misma finalidad que los contenidos visuales o auditivos. Así un texto equivalente para la imagen de una flecha ascendente que vincule con una tabla de contenidos, podría ser "Ir a tabla de contenidos". En algunos casos, un equivalente debería describir la apariencia del contenido visual (Ej. para tablas complejas, carteles o diagramas) o el sonido del contenido auditivo (Ej. para los ejemplos sonoros usados en educación). Si bien algunas personas no pueden utilizar imágenes, películas, sonidos, applets, etc directamente, sí pueden utilizar páginas que incluyen información equivalente a los contenidos visuales o auditivos. La información equivalente debe cumplir la misma finalidad que los contenidos visuales o auditivos. Así un texto equivalente para la imagen de una flecha ascendente que vincule con una tabla de contenidos, podría ser "Ir a tabla de contenidos". En algunos casos, un equivalente debería describir la apariencia del contenido visual (Ej. para tablas complejas, carteles o diagramas) o el sonido del contenido auditivo (Ej. para los ejemplos sonoros usados en educación). Pauta 1 18 Pautas de Accesibilidad, junio 2005

"No basarse sólo en el color. " Si el color por sí mismo se usa para transmitir información, las personas que no puedan diferenciar ciertos colores, y los usuarios que no tengan pantallas en color o utilicen dispositivos de salida no visuales, no recibirán la información. Cuando los colores de primer plano y de fondo tienen un tono similar, pueden no proporcionar suficiente contraste en las pantallas monocromáticas, así como a las personas con diferentes tipos de deficiencias de percepción de los colores. Si el color por sí mismo se usa para transmitir información, las personas que no puedan diferenciar ciertos colores, y los usuarios que no tengan pantallas en color o utilicen dispositivos de salida no visuales, no recibirán la información. Cuando los colores de primer plano y de fondo tienen un tono similar, pueden no proporcionar suficiente contraste en las pantallas monocromáticas, así como a las personas con diferentes tipos de deficiencias de percepción de los colores. Pauta 2 19 Pautas de Accesibilidad, junio 2005

Rogelio Ferreira Escutia Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Página Web: Twitter: Facebook: