TALLER de ACCESIBILIDAD WEB

Slides:



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

También conocido como Diseño Lógico Rodrigo Salvatierra Alberú.
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
CAPACITACION PARA EL TRABAJO: INFORMATICA
Construcción de Páginas WEB
Taller Diseño de Sitios Web Accesibles
com Soluciones Avanzadas de Hosting Somos un sitio en la internet que nace con un ideal de tener una mejor alternativa para trabajar.
CREACION DE ESPACIOS VIRTUALES PARA TRABAJO EN EQUIPO
II ENCUENTRO INTERNACIONAL DE PROYECTOS INCLUSIVOS EXITOSOS.
Interfaz de usuario Originalmente el termino interfaz surgió para referirse al trabajo realizado por algunos especialistas que construían aplicaciones.
Funcionalidad de una plataforma formativa Manuel Santiago Fernández Prieto Universidad Autónoma de Madrid.
DESARROLLO DE APLICACIONES Breves apuntes de accesibilidad
Accesibilidad Web Conceptos y más Ing. Fabiana Contreras Pérez, MAP TEC Digital Set 2013.
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.
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.
DISEÑO DE CONTENIDOS ACCESIBLES PARA PERSONAS
INTERFAZ GRAFICA.
Accesibilidad Emmanuelle Gutiérrez y R. Coordinadora del en las Redes.
La facilidad y libertad con que pueden publicarse contenidos en la Red hacen necesaria la adopción de una serie de criterios que le ayuden a filtrar los.
NAVEGADOR, NAVEGADOR WEB, O BROWSER
1. ¿QUÉ ES LA INTERNET? INTERNET ES UN CONJUNTO DESCENTRALIZADO DE REDES DE COMUNICACIÓN INTERCONECTADAS QUE UTILIZAN LA FAMILIA DE PROTOCOLOS TCP/IP,
ACCESIBILIDAD EN LA WEB Claudio Segovia. ¿Quiénes pueden tener problemas de accesibilidad? TODOS ACCESIBILIDAD EN LA WEB.
Usabilidad y accesibilidad en el diseño de sitios Web.
Accesibilidad y Usabilidad Web Mayo ¿Quiénes usan la web? Personas: Con computadoras de bajos recursos tecnológicos, que no poseen un mouse, parlantes.
LAS TICS Las tecnologías de la información y la comunicación (TIC o bien NTIC para nuevas tecnologías de la información y de la comunicación) agrupan los.
Estudio de accesibilidad de la tienda online de adolfodominguez.com
SITIOS WEB HERRAMIENTAS TIC.
Emmanuelle Gutiérrez y Restrepo Internet para TODOS Diseño de sitios Web accesibles.
Gutiérrez y Restrepo1 Centros de Teleformación Accesibles.
Éste proyecto ha sido financiado con la ayuda de la Unión Europea. Los contenidos son responsabilidad de su autor y de ningún modo debe considerarse que.
Podcasting. Consiste en la distribución de archivos multimedia (normalmente audio o vídeo, que puede incluir texto como subtítulos y notas) mediante un.
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.
TECNOLOGIAS ACCESIBLES
PLATAFORMAS DE E-LEARNING. Contenidos Educativos accesibles para plataformas de E-Learning Definición Ventajas del aprendizaje online Componentes del.
Acosta González Laura Dayanara Contreras Pérez Rosa María García García Venezia González Marín María Guadalupe Salgado Manzano Arantza.
Introducción WWW y estándares web Jesús Torres Cejudo.
¿Qué es Accesibilidad? Accesibilidad Web  acceso universal a la Web
Taller 5 1)Que es una pagina web? página web es el nombre de un documento o información electrónica adaptada para la world Wide web y que puede ser accedida.
Recursos y actividades transmisivas Ciro Espinoza.
INTRODUCCIÓN TEMA 4.
TALLER DISEÑO WEB José Joo Villablanca DG & otras yerbas Instituto Profesional Santo Tomás / Diseño Publicitario Multimedial.
UNITEC NEGOCIOS ELECTRÓNICOS ”DESARROLLO DE SOFTWARE ”
Punto 1 – Introducción al servicio Juan Luis Cano.
Usabilidad de los Sitios Web María Enriqueta Castellanos Bolaños.
Nombre de la Institución evaluada:Gobierno Regional de Maule URL de su sitio web: Evaluador:Héctor Monsalve Fecha.
Nombre de la Institución evaluada: Sistema de Evaluación del Desempeño Profesional Ministerio de Educación URL de su sitio web:
Nombre de la Institución evaluada: Becas y créditos URL de su sitio web: l=74# Evaluador: Rodrigo Astudillo.
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: Municipalidad de Concepción URL de su sitio web: Evaluador:Mathias Gómez Fecha y hora inicio de Evaluación:Evaluador.
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:Fundación para la Innovación Agraria (FIA) URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora.
2.1 Conocer la terminología básica del software para diseñar una página Web
Nombre de la Institución evaluada: Corporación de Asistencia Judicial Metropolitana. URL de su sitio web: o
Nombre de la Institución evaluada:Carabineros de Chile URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de.
Emmanuelle Gutiérrez y Restrepo Diseño Web Accesible Beneficios e Inicio Emmanuelle Gutiérrez y Restrepo
Nombre de la Institución evaluada:Servicio de Salud - Metropolitano Sur Oriente URL de su sitio web: Evaluador:Héctor Monsalve Fecha.
Este diccionario contiene todo tipo de definiciones de interés relacionadas con el mundo de la informática e Internet.
Nombre de la Institución evaluada:Ministerio de Educación URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio de Evaluación:6.
Nombre de la Institución evaluada:Instituto Nacional de Estadísticas URL de su sitio web: Evaluador:Héctor Monsalve Fecha y hora inicio.
Accesibilidad, hojas de estilo en cascada y usted.
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.
Métodos instruccionales
Accesibilidad web. ¿Qué es la accesibilidad web? Hablar de Accesibilidad Web es hablar de un acceso universal a la Web, independientemente del tipo de.
TUTOR VIRTUAL Nuevos entornos formativos Roles y funciones.
SOFTWARE EDUCATIVO y PRODUCTOS HUASCARÁN juan josé lapeyre corzo.
Diseño Web Centrado en el Usuario Usabilidad y Arquitectura de la Información Seminario Ciberculturas UNR Prof. Silvana Comba y Prof. Edgardo Toledo.
Accesibilidad Rafael Pedraza Jiménez Àrea de Coneixement de Biblioteconomia i Documentació Universitat Pompeu Fabra
Transcripción de la presentación:

TALLER de ACCESIBILIDAD WEB 11º Congreso Iberoamericano de Informática Educativa Especial CIIEE 2015 14 al 16 de Mayo de 2015 Montevideo, Uruguay

Qué es Accesibilidad? Es el grado en el que todas las personas pueden utilizar un objeto, visitar un lugar o acceder a un servicio, independientemente de sus capacidades técnicas o físicas.

Qué es Accesibilidad Web? Es el acceso universal a la Web, independientemente del tipo de hardware, software, infraestructura de red, idioma, cultura, localización geográfica y capacidades de los usuarios. Es la posibilidad de que un producto o servicio web pueda ser accedido y usado por el mayor número posible de personas, indiferentemente de las limitaciones propias del individuo o de uso. idioma discapacidad experiencia conocimiento

Para quién es? TODOS!!!! …. nadie tenemos garantizada la salud y cualquiera de nosotros puede tener algún problema de discapacidad temporal o permanente, una enfermedad o simplemente edad avanzada, por otro lado la situación económica de una persona puede cambiar, etc.

Razones éticas Razones sociales Razones políticas Razones económicas Por qué la necesitamos? Razones éticas Razones sociales Razones políticas Razones económicas Razones legales Razones Técnicas

Discapacidad vs. Incapacidad Es cualquier disminución o restricción de la capacidad de realizar una actividad en la forma o dentro del margen que se considera normal para el ser humano. InCAPACIDAD Es la ausencia de la capacidad o habilidad para realizar una actividad que te permita desarrollar una tarea especifica. Por ejemplo no tener la habilidad de aprender inglés, es una incapacidad pero no afecta en tu desarrollo normal como persona. “Tener y no ser: la discapacidad es algo que se tiene no algo que se es”

Iniciativa de Accesibilidad Web WAI (Web Accesibility Initiative

Iniciativa de Accesibilidad Web Es una actividad desarrollada por el World Wide Web Consortium (W3C) El objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web. http://www.w3.es

Pautas de Accesibilidad Consiste en 14 pautas y tiene como función primordial servir de guía en el diseño de páginas web hacia un diseño accesible, reduciendo las barreras de acceso a la información sin sacrificar el diseño. Cada pauta contiene una serie de puntos de verificación que ayudan a detectar posibles errores, describen la forma de diseñar páginas accesibles y ofrecen la flexibilidad necesaria para que la información esté al alcance de todos los usuarios.

Pautas de Accesibilidad Proporcione alternativas equivalentes para el contenido visual y auditivo No se base sólo en el color Utilice marcadores y hojas de estilo y hágalo apropiadamente Identifique el idioma usado Cree tablas que se transformen correctamente Asegúrese de que las páginas que incorporen nuevas tecnologías se transformen correctamente.

Pautas de Accesibilidad Asegure al usuario el control sobre los cambios de los contenidos tempo-dependientes Asegure la accesibilidad directa de las interfaces incrustadas Diseñe para la independencia del dispositivo Utilice soluciones provisionales Utilice las tecnologías y pautas W3C Proporcione información de contexto y orientación Proporcione mecanismos claros de navegación Asegúrese de que los documentos sean claros y simples

Prioridades Prioridad 1: son aquellos puntos que un desarrollador Web tiene que cumplir ya que, de otra manera, ciertos grupos de usuarios no podrían acceder a la información del sitio Web. Prioridad 2: son aquellos puntos que un desarrollador Web debería cumplir ya que, si no fuese así, sería muy difícil acceder a la información para ciertos grupos de usuarios. Prioridad 3: son aquellos puntos que un desarrollador Web debería cumplir ya que, de otra forma, algunos usuarios experimentarían ciertas dificultades para acceder a la información.

Niveles de Conformidad Se satisfacen todos los puntos de verificación de prioridad 1. Se satisfacen todos los puntos de verificación de prioridad 1 y 2. Se satisfacen todos los puntos de verificación de prioridad 1, 2 y 3.

Ejemplo: Pauta 1 - "Proporcione alternativas equivalentes para el contenido visual y auditivo".  Proporcione un contenido que, presentado al usuario, cumpla esencialmente la misma función o propósito que el contenido visual o auditivo. Puntos de verificación: 1.1 Proporcione un texto equivalente para todo elemento no textual (Por ejemplo, a través de "alt", "longdesc" o en el contenido del elemento). Esto incluye: imágenes, representaciones gráficas del texto, mapas de imagen, animaciones (Por ejemplo, GIFs animados), "applets" y objetos programados, "ascii art", marcos, scripts, imágenes usadas como viñetas en las listas, espaciadores, botones gráficos, sonidos (ejecutados con o sin interacción del usuario), archivos exclusivamente auditivos, banda sonora del vídeo y vídeos. [Prioridad 1]

Concepto A C C E S I B I L I D A D W E B Pautas de Accesibilidad al Contenido de la Web Puntos de verificación Prioridad (1, 2, 3) Niveles de Conformidad (A, AA, AAA)

Accesibilidad Web en Dreamweaver

Configuración Edición > Preferencias > Accesibilidad Insertar > Imagen

Evaluación de Accesibilidad Web

Evaluación Se recomienda evaluar la accesibilidad a lo largo del desarrollo de un sitio Web. Aun cuando existen herramientas de evaluación que ayudan a realizar pruebas de accesibilidad en los sitios web, no debemos olvidar que es necesaria la intervención del elemento humano para determinar si realmente cumple con las normas establecidas.

Ejemplos de contenidos Web No Accesibles

Discapacidad Visual Visión Limitada:

Discapacidad Auditiva

Discapacidad Intelectual

MUCHAS GRACIAS POR SU ATENCIÓN!!!! “El poder de la Web está en su universalidad. Un acceso para todo el mundo independientemente de su discapacidad es un aspecto esencial” Tim Berners-Lee Director del W3C e inventor de la Web Mejor conocido como el “Padre de la Web” Delia Esquer Meléndez desquer@uabc.edu.mx