SlideShare a Scribd company logo

Accesibilidad web en mapas y visualización de información

Presentado en el Curso de Experto Universitario en Accesibilidad y Usabilidad UTN, FRBA — Octubre 16, 2012

1 of 63
ACCESIBILIDAD EN MAPAS
Y VISUALIZACIÓN DE
INFORMACIÓN
Manuel Razzari
Curso de Experto Universitario en Accesibilidad y Usabilidad
UTN, FRBA — Octubre 16, 2012
SUMARIO
Presentación
El DOM accesible
Accesibilidad de:
▪   SVG
▪   Canvas
▪   Mapas
▪   Visualización de información
CON VISTA AL MAR
Un estudio de diseño y desarrollo de interfaces
     web que trabaja con estándares web,
          usabilidad y accesibilidad.
MAPOTECA.EDUC.AR
 Aplicación web para que estudiantes interactúen
    con mapas escolares. A ser instalada en las
   3 millones de netbooks de Conectar Igualdad.




http://mapoteca.educ.ar/
Página principal
Mapa
Ad

Recommended

Accesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAAccesibilidad práctica con HTML5, CSS3 y WAI-ARIA
Accesibilidad práctica con HTML5, CSS3 y WAI-ARIAManuel Razzari
 
Accesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcadoAccesibilidad web - más allá del marcado
Accesibilidad web - más allá del marcadoManuel Razzari
 
Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Diseñando la web móvil con HTML5 y CSS3
Diseñando la web móvil con HTML5 y CSS3Marta Armada
 
Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011Wireframe de la teoría a la práctica - DrupalCamp2011
Wireframe de la teoría a la práctica - DrupalCamp2011byroncorrales
 

More Related Content

Viewers also liked

State of the Word 2016
State of the Word 2016State of the Word 2016
State of the Word 2016photomatt
 
WordPress 4.4 and Beyond
WordPress 4.4 and BeyondWordPress 4.4 and Beyond
WordPress 4.4 and BeyondScott Taylor
 
WordPress: Getting Under the Hood
WordPress: Getting Under the HoodWordPress: Getting Under the Hood
WordPress: Getting Under the HoodScott Taylor
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheLeslie Samuel
 
Mesa de dibujo o Trabajo para personas en sillas de ruedas
Mesa de dibujo o Trabajo para personas en sillas de ruedasMesa de dibujo o Trabajo para personas en sillas de ruedas
Mesa de dibujo o Trabajo para personas en sillas de ruedaszuraboyd
 
XWiki Rendering @ FOSDEM 2014
XWiki Rendering @ FOSDEM 2014XWiki Rendering @ FOSDEM 2014
XWiki Rendering @ FOSDEM 2014Vincent Massol
 
Sillas de ruedas
Sillas de ruedasSillas de ruedas
Sillas de ruedasNorma Obaid
 
Herausforderung Hyperdistribution
Herausforderung HyperdistributionHerausforderung Hyperdistribution
Herausforderung HyperdistributionEhrhardt Heinold
 
Social Media für Verlage. Einführung und Überblick.
Social Media für Verlage. Einführung und Überblick.Social Media für Verlage. Einführung und Überblick.
Social Media für Verlage. Einführung und Überblick.Wibke Ladwig
 
Kraut-Publishers-Kurzvorstellung
Kraut-Publishers-KurzvorstellungKraut-Publishers-Kurzvorstellung
Kraut-Publishers-KurzvorstellungAndrea Kamphuis
 
Learntec charts heinold_2013
Learntec charts heinold_2013Learntec charts heinold_2013
Learntec charts heinold_2013Ehrhardt Heinold
 
Erfolgsfaktoren im Change-Management der Verlag
Erfolgsfaktoren im Change-Management der VerlagErfolgsfaktoren im Change-Management der Verlag
Erfolgsfaktoren im Change-Management der VerlagMarkus Wilhelm
 
Agile Business Development
Agile Business DevelopmentAgile Business Development
Agile Business DevelopmentJens Korte
 
Desarrollo de pruebas en entornos Java EE
Desarrollo de pruebas en entornos Java EEDesarrollo de pruebas en entornos Java EE
Desarrollo de pruebas en entornos Java EEJosé Manuel López
 
(Codemotion 2014) JVM GC: WTF?!
(Codemotion 2014) JVM GC: WTF?!(Codemotion 2014) JVM GC: WTF?!
(Codemotion 2014) JVM GC: WTF?!Alonso Torres
 
Storytelling for Social Banks
Storytelling for Social BanksStorytelling for Social Banks
Storytelling for Social BanksDoro Martin
 
A Few Interesting Things About the Brain [Infographic]
A Few Interesting Things About the Brain [Infographic]A Few Interesting Things About the Brain [Infographic]
A Few Interesting Things About the Brain [Infographic]Citrix
 

Viewers also liked (20)

State of the Word 2016
State of the Word 2016State of the Word 2016
State of the Word 2016
 
WordPress 4.4 and Beyond
WordPress 4.4 and BeyondWordPress 4.4 and Beyond
WordPress 4.4 and Beyond
 
WordPress: Getting Under the Hood
WordPress: Getting Under the HoodWordPress: Getting Under the Hood
WordPress: Getting Under the Hood
 
How to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your NicheHow to Become a Thought Leader in Your Niche
How to Become a Thought Leader in Your Niche
 
Mesa de dibujo o Trabajo para personas en sillas de ruedas
Mesa de dibujo o Trabajo para personas en sillas de ruedasMesa de dibujo o Trabajo para personas en sillas de ruedas
Mesa de dibujo o Trabajo para personas en sillas de ruedas
 
XWiki Rendering @ FOSDEM 2014
XWiki Rendering @ FOSDEM 2014XWiki Rendering @ FOSDEM 2014
XWiki Rendering @ FOSDEM 2014
 
Sillas de ruedas
Sillas de ruedasSillas de ruedas
Sillas de ruedas
 
Herausforderung Hyperdistribution
Herausforderung HyperdistributionHerausforderung Hyperdistribution
Herausforderung Hyperdistribution
 
Geschaeftsmodelle heinold
Geschaeftsmodelle heinoldGeschaeftsmodelle heinold
Geschaeftsmodelle heinold
 
Social Media für Verlage. Einführung und Überblick.
Social Media für Verlage. Einführung und Überblick.Social Media für Verlage. Einführung und Überblick.
Social Media für Verlage. Einführung und Überblick.
 
Kraut-Publishers-Kurzvorstellung
Kraut-Publishers-KurzvorstellungKraut-Publishers-Kurzvorstellung
Kraut-Publishers-Kurzvorstellung
 
Heinold Medien 2 0
Heinold Medien 2 0Heinold Medien 2 0
Heinold Medien 2 0
 
Learntec charts heinold_2013
Learntec charts heinold_2013Learntec charts heinold_2013
Learntec charts heinold_2013
 
Heinold learntec 2014
Heinold learntec 2014Heinold learntec 2014
Heinold learntec 2014
 
Erfolgsfaktoren im Change-Management der Verlag
Erfolgsfaktoren im Change-Management der VerlagErfolgsfaktoren im Change-Management der Verlag
Erfolgsfaktoren im Change-Management der Verlag
 
Agile Business Development
Agile Business DevelopmentAgile Business Development
Agile Business Development
 
Desarrollo de pruebas en entornos Java EE
Desarrollo de pruebas en entornos Java EEDesarrollo de pruebas en entornos Java EE
Desarrollo de pruebas en entornos Java EE
 
(Codemotion 2014) JVM GC: WTF?!
(Codemotion 2014) JVM GC: WTF?!(Codemotion 2014) JVM GC: WTF?!
(Codemotion 2014) JVM GC: WTF?!
 
Storytelling for Social Banks
Storytelling for Social BanksStorytelling for Social Banks
Storytelling for Social Banks
 
A Few Interesting Things About the Brain [Infographic]
A Few Interesting Things About the Brain [Infographic]A Few Interesting Things About the Brain [Infographic]
A Few Interesting Things About the Brain [Infographic]
 

Similar to Accesibilidad web en mapas y visualización de información

Javascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryJavascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryDavid Arango
 
Estándares Web con Chico UI
Estándares Web con Chico UIEstándares Web con Chico UI
Estándares Web con Chico UIGuillermo Paz
 
Front-end Basics for Developers
Front-end Basics for DevelopersFront-end Basics for Developers
Front-end Basics for DevelopersNadal Soler
 
Frameworks CSS
Frameworks CSSFrameworks CSS
Frameworks CSSbetabeers
 
Introducción a los Frameworks CSS
Introducción a los Frameworks CSSIntroducción a los Frameworks CSS
Introducción a los Frameworks CSSLuis Miguel Martín
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilMarta Armada
 
Programación web con HTML5
Programación web con HTML5Programación web con HTML5
Programación web con HTML5Jorge del Casar
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5Plain Concepts
 
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGNovedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGAlberto Apellidos
 
HTML5 ¿Qué hay de nuevo viejo?
HTML5 ¿Qué hay de nuevo viejo?HTML5 ¿Qué hay de nuevo viejo?
HTML5 ¿Qué hay de nuevo viejo?Ricardo Alfaro
 

Similar to Accesibilidad web en mapas y visualización de información (20)

Javascript en proyectos reales: jQuery
Javascript en proyectos reales: jQueryJavascript en proyectos reales: jQuery
Javascript en proyectos reales: jQuery
 
6.angular js
6.angular js6.angular js
6.angular js
 
(2) Curso sobre el software estadístico R: La librería googleVis
(2) Curso sobre el software estadístico R: La librería googleVis(2) Curso sobre el software estadístico R: La librería googleVis
(2) Curso sobre el software estadístico R: La librería googleVis
 
Estándares Web con Chico UI
Estándares Web con Chico UIEstándares Web con Chico UI
Estándares Web con Chico UI
 
myprofly
myproflymyprofly
myprofly
 
Front-end Basics for Developers
Front-end Basics for DevelopersFront-end Basics for Developers
Front-end Basics for Developers
 
Parking finder
Parking finderParking finder
Parking finder
 
Poniendo a drupal en el mapa
Poniendo a drupal en el mapaPoniendo a drupal en el mapa
Poniendo a drupal en el mapa
 
Frameworks CSS
Frameworks CSSFrameworks CSS
Frameworks CSS
 
Introducción a los Frameworks CSS
Introducción a los Frameworks CSSIntroducción a los Frameworks CSS
Introducción a los Frameworks CSS
 
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvilEdición de bolsillo: CSS3, HTML5 y JS para la web móvil
Edición de bolsillo: CSS3, HTML5 y JS para la web móvil
 
Programación web con HTML5
Programación web con HTML5Programación web con HTML5
Programación web con HTML5
 
scrollspy en bootstrap
scrollspy en bootstrapscrollspy en bootstrap
scrollspy en bootstrap
 
J query
J queryJ query
J query
 
Ria 03-html5-css3
Ria 03-html5-css3Ria 03-html5-css3
Ria 03-html5-css3
 
HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5HTML Tour - Programación de Videojuegos HTML5
HTML Tour - Programación de Videojuegos HTML5
 
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIGNovedades gvSIG Mini 2 - 7as Jornadas gvSIG
Novedades gvSIG Mini 2 - 7as Jornadas gvSIG
 
Manual 1.3 HTML VICTOR
Manual 1.3 HTML VICTORManual 1.3 HTML VICTOR
Manual 1.3 HTML VICTOR
 
HTML5 ¿Qué hay de nuevo viejo?
HTML5 ¿Qué hay de nuevo viejo?HTML5 ¿Qué hay de nuevo viejo?
HTML5 ¿Qué hay de nuevo viejo?
 
Html5 css3
Html5 css3Html5 css3
Html5 css3
 

Recently uploaded

Breve Resumen Modelos Evaluación REDs e Instrumentos
Breve Resumen Modelos Evaluación REDs e InstrumentosBreve Resumen Modelos Evaluación REDs e Instrumentos
Breve Resumen Modelos Evaluación REDs e Instrumentosdarkcrow08
 
Operadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónOperadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónEdith Puclla
 
Teñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesTeñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesCHEMPRO
 
Manual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffManual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffDomotica daVinci
 
FACULTAD DE DERECHO MEXICALI. TRABAJO DE TECNOLOGIAS DE LA INVESTIGACION JUR...
FACULTAD DE DERECHO MEXICALI. TRABAJO DE  TECNOLOGIAS DE LA INVESTIGACION JUR...FACULTAD DE DERECHO MEXICALI. TRABAJO DE  TECNOLOGIAS DE LA INVESTIGACION JUR...
FACULTAD DE DERECHO MEXICALI. TRABAJO DE TECNOLOGIAS DE LA INVESTIGACION JUR...yaniraoceguera
 
Realiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCARealiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCAMaxime Chambreuil
 
Plan_de_Clases..........................
Plan_de_Clases..........................Plan_de_Clases..........................
Plan_de_Clases..........................DannyErazo5
 
infografia del Instituto Diocesano Barquisimeto
infografia del Instituto Diocesano Barquisimetoinfografia del Instituto Diocesano Barquisimeto
infografia del Instituto Diocesano Barquisimetoiviluce07
 
Practica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosPractica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosChristianRivera122452
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...NicolleAndrade7
 
IA aplicada a las aulas. Aumentame EDU 2024
IA aplicada a las aulas. Aumentame EDU 2024IA aplicada a las aulas. Aumentame EDU 2024
IA aplicada a las aulas. Aumentame EDU 2024Isidro Navarro
 
Documento del proyecto final............
Documento del proyecto final............Documento del proyecto final............
Documento del proyecto final............DannyErazo5
 
Presentación Instituto Diocesano Barquisimeto.pptx
Presentación Instituto Diocesano Barquisimeto.pptxPresentación Instituto Diocesano Barquisimeto.pptx
Presentación Instituto Diocesano Barquisimeto.pptxdiazsuarezjhonder
 
Es una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingEs una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingcarlocarrillocacc
 
Diagramas de Comportamiento: Caso Práctico
Diagramas  de Comportamiento: Caso PrácticoDiagramas  de Comportamiento: Caso Práctico
Diagramas de Comportamiento: Caso PrácticoMaricarmen Sánchez Ruiz
 
Las Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosLas Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosvikicarmine14
 
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxTarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxVICTORMANUELBEASAGUI
 
Desarrollo de Interfaces 2t Desarrollo Aplicaciones Móvilles
Desarrollo de Interfaces 2t Desarrollo Aplicaciones MóvillesDesarrollo de Interfaces 2t Desarrollo Aplicaciones Móvilles
Desarrollo de Interfaces 2t Desarrollo Aplicaciones MóvillesMaricarmen Sánchez Ruiz
 
Creación de una base de datos en el hosting.pptx
Creación de una base de datos en el hosting.pptxCreación de una base de datos en el hosting.pptx
Creación de una base de datos en el hosting.pptxALEJANDRAJOCELYNGUTI
 

Recently uploaded (20)

Breve Resumen Modelos Evaluación REDs e Instrumentos
Breve Resumen Modelos Evaluación REDs e InstrumentosBreve Resumen Modelos Evaluación REDs e Instrumentos
Breve Resumen Modelos Evaluación REDs e Instrumentos
 
Operadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatizaciónOperadores de Kubernetes: El poder de la automatización
Operadores de Kubernetes: El poder de la automatización
 
Teñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y DescargablesTeñidos a Temperatura Ambiente y Descargables
Teñidos a Temperatura Ambiente y Descargables
 
Manual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 SonoffManual de usuario Dongle Zigbee 3.0 Sonoff
Manual de usuario Dongle Zigbee 3.0 Sonoff
 
FACULTAD DE DERECHO MEXICALI. TRABAJO DE TECNOLOGIAS DE LA INVESTIGACION JUR...
FACULTAD DE DERECHO MEXICALI. TRABAJO DE  TECNOLOGIAS DE LA INVESTIGACION JUR...FACULTAD DE DERECHO MEXICALI. TRABAJO DE  TECNOLOGIAS DE LA INVESTIGACION JUR...
FACULTAD DE DERECHO MEXICALI. TRABAJO DE TECNOLOGIAS DE LA INVESTIGACION JUR...
 
Realiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCARealiza tu primera contribucion a la OCA
Realiza tu primera contribucion a la OCA
 
Plan_de_Clases..........................
Plan_de_Clases..........................Plan_de_Clases..........................
Plan_de_Clases..........................
 
infografia del Instituto Diocesano Barquisimeto
infografia del Instituto Diocesano Barquisimetoinfografia del Instituto Diocesano Barquisimeto
infografia del Instituto Diocesano Barquisimeto
 
Practica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datosPractica Web de la Sesión 2 , Creacion de base de datos
Practica Web de la Sesión 2 , Creacion de base de datos
 
Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...Lista de datos (tecnología) combinación de...
Lista de datos (tecnología) combinación de...
 
IA aplicada a las aulas. Aumentame EDU 2024
IA aplicada a las aulas. Aumentame EDU 2024IA aplicada a las aulas. Aumentame EDU 2024
IA aplicada a las aulas. Aumentame EDU 2024
 
La píldora de los jueves: Las claves del BREEAM - Leticia Galdos
La píldora de los jueves: Las claves del BREEAM - Leticia GaldosLa píldora de los jueves: Las claves del BREEAM - Leticia Galdos
La píldora de los jueves: Las claves del BREEAM - Leticia Galdos
 
Documento del proyecto final............
Documento del proyecto final............Documento del proyecto final............
Documento del proyecto final............
 
Presentación Instituto Diocesano Barquisimeto.pptx
Presentación Instituto Diocesano Barquisimeto.pptxPresentación Instituto Diocesano Barquisimeto.pptx
Presentación Instituto Diocesano Barquisimeto.pptx
 
Es una presentacion de memorias usb para booting
Es una presentacion de memorias usb para bootingEs una presentacion de memorias usb para booting
Es una presentacion de memorias usb para booting
 
Diagramas de Comportamiento: Caso Práctico
Diagramas  de Comportamiento: Caso PrácticoDiagramas  de Comportamiento: Caso Práctico
Diagramas de Comportamiento: Caso Práctico
 
Las Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitosLas Tic en casa, las tics en diferentes ambitos
Las Tic en casa, las tics en diferentes ambitos
 
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptxTarea_sesion_2_Creación de una base de datos en el hosting.pptx
Tarea_sesion_2_Creación de una base de datos en el hosting.pptx
 
Desarrollo de Interfaces 2t Desarrollo Aplicaciones Móvilles
Desarrollo de Interfaces 2t Desarrollo Aplicaciones MóvillesDesarrollo de Interfaces 2t Desarrollo Aplicaciones Móvilles
Desarrollo de Interfaces 2t Desarrollo Aplicaciones Móvilles
 
Creación de una base de datos en el hosting.pptx
Creación de una base de datos en el hosting.pptxCreación de una base de datos en el hosting.pptx
Creación de una base de datos en el hosting.pptx
 

Accesibilidad web en mapas y visualización de información