Se ha denunciado esta presentación.
Se está descargando tu SlideShare. ×

Diseño Web Inclusivo - La comunicación con estilo

Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Anuncio
Cargando en…3
×

Eche un vistazo a continuación

1 de 92 Anuncio
Anuncio

Más Contenido Relacionado

A los espectadores también les gustó (20)

Anuncio

Similares a Diseño Web Inclusivo - La comunicación con estilo (20)

Más de Maria Dolores Garcia Fernandez (20)

Anuncio

Más reciente (20)

Diseño Web Inclusivo - La comunicación con estilo

  1. 1. Accesibilidad Web<br />La Comunicación con Estilo<br />Apoyo Tecnológico para la Discapacidad<br />Programa Nacional para la Sociedad de la Información<br />Secretaría de Comunicaciones de la Nación<br />Ministerio de Planificación Federal Inversión Pública y Servicios<br />
  2. 2. La comunicación con Estilo<br />01/08/2011<br />2<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  3. 3. La comunicación con Estilo<br />01/08/2011<br />3<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  4. 4. ¿ Qué es la comunicación ?<br />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í . <br />La Comunicación con estilo<br />01/08/2011<br />4<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  5. 5. ¿ Qué es la comunicación ?<br />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í . <br />La Comunicación con estilo<br />01/08/2011<br />5<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  6. 6. LaComunicacióncon estilo<br />¿ Qué es la comunicación ?<br />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í . <br />01/08/2011<br />6<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />emisor<br />receptor<br />Mensaje<br />Feedback<br />Canal : Soporte físico por donde circula la información <br />Código: Convención social que une a los actores de la comunicación.<br />
  7. 7. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />Medios de comunicación masivos o de masas (mass media) son los medios de comunicación recibidos simultáneamente por una gran audiencia, equivalente al concepto sociológico de masas o al concepto comunicativo de público.<br /> La comunicación de masas es el nombre que recibe la interacción entre un emisor único (o comunicador) y un receptor masivo (o audiencia), un grupo numeroso de personas que cumpla simultáneamente con tres condiciones: <br />ser grande,<br /> ser heterogéneo y<br /> ser anónimo.<br />01/08/2011<br />7<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />emisor<br />receptor<br />Mensaje<br />Feedback<br />Canal : Soporte físico por donde circula la información <br />
  8. 8. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />Medios de comunicación masivos o de masas (mass media) son los medios de comunicación recibidos simultáneamente por una gran audiencia, equivalente al concepto sociológico de masas o al concepto comunicativo de público.<br /> La comunicación de masas es el nombre que recibe la interacción entre un emisor único (o comunicador) y un receptor masivo (o audiencia), un grupo numeroso de personas que cumpla simultáneamente con tres condiciones: <br />ser grande,<br /> ser heterogéneo y<br /> ser anónimo.<br />01/08/2011<br />8<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />receptor<br />emisor<br />Mensaje<br />Feedback<br />Canal :<br />
  9. 9. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />01/08/2011<br />9<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />Consumidor<br />Productor<br />Mensaje<br />Feedback<br />Canal :<br />
  10. 10. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />01/08/2011<br />10<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />Consumidor<br />Productor<br />Mensaje<br />Feedback<br />Canal :<br />
  11. 11. ¿ Qué es la comunicación ?<br />Productor+Consumidor = PROSUMER<br />La Comunicación con estilo<br />01/08/2011<br />11<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />Prosumer<br />Prosumer<br />Mensaje<br />Feedback<br />Canal :<br />
  12. 12. ¿ Qué es la comunicación ?<br />Productor+Consumidor = PROSUMER<br />La Comunicación con estilo<br />01/08/2011<br />12<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Código<br />Prosumer<br />Prosumer<br />Mensaje<br />Feedback<br />Canal :<br />
  13. 13. ¿ Qué es la comunicación ?<br />01/08/2011<br />13<br />Secretaría de Comunicaciones- PSI- ATeDis<br />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.<br />
  14. 14. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />01/08/2011<br />14<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Video<br />Convergencia en los medios de comunicación<br />
  15. 15. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />01/08/2011<br />15<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Herbert Marshall McLuhan<br /> “El medio es el mensaje”<br />
  16. 16. ¿ Qué es la comunicación ?<br />Productor+Consumidor = PROSUMER<br />01/08/2011<br />16<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Prosumer<br />Prosumer<br />El medio es el mensaje<br />Feedback<br />La Comunicación con estilo<br />Canal :<br />
  17. 17. La comunicación con Estilo<br />01/08/2011<br />17<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  18. 18. Accesibilidad web<br />01/08/2011<br />18<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Video<br />EX ET<br />Y continuar con la presentación<br />Interfase<br />
  19. 19. Accesibilidad Web<br />Diseño Web<br />Inclusividad<br />01/08/2011<br />19<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Análisis y diseño de la interfaz<br />DCU<br />Facilitar la interacción<br />Exclusión<br />Comunicación = Derecho Humano Básico<br />Separación<br />Integración<br />Inclusión<br />Diversidad = Riqueza<br />
  20. 20. Accesibilidad Web<br />01/08/2011<br />20<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Entorno: Que le permita acompañar al usuario allá donde esté.<br />Entorno<br />Tarea<br />Interfase<br />
  21. 21. Accesibilidad Web<br />01/08/2011<br />21<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Entorno: Que le permita acompañar al usuario allá donde esté.<br />Entorno<br />Interfase: debe considerar:<br /><ul><li> la posibilidad de pasar desapercibida en el medio físico de la persona.
  22. 22. la capacidad para adaptarse a las preferencias de la persona.</li></ul> El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz de comunicación con el usuario.<br />Tarea<br />Interfase<br />
  23. 23. Accesibilidad Web<br />01/08/2011<br />22<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Entorno: Que le permita acompañar al usuario allá donde esté.<br />Entorno<br />Interfase: debe considerar:<br /><ul><li> la posibilidad de pasar desapercibida en el medio físico de la persona.
  24. 24. la capacidad para adaptarse a las preferencias de la persona.</li></ul> El ideal de la Tecnología es que se perfeccione hasta desaparecer la interfaz de comunicación con el usuario.<br />Tarea<br />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).<br />Interfase<br />HumanActivityAssistiveTechnologyModel (HAAT)<br />Cook, A. y Hussey, S. (1995).<br />
  25. 25. Accesibilidad Web<br />01/08/2011<br />23<br />Secretaría de Comunicaciones- PSI- ATeDis<br />?<br />¿Con qué tecnología están accediendo?<br /> ¿Cuál es su software de preferencia?<br /> ¿Cuáles son los perféricos que usa para navegar?<br /> ¿Cómo saber si nos estamos expresando con una semántica adecuada?<br />¿Cómo prodremos garantizar una buena calidad de la interfaz que soporta a la información a comunicar? <br />¿Cómo puedo garantizar un buen posicionamiento en buscadores? <br />Entorno<br />Tarea<br />Interfase<br />
  26. 26. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />Principios del Diseño Universal<br />01/08/2011<br />24<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Igualdad de uso : El diseño debe ser fácil de usar y adecuado para todas las personas independientemente de sus capacidades y habilidades. <br />Flexibilidad : El diseño debe poder adecuarse a un amplio rango de preferencias y habilidades individuales. <br />Simple e intuitivo : El diseño debe ser fácil de entender independientemente de la experiencia, los conocimientos, las habilidades o el nivel de concentración del usuario. <br />Información fácil de percibir : El diseño debe ser capaz de intercambiar información con usuario, independientemente de las condiciones ambientales o las capacidades sensoriales del mismo. <br />Tolerante a errores : El diseño debe minimizar las acciones accidentales o fortuitas que puedan tener consecuencias fatales o no deseadas. <br />Escaso esfuerzo físico : El diseño debe poder ser usado eficazmente y con el mínimo esfuerzo posible. <br />Dimensiones apropiadas : Los tamaños y espacios deben ser apropiados para el alcance, manipulación y uso por parte del usuario, independientemente de su tamaño, posición, y movilidad <br />Partiendo de la idea de la diversidad humana. Encontramos principios de las disciplinas del diseño, incluidas el ambiente, productos y comunicaciones .<br />
  27. 27. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />¿Qué es Accesibilidad Web?<br />01/08/2011<br />25<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Se refiere a la capacidad de acceso a la Web<br /> y a sus contenidos por todas las personas<br /> independientemente de la <br />discapacidad (física, intelectual o técnica)<br /> que presenten o de las que se deriven<br /> del contexto de uso<br /> (tecnológicas o ambientales).<br /> Cuando los sitios web están <br />diseñados pensando en la accesibilidad, <br />todos los usuarios pueden acceder en<br /> condiciones de igualdad a los contenidos. <br />Es un proceso de transmisión<br /> de ideas donde dos o más sujetos intervienen<br /> en una interacción .<br /> Es la utilización de un código <br />específico para la transmisión de un <br />mensaje o una determinada experiencia en <br />unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .<br />
  28. 28. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />¿Qué es Accesibilidad Web?<br />01/08/2011<br />26<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Se refiere a la capacidad de acceso a la Web<br /> y a sus contenidos por todas las personas<br /> independientemente de la <br />discapacidad (física, intelectual o técnica)<br /> que presenten o de las que se deriven<br /> del contexto de uso (tecnológicas o ambientales).<br /> Cuando los sitios web están diseñados pensando<br /> en la accesibilidad, todos los usuarios pueden<br /> acceder en condiciones de igualdad a los contenidos. <br />Es un proceso de transmisión<br /> de ideas donde dos o más sujetos intervienen<br /> en una interacción .<br /> Es la utilización de un código <br />específico para la transmisión de un <br />mensaje o una determinada experiencia en <br />unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .<br />
  29. 29. La Comunicación con estilo<br />¿ Qué es la comunicación ?<br />¿Qué es Accesibilidad Web?<br />01/08/2011<br />27<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Se refiere a la capacidad de acceso a la Web<br /> y a sus contenidos por todas las personas<br /> independientemente de la <br />discapacidad (física, intelectual o técnica)<br /> que presenten o de las que se deriven<br /> del contexto de uso (tecnológicas o ambientales).<br /> Cuando los sitios web están diseñados pensando<br /> en la accesibilidad, todos los usuarios pueden<br /> acceder en condiciones de igualdad a los contenidos. <br />Es un proceso de transmisión<br /> de ideas donde dos o más sujetos intervienen<br /> en una interacción .<br /> Es la utilización de un código <br />específico para la transmisión de un <br />mensaje o una determinada experiencia en <br />unidades semánticas con el objeto de permitir a los hombres relaciones entre sí .<br />Accesibilidad Web = Comunicación<br />
  30. 30. ¿Qué es Accesibilidad Web?<br />La Comunicación con estilo<br />01/08/2011<br />28<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Sir Timothy "Tim" John Berners-Lee, el padre de la Web<br />
  31. 31. ¿Qué es Accesibilidad Web?<br />La Comunicación con estilo<br />01/08/2011<br />29<br />Secretaría de Comunicaciones- PSI- ATeDis<br />El Consorcio WorldWide Web (W3C) es una comunidad internacional donde las organizaciones Miembro , personal a tiempo completo y el público en general trabajan conjuntamente para desarrollar estándares Web . Liderado por el inventor de la Web Tim Berners-Lee y el Director Ejecutivo (CEO) Jeffrey Jaffe , la misión del W3C es guiar la Web hacia su máximo potencial. <br /> http://www.w3.org/<br />
  32. 32. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />30<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Perceptible<br />Operable<br />Robusto<br />Comprensible<br />La Comunicación con estilo<br />
  33. 33. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />31<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Perceptible<br />Operable<br />Robusto<br />Comprensible<br />La Comunicación con estilo<br />
  34. 34. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />32<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Perceptible<br />Operable<br />Robusto<br />Comprensible<br />La Comunicación con estilo<br />
  35. 35. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />33<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Perceptible<br />Operable<br />Robusto<br />Comprensible<br />La Comunicación con estilo<br />
  36. 36. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />34<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  37. 37. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />35<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Aspectos legales en Argentina<br />Ley Nº 26.378/09 que incorpora a nuestro derecho interno la<br />Convención sobre los Derechos de las Personas con Discapacidad<br /> y su protocolo facultativo, aprobados mediante resolución de la<br /> Asamblea General de las Naciones Unidas del 13 de diciembre de 2006.<br />url: http://www.atedis.gov.ar/convencion/convencion_.html#(1)<br />Ley de Acceso a la Información Pública número 26653 promulgada<br /> el 30 de noviembre de 2010 .<br />url de descarga: http://www.atedis.gov.ar/folios/acceso_a_la_informcion_publica[1].pdf<br />Resolución 69/2011: Apruébese la<br /> "Guía de Accesibilidad Web del Sector Público Nacional“<br /> ofrecida en el Boletín Oficial de fecha 5 de julio de 2011<br />url de descarga: http://www.jgm.gov.ar/paginas.dhtml?pagina=1<br />
  38. 38. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />36<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Accesibilidad web puede ser definida como: <br /> La posibilidad de que los contenidos y servicios de un sitio web puedan ser accedidos por el mayor número de personas independientemente de sus discapacidades, limitaciones o de su contexto de navegación.<br />
  39. 39. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />37<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Accesibilidad web puede ser definida como: <br /> La posibilidad de que los contenidos y servicios de un sitio web puedan ser accedidos por el mayor número de personas independientemente de sus discapacidades, limitaciones o de su contexto de navegación.<br />
  40. 40. ¿Qué es Accesibilidad Web?<br />01/08/2011<br />38<br />Secretaría de Comunicaciones- PSI- ATeDis<br />¿A quién beneficia?<br />La accesibilidad web no sólo beneficia a personas con discapacidades, entre las<br />que se incluyen:<br /><ul><li> problemas visuales,
  41. 41. auditivos,
  42. 42. físicos,
  43. 43. cognitivos,
  44. 44. neurológicos y
  45. 45. del habla;
  46. 46. sino que también beneficia a organizaciones y personas que, debido a determinadas situaciones desfavorables, tienen limitaciones que dificultan su acceso a la web, como así también a aquellas personas que sufren una incapacidad transitoria, y a personas de edad avanzada que han visto mermadas algunas de sus capacidades.</li></li></ul><li>¿ Qué es Accesibilidad Web ?<br />01/08/2011<br />39<br />Secretaría de Comunicaciones- PSI- ATeDis<br />¿ Cómo se organiza ?<br />Pautas WAI (Web AccesibilityInitiative en inlgés) “Iniciativas por una Web Accesible”<br />Desde esta propuesta, quien diseña páginas web debe pensar en los posibles visitantes de la misma y considerar a quienes accederán desde su discapacidad o desde contextos diversos y tener en cuenta estas diversas situaciones durante el diseño, de modo que el trabajo que realicen resulte de mayor alcance. <br />Las WAI proponen 14 pautas que guían al desarrollador web a la hora de hacer su trabajo.<br />A su vez estas pautas se abren en puntos (65 en total) divididos en tres niveles según prioridad:<br />
  47. 47. ¿ Qué es Accesibilidad Web ?<br />01/08/2011<br />40<br />Secretaría de Comunicaciones- PSI- ATeDis<br />¿ Cómo se organiza ?<br />Pautas WAI (Web AccesibilityInitiative en inlgés) “Iniciativas por una Web Accesible”<br />Desde esta propuesta, quien diseña páginas web debe pensar en los posibles visitantes de la misma y considerar a quienes accederán desde su discapacidad o desde contextos diversos y tener en cuenta estas diversas situaciones durante el diseño, de modo que el trabajo que realicen resulte de mayor alcance. <br />Las WAI proponen 14 pautas que guían al desarrollador web a la hora de hacer su trabajo.<br />A su vez estas pautas se abren en puntos (65 en total) divididos en tres niveles según prioridad:<br />
  48. 48. ¿ Qué es Accesibilidad Web ?<br />01/08/2011<br />41<br />Secretaría de Comunicaciones- PSI- ATeDis<br />¿ Cómo se organiza ?<br />Pautas WAI (Web AccesibilityInitiative en inlgés) “Iniciativas por una Web Accesible”<br />http://www.w3c.org<br />
  49. 49. La comunicación con Estilo<br />01/08/2011<br />42<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  50. 50. ¿Qué es hacer una web accesible? <br />01/08/2011<br />43<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Tecnología asistiva y/o aumentativa<br />Dispositivos de Entrada (teclado-mouse)<br />Dispositivos de salida(impresoras – Braille)<br />Resoluciones de monitor<br />Interfaz<br />Software de Base del usuario (Sistema Operativo-Navegador)<br />Hardware de Base del usuario<br />Tecnología de Servidor Remoto<br />La Comunicación con estilo<br />
  51. 51. ¿Qué es hacer una web accesible?<br />01/08/2011<br />44<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Tecnología asistiva y/o aumentativa<br />Dispositivos de Entrada (teclado-mouse)<br />Dispositivos de salida(impresoras – Braille)<br />Resoluciones de monitor<br />Interfaz<br />Software de Base del usuario (Sistema Operativo-Navegador)<br />Hardware de Base del usuario<br />Tecnología de Servidor Remoto<br />La Comunicación con estilo<br />
  52. 52. ¿Qué es hacer una web accesible?<br />01/08/2011<br />45<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Sentencias dinámicas de conexión a la base <br />de datos y a<br />validaciones.<br />Estilos de página CSS<br />Código HTML<br />Distribución de Contenidos: texto, imágenes, sonido video, etc. Información a comunicar<br />Accesibilidad<br />Usabilidad<br />La Comunicación con estilo<br />
  53. 53. ¿Qué es hacer una web accesible?<br />01/08/2011<br />46<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  54. 54. ¿Qué es hacer una web accesible?<br />01/08/2011<br />47<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  55. 55. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />48<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  56. 56. ¿Qué es hacer una web accesible?<br />01/08/2011<br />49<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  57. 57. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />50<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  58. 58. ¿Qué es hacer una web accesible?<br />01/08/2011<br />51<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  59. 59. ¿Qué es hacer una web accesible?<br />01/08/2011<br />52<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  60. 60. ¿Qué es hacer una web accesible?<br />01/08/2011<br />53<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  61. 61. ¿Qué es hacer una web accesible?<br />01/08/2011<br />54<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  62. 62. ¿Qué es hacer una web accesible?<br />01/08/2011<br />55<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Decálogo para hacer sitios web accesibles<br />
  63. 63. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />56<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  64. 64. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />57<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  65. 65. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />58<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  66. 66. ¿Qué es hacer una web accesible?<br />La Comunicación con estilohttp://coding.smashingmagazine.com/2009/06/18/10-ways-to-make-your-site-accessible-using-web-standards/<br />01/08/2011<br />59<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  67. 67. ¿Qué es hacer una web accesible?<br />01/08/2011<br />60<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  68. 68. ¿Qué es hacer una web accesible? Revise su trabajo<br />01/08/2011<br />61<br />Secretaría de Comunicaciones- PSI- ATeDis<br /><ul><li>Emplee una herramienta automática de verificación de la accesibilidad y</li></ul> de representación según el tipo de navegador revisar la presentación.<br />http://validator.w3.org/<br />http://www.sidar.org/hera/<br /><ul><li>Tenga en cuenta, por supuesto, que las herramientas no contemplan todos </li></ul>los problemas de accesibilidad, tales como la falta de significación del texto de los enlaces,<br />la aplicabilidad de un texto equivalente, etc.<br /><ul><li>Emplee varios navegadores, tanto antiguos como nuevos.
  69. 69. Emplee un navegador por voz, un lector de pantalla, una utilidad de aumento, </li></ul>un monitor pequeño, etc.<br /><ul><li>Emplee revisores de ortografía y gramática
  70. 70. Revise el documento para que sea claro y sencillo.
  71. 71. Las estadísticas de legibilidad como las que generan algunos </li></ul>procesadores de texto pueden ser útiles indicadores de claridad y simplicidad.<br />
  72. 72. La comunicación con Estilo<br />01/08/2011<br />62<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  73. 73. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />63<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Tecnologías Alternativas<br />Tecnologías de Apoyo<br />
  74. 74. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />64<br />Secretaría de Comunicaciones- PSI- ATeDis<br />se refieren a métodos que se utilizan para reemplazar completamente el habla, por ejemplo el lenguaje de señas.<br />Tecnologías Alternativas<br />Tecnologías de Apoyo<br />
  75. 75. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />65<br />Secretaría de Comunicaciones- PSI- ATeDis<br />se refieren a métodos que se utilizan para reemplazar completamente el habla, por ejemplo el lenguaje de señas.<br />Tecnologías Alternativas<br />Tecnologías de Apoyo<br />Cualquier <br /><ul><li> artículo,
  76. 76. equipo global o parcial,
  77. 77. o cualquier sistema adquirido comercialmente o
  78. 78. adaptado a una persona, </li></ul>que se usa para <br /><ul><li> aumentar o
  79. 79. mejorar capacidades
  80. 80. funcionales de individuos con discapacidades,
  81. 81. o modificar o instaurar conductas.</li></li></ul><li>La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />66<br />Secretaría de Comunicaciones- PSI- ATeDis<br />se refieren a métodos que se utilizan para reemplazar completamente el habla, por ejemplo el lenguaje de señas.<br />Tecnologías Alternativas<br />Tecnologías de Apoyo<br />Cualquier <br /><ul><li> artículo,
  82. 82. equipo global o parcial,
  83. 83. o cualquier sistema adquirido comercialmente o
  84. 84. adaptado a una persona, </li></ul>que se usa para <br /><ul><li> aumentar o
  85. 85. mejorar capacidades
  86. 86. funcionales de individuos con discapacidades,
  87. 87. o modificar o instaurar conductas.
  88. 88. Tecnología de la Rehabilitación
  89. 89. Tecnología Asistiva
  90. 90. Tecnología de Acceso
  91. 91. Tecnología de Adaptación o Adaptativa</li></li></ul><li>La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />67<br />Secretaría de Comunicaciones- PSI- ATeDis<br />se refieren a métodos que se utilizan para reemplazar completamente el habla, por ejemplo el lenguaje de señas.<br />Tecnologías Alternativas<br />Cualquier <br /><ul><li> artículo,
  92. 92. equipo global o parcial,
  93. 93. o cualquier sistema adquirido comercialmente o
  94. 94. adaptado a una persona, </li></ul>que se usa para <br /><ul><li> aumentar o
  95. 95. mejorar capacidades
  96. 96. funcionales de individuos con discapacidades,
  97. 97. o modificar o instaurar conductas.
  98. 98. Tecnologías de Apoyo
  99. 99. Tecnología de la Rehabilitación
  100. 100. Tecnología Asistiva
  101. 101. Tecnología de Acceso
  102. 102. Tecnología de Adaptación o Adaptativa</li></ul>Diseño para todos<br />
  103. 103. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />68<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Áreas de trabajo de las Tecnologías de Apoyo<br /><ul><li>Tecnologías para la movilidad personal
  104. 104. Tecnologías para la manipulación y el control del entorno
  105. 105. Sistemas Alternativos y/o Aumentativos de acceso a la información del entorno
  106. 106. Sistemas Aumentativos de comunicación
  107. 107. Tecnologías de Acceso a la computadora (Tecnología Adaptativa)</li></li></ul><li>La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />69<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Áreas de trabajo de las Tecnologías de Apoyo<br /><ul><li>Tecnologías para la movilidad personal
  108. 108. Tecnologías para la manipulación y el control del entorno
  109. 109. Sistemas Alternativos y/o Aumentativos de acceso a
  110. 110. la información del entorno
  111. 111. Sistemas Aumentativos de comunicación
  112. 112. Tecnologías de Acceso a la computadora (Tecnología Adaptativa)</li></ul>Domótica<br />Ver video<br />Software y Hardware<br />
  113. 113. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />70<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  114. 114. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />71<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  115. 115. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />72<br />Secretaría de Comunicaciones- PSI- ATeDis<br /><ul><li>Filtros u opciones de accesibilidad
  116. 116. Teclado virtual
  117. 117. Pulsador
  118. 118. joysticks
  119. 119. Lector de pantalla
  120. 120. Lector de texto
  121. 121. Magnificadores
  122. 122. Lupas
  123. 123. Impresoras Braille</li></ul>Lector de pantalla<br />magnificador<br />
  124. 124. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />73<br />Secretaría de Comunicaciones- PSI- ATeDis<br /><ul><li>Filtros u opciones de accesibilidad
  125. 125. Teclado virtual
  126. 126. Pulsador
  127. 127. joysticks
  128. 128. Lector de pantalla
  129. 129. Lector de texto
  130. 130. Magnificadores
  131. 131. Lupas
  132. 132. Impresoras Braille</li></li></ul><li>La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />74<br />Secretaría de Comunicaciones- PSI- ATeDis<br /><ul><li>Filtros u opciones de accesibilidad
  133. 133. Teclado virtual
  134. 134. Pulsador
  135. 135. joysticks
  136. 136. Lector de pantalla
  137. 137. Lector de texto
  138. 138. Magnificadores
  139. 139. Lupas
  140. 140. Impresoras Braille</li></ul>Recursos para la inclusión tecnológica:<br />http://www.atedis.gov.ar/recursos_inclusion_tecnologica.php<br />Videoteca ATeDis:<br />http://www.atedis.gov.ar/videoteca_atedis.php<br />Descarga de Aplicaciones gratuitas que facilitan la navegación en Internet:<br />http://www.atedis.gov.ar/recursos_ta.php<br />
  141. 141. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />75<br />Secretaría de Comunicaciones- PSI- ATeDis<br /><ul><li>Aumento y disminución de tamaño de letra
  142. 142. Adecuado contraste de color
  143. 143. Sus contenidos pueden ser interpretados por dispositivos Braille,
  144. 144. además pueden ser interpretados por lectores de pantalla.
  145. 145. Está optimizado para distintos tipos de resolución de monitor.
  146. 146. Se puede navegar con mouse y con teclado. </li></ul>http://www.atedis.gov.ar<br />
  147. 147. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />76<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Ver video, rap<br />http://www.atedis.gov.ar<br />
  148. 148. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />77<br />Secretaría de Comunicaciones- PSI- ATeDis<br />http://www.atedis.gov.ar<br />
  149. 149. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />78<br />Secretaría de Comunicaciones- PSI- ATeDis<br />http://www.atedis.gov.ar<br />Accesibilidad Web + Tecnologías de Apoyo = Inclusión<br />
  150. 150. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />79<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Criterio de adaptabilidad<br />
  151. 151. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />80<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Criterio de adaptabilidad<br />
  152. 152. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />81<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Funciones del profesional<br /><ul><li>La evaluación de las necesidades y habilidades a cubrir con tecnología de ayuda
  153. 153. La adquisición de ayudas técnicas
  154. 154. La selección del diseño, adaptación, reparación y/o fabricación de sistemas de ayuda
  155. 155. Servicio de coordinación con los terapeutas
  156. 156. Entrenamiento a las personas con discapacidad en el funcionamiento de las ayudas técnicas para un uso eficiente.</li></ul>Ver video del Profesor Stephen Hawking<br />
  157. 157. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />82<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Video sobre avances en tecnologías de apoyo.<br />
  158. 158. La comunicación con Estilo<br />01/08/2011<br />83<br />Secretaría de Comunicaciones- PSI- ATeDis<br />
  159. 159. La comunicación con estilo<br />01/08/2011<br />84<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Conclusiones<br />Las tecnologías de apoyo, permiten<br /><ul><li> potenciar habilidades,
  160. 160. descubrir inteligencias atrapadas</li></li></ul><li>La comunicación con estilo<br />01/08/2011<br />85<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Conclusiones<br />Video sobre avances en tecnologías de apoyo.<br />Las tecnologías de apoyo, permiten<br /><ul><li> potenciar habilidades,
  161. 161. descubrir inteligencias atrapadas</li></li></ul><li>La comunicación con estilo<br />01/08/2011<br />86<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Conclusiones<br />Video sobre avances en tecnologías de apoyo.<br />Las tecnologías de apoyo, permiten<br /><ul><li> potenciar habilidades,
  162. 162. descubrir inteligencias atrapadas</li></li></ul><li>La comunicación con estilo<br />01/08/2011<br />87<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Conclusiones<br />“ 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) <br />
  163. 163. La comunicación con estilo<br />01/08/2011<br />88<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Conclusiones<br />El uso de los estándares mejora la universalidad de la Web<br />¿!¡?<br />“ 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) <br />
  164. 164. 01/08/2011<br />89<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Lic. María Dolores García Fernández<br />Representante del Proyecto<br />ATeDis<br />Apoyo Tecnológico para la Discapacidad<br />Programa Nacional para la Sociedad de la Información<br />Secretaría de Comunicaciones de la Nación<br />Ministerio de Planificación Federal Inversión Pública y Servicios<br />La Comunicación con estilo<br />Muchas gracias.<br />
  165. 165. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />90<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Bibliografía<br />Opciones de Accesibilidad en Windows XP<br />http://www.desarrollosdg.com.ar/educativos/expresion/ampliar_noticia1.php?art=88<br />Teclado Virtual de Microsoft<br />http://www.microsoft.com/spain/accesibilidad/training/windowsxp/oskturnonuse.aspx<br />Olimpiadas: podemos ayudarnos y salir adelante todos juntos.<br />http://www.e-presentations.us/presentation/56994/accesibilidad-dim<br />Stefenhokings<br />https://www.youtube.com/watch?v=imowUYQnVSY&feature=player_embedded#at=83<br />No solo usabilidad: Concepto de Accesibilidad Web: http://www.nosolousabilidad.com/articulos/accesibilidad.htm<br />No solo usabilidad: Sobre diseño Web Inclusivo http://www.nosolousabilidad.com/articulos/diseno_inclusivo.htm<br />Discapacidad y desarrollo inclusivo en América Latina y el Caribe<br />http://web.worldbank.org/WBSITE/EXTERNAL/TOPICS/EXTSOCIALPROTECTION/EXTDISABILITY/0,,contentMDK:20286156~pagePK:210058~piPK:210062~theSitePK:282699,00.html<br />IDB supports Colombia’s Productive insertion work Program for people with disabilities<br />http://www.iadb.org/en/news/webstories/2011-03-30/idb-supports-productive-insertion-work-program,9328.html<br />  Expertos en accesibilidad señalan que las tecnologías deben favorecer la vida independiente: <br />http://www.discapnet.es/Castellano/actualidad/Discapacidad/paginas/detalle.aspx?Noticia=276012<br /> <br />CONVERGENCIA DE MEDIOS DE COMUNICACIÓN<br />http://www.youtube.com/watch?v=DtYaXDwUJBo<br /> <br />La Comunicación con estilo<br />
  166. 166. La accesibilidad web y las Tecnologías de Apoyo<br />01/08/2011<br />91<br />Secretaría de Comunicaciones- PSI- ATeDis<br />Bibliografía<br />Ley 26378 Convención sobre los derechos de las personas con discapacidad http://www.atedis.gov.ar/convencion/convencion_.html<br />Ley 26653 de Accesibilidad de la Información de las páginas Web<br />http://www.atedis.gov.ar/folios/acceso_a_la_informcion_publica%5B1%5D.pdf<br /> <br />Educación Inclusiva según UNESCO<br /> <br />http://www.unesco.org/new/es/education/themes/strengthening-education-systems/inclusive-education/<br /> <br />http://www.unesco.org/new/es/education/themes/strengthening-education-systems/inclusive-education/10-questions-on-inclusive-quality-education/<br /> <br /> <br />Guía de Accesibilidad y estándares: http://www.atedis.gov.ar/acceso_guia.php<br />Recursos para la Inclusión Tecnológica:http://www.atedis.gov.ar/recursos_inclusion_tecnologica.php<br /> <br />Descarga de aplicaciones gratuitas que facilitan la inclusión: http://www.atedis.gov.ar/recursos_ta.php<br /> <br /> <br />Enlaces que ayudan a que tu sitio sea accesible: http://www.atedis.gov.ar/acceso_enlaces.php<br />Pautas de Accesiblidad para el contenido Web en español (WCAG 2.0) http://www.sidar.org/traducciones/wcag20/es/<br />Comprendiendo las WCAG 2.0<br />http://www.w3.org/TR/UNDERSTANDING-WCAG20/<br /> <br />Conceptos importantes del diseño web<br />http://www.slideshare.net/pacoruizrey/pautasdisweb<br /> <br /> <br />La Comunicación con estilo<br />

×