• Save
Diseño web inclusivo
Upcoming SlideShare
Loading in...5
×
 

Diseño web inclusivo

on

  • 7,158 views

Presentación de Garcia Dolores para su conferencia. Martes 27

Presentación de Garcia Dolores para su conferencia. Martes 27

Statistics

Views

Total Views
7,158
Views on SlideShare
2,037
Embed Views
5,121

Actions

Likes
3
Downloads
0
Comments
1

64 Embeds 5,121

http://discapacitat.blogspot.com.es 2348
http://discapacitat.blogspot.com 1514
http://discapacitat-en.blogspot.com 519
http://discapacitat-es.blogspot.com 231
http://weblogenlaescuela.blogspot.com 77
http://blog.diversitatfuncional.com 33
http://discapacitat-es.blogspot.com.es 32
http://discapacitat-en.blogspot.co.uk 28
http://weblogenlaescuela.blogspot.com.ar 26
http://www.desarrollosdg.com.ar 25
http://feeds.feedburner.com 20
http://discapacitat-en.blogspot.in 19
http://www.discapacitat.blogspot.com 18
http://discapacitat-en.blogspot.com.es 18
http://weblogenlaescuela.blogspot.mx 17
http://discapacitat.blogspot.de 16
http://translate.googleusercontent.com 16
http://translate.googleusercontent.com 16
http://discapacitat-en.blogspot.fr 14
http://www.discapacitat.blogspot.com.es 10
http://discapacitat.blogspot.fr 8
http://discapacitat-en.blogspot.ca 8
http://discapacitat-es.blogspot.com.ar 7
http://www.google.es 6
http://discapacitat.blogspot.co.uk 6
http://weblogenlaescuela.blogspot.com.es 6
http://discapacitat-en.blogspot.com.ar 5
http://discapacitat-en.blogspot.mx 5
http://desarrollosdg.com.ar 5
http://discapacitat.blogspot.cz 5
http://discapacitat-en.blogspot.pt 4
http://discapacitat-es.blogspot.mx 4
http://discapacitat-en.blogspot.hu 3
http://discapacitat.blogspot.ro 3
http://discapacitat-en.blogspot.cz 3
http://discapacitat.blogspot.mx 3
http://discapacitat.blogspot.fi 3
http://discapacitat-en.blogspot.it 3
http://discapacitat.blogspot.com.ar 3
http://discapacitat.blogspot.it 3
http://www.discapacitat-en.blogspot.com 2
http://discapacitat-en.blogspot.com.au 2
http://discapacitat-en.blogspot.de 2
http://discapacitat.blogspot.in 2
http://web.archive.org 2
http://discapacitat-en.blogspot.hk 2
http://discapacitat-en.blogspot.se 2
http://discapacitat.blogspot.sk 1
http://cv.uoc.edu 1
http://discapacitat.blogspot.ae 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Diseño web inclusivo Diseño web inclusivo Presentation Transcript

  • Diseño Web Inclusivo Universidad de Palermo, Buenos Aires Julio 2010
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en
    • el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Mail: [email_address] Blog: www.desarrollosdg.com.ar/educativos/expresion/ Presentación
    • Lic. Maria Dolores Garcia Fernandez
      • Licenciada en Administración de Empresas
      • Analista de Sistemas
      • Especialista Superior en Informatica Educativa y TIC
      • Premio TAW 2009
      • Revisora de la traducción al castellano de las Pautas WCAG 2-W3C
    • Actualmente:
      • Asesora de Accesibilidad Web Secretaria de Comunicaciones
      • Representante del Proyecto ATeDis (Apoyo Tecnológico para la Discapacidad)
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Introducción . ¿Qué es el Dieño Web Inclusivo? Diseño Web Inclusividad Comunicación=Derecho Humano Básico Análisis de la interfaz Facilitar la interacción CDU Desigualdad = Riqueza
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo ¿Qué es la Comunicación?
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .
  • Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción. Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje
  • Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí. Emisor Receptor Mensaje Feedback
  • Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback
  • Diseño Web Inclusivo Ambiente ¿Qué es la Comunicación? Principios básicos de la Comunicación Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Emisor Receptor Mensaje Código Feedback Canal : Soporte físico por donde circula la información
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Televisión, Radio, Prensa, Computación, Internet Código : Convención social que une a los actores de la comunicación Canal : Soporte físico por donde circula la información
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la Comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores
  • Diseño Web Inclusivo ¿Qué es la Comunicación? Principios básicos de la comunicación Código Ambiente Emisor Receptor Mensaje Código Feedback Canal Mass Media Receptor Receptor Receptor Web 2.0 Productor Consumidores Consumidor + Producción = Prosumer
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Mensaje Código Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0
  • Diseño Web Inclusivo Mapa Mundial de Internet (2007) Este estudio muestra como se distribuye Internet a lo ancho de todo el mundo. Como puede apreciarse a primera vista , Norte América y Europa concentran ampliamente la mayoría de los grupos activos en Internet. Con un total de un 22.5% para Europa y un 55.9% para Norte América. Por lo tanto podemos decir que entre ambas represetnas el 77.4%del la estructura de la Internet global, teniendo Asia , que sigue en importancia un 14 %. La imagen nos muestra por medio de puntos de colores la distribuciòn y esta expresada en numeros de direcciones IP por puntos.
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo “ el medio es el mensaje” Herbert Marshall McLuhan
  • Diseño Web Inclusivo Comunicación expansiva Código Ambiente Emisor Receptor Canal Receptor Receptor Receptor Feedback Prosumidor Prosumidor Prosumidor Prosumidor Prosumidor Mass Media Web 2.0 El medio es el mensaje Mashups Prosumidor Prosumidor
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Tarea Conclusiones Diseño Web Inclusivo
  • 27/07/10 Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo
  • 27/07/10 Tarea El usuario no tendría que pensar que está manejando una máquina y todo su esfuerzo estaría centrado en la tarea que propone realizar. Bonsiepe(1999) Interfase Entorno Entorno: que le permita acompañar al usuario allá donde esté. Interfase por la posibilidad de pasar desapercibida en el medio físico de la persona. capacidad para adaptarse a las preferencias de la persona. El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz que la comunicaron el usuario Tarea Conclusiones Diseño Web Inclusivo
  • 27/07/10 Interfase Entorno Tarea Conclusiones Diseño Web Inclusivo ? ¿Con qué tecnología están accediendo? ¿Cuál es su software de preferencia? ¿Cuáles son los perféricos que usa para navegar? ¿Cómo saber si nos estamos expresando con una semántica adecuada? ¿Cómo prodremos garantizar una buena calidad de la interfaz que soporta a la información a comunicar? ¿Cómo puedo garantizar un buen posicionamiento en buscadores?
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .
  • Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación
  • Diseño Web Inclusivo Accesibilidad Web y Comunicación La Accesibilidad Web se refiere a la capacidad de acceso a la Web y a sus contenidos por todas las personas independientemente de la discapacidad (física, intelectual o técnica) que presenten o de las que se deriven del contexto de uso (tecnológicas o ambientales). Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Comunicación es un proceso de transmisión de ideas donde dos o más sujetos intervienen en una interacción . Es la utilización de un código específico para la transmisión de un mensaje o una determinada experiencia en unidades semánticas con el objeto de permitir a los hombres relaciones entre sí . Accesibilidad Web = Comunicación
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
  • Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
  • Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
  • Diseño Web Inclusivo Principios básicos de Accesibilidad Perceptible Operable Comprensible Robusto
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Regla de los 5 elementos
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Comparación de dos Webs Diseño Web Inclusivo Examinator: http://www.accesible.com.ar/examinator/index.php
  • 27/07/10 http://recursos.cnice.mec.es/latingriego/Palladium/5_aps/esplap09.htm http://www.desarrollosdg.com.ar/educativos/comunicacion/traduccion.php?nombre=dolo&hoja=1&enviar=Traducir Diseño Web Inclusivo Comparación de dos Webs
  • 27/07/10 Comparación de dos Webs Diseño Web Inclusivo
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)
  • Diseño Web Inclusivo Diseño Universal o Diseño para todos Tecnología de Servidor Remoto Software de Base del usuario (Sistema Operativo- Navegador) Interfaz Hardware de Base del usuario Resoluciones de monitor Dispositivos de salida(impresoras – Braille) Tecnología asistiva y/o aumentativa Dispositivos de Entrada (teclado-mouse)
  • Diseño Web Inclusivo Diseño Universal o Diseño para todos Sentencias dinámicas de conexión a la base de datos y a validaciones. Estilos de página CSS Código HTML Distribución de Contenidos: texto, imágenes, sonido video, etc. Información a comunicar Usabilidad Accesibilidad
  • 27/07/10 Solución  diseño universal o para todos Diseño Universal o Diseño para todos Diseño Web Inclusivo
  • 27/07/10 Solución  diseño universal o para todos rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo
  • 27/07/10 Solución  diseño universal o para todos las TIC como “APOYO” rampas tecnológicas Diseño Universal o Diseño para todos Diseño Web Inclusivo
  • 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso Diseño Universal o Diseño para todos Diseño Web Inclusivo
  • 27/07/10 Dispositivos de Entrada Dispositivos de Salida Proceso No excluyente Abierto Universal Flexible, adaptable Diseño Universal o Diseño para todos Diseño Web Inclusivo
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Aspecto legal en Argentina y en el mundo Convención Internacional sobre los Derechos de las Personas con Discapacidad Ley 26.378 -Art 9 , Accesibilidad -Art 21, Comunicación www.atedis.gov.ar/convencion/convencion.html Ley de Accesibilidad de la Información en las Páginas Web para gente con discapacidades Expdiente N° 4521-D-2008
  • Diseño Web Inclusivo
    • Presentación
    • Introducción. ¿Qué es esto de Diseño Web Inclusivo?
    • Informar, ¿ es igual que comunicar? ¿Qué es la Comunicación?
    • Principios básicos de la Comunicación
    • Comunicación expansiva
    • El medio es el mensaje
    • Análisis de la interfaz
    • Accesibilidad y Comunicación
    • Principios básicos de Accesibilidad
    • Regla de los 5 elementos
    • Comparación de dos Webs
    • Diseño Universal o diseño para todos
    • Aspecto legal en Argentina y en el mundo
    • Conclusiones
    Contenidos:
  • Diseño Web Inclusivo Conclusiones “ 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)
  • Diseño Web Inclusivo Muchas gracias Lic. María Dolores García Fernández Mail: [email_address] Blog: www.desarrollosdg.com.ar/educativos/expresion/ Diseño Web Inclusivo Diseño Web Inclusivo Maria Dolores Garcia