Por una web sin barreras ISOC-AR

Maria Dolores Garcia Fernandez
Maria Dolores Garcia FernandezDiseño Web Inclusivo en Maria Dolores Garcia Fernandez
"Por una Web  para todos " ISOC-AR, Buenos Aires, junio de 2008
"Por una Web  para todos " ISOC-AR, Buenos Aires, junio de 2008 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos.
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella
Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella Tecnologías de Accesibilidad: Tecnologías estándares con el objetivo de universalizar el acceso al diseño y a los contenidos en la Web.
Todas las prácticas de diseño orientados a una correcta presentación, lectura y comprensión de los elementos que componen un sitio web pueden considerarse: prácticas accesibles.
W3C
W3C Conjunto de leyes, pautas e   iniciativas técnicas y de diseño para llevar a la Web a su potencialidad máxima ,  normalizando o estandarizando la presentación de sus servicios acercando los contenidos a la mayor cantidad de personas posibles en forma transparente.
37JAIIO-SSI
37JAIIO-SSI Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Salto directo al contenido. Salida a impresora y dispositivos Braille. Sitio  dinámico Diseñado sin tablas,  con la combinación de  Código  HTML y CSS. Dinámico PHP5 Consistente a través de distintos  navegadores. Y distintas resoluciones
37JAIIO-SSI
PSI CTC
Sitio  dinámico, Realizado en Código  Abierto, PHP5 y SQL 2005 Diseñado sin tablas,  con la combinación de los Códigos  HTML y CSS .
PSI-CTC Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Aumento y disminución de tamaño de texto. Salto directo al contenido. Buscador de sitio.
Calendario de eventos. Novedades destacadas. Buscador de sitio. Formulario de contacto. Novedades. Organizadas por fecha y por categoria. Buscador de novedades. Servicio de RSS. Preguntas más frecuentes Glosario de términos, permite buscar por distintos criterios.
PSI
ATeDis
Consistente a través de distintos  navegadores . Y distintas resoluciones Sitio  dinámico, Realizado en Código  Abierto, PHP5 y SQL 2005 Diseñado sin tablas,  con la combinación de los Códigos  HTML y CSS .
Menúes y buscadores. Mapa de sitio, Aumento y dismunción de tamaño de texto. Adecuados contrastes de color. Adecuado tratamiento de imagenes, para lectores de pantalla y conexión lenta. Cambios de idioma. Distinción de abreviaturas y acronimos Salida a impresora y dispositivos Braille Servicios transversales:
Módulo Novedades Módulo de contacto Módulo de búsquedas de información Glosario
Servicios de información, difusión y formación sobre accesibilidad Web. ,[object Object],[object Object]
ATeDis
¿Cómo nos ven nuestros usuarios? Analizando las estadísticas de nuestras bases de datos, observamos la diversidad de las visitas de usuarios que tenemos, solo analizando el hardware con que acceden.
¿Cómo nos ven nuestros usuarios? Fuente: Datos obtenidos del sitio ATeDis ( http:/www.atedis.gov.ar )
¿Cómo nos ven nuestros usuarios? Fuente:del sitio ATeDis ( http://www.atedis.gov.ar )
¿Cómo nos ven nuestros usuarios? En contraposición exponemos este ejemplo de sitio oficial, inaugurado recientemente totalmente diseñado en Flash con claras limitaciones expuestas para acceder a sus contenidos.
Internet y los servicios Internet   http://www.flechabus.com.ar/.  Solo funciona con Internet Explorer
Dificultades de acceso  Buenas prácticas Aligerar lo más posible la descarga de la página. Conexión lenta Compatibilidad o interoperabilidad entre plataformas. ,[object Object],[object Object],Deficiencias sensoriales Deficiencias visuales, auditivas. Distintos navegadores Distintas resoluciones Dificultades motrices Permita navegar con mouse y con teclado. Adecuados tags para lectores de pantalla.
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Conclusiones:
¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Debemos presentar nuestros sitios con un diseño inclusivo,  que permita la participación de la mayoría de los ciudadanos. Conclusiones:
Gracias. Lic. Maria Dolores Garcia Programa Nacional para la Sociedad de la Información.
1 de 35

Recomendados

Isoc 1 por
Isoc 1Isoc 1
Isoc 1Franky Leonard
351 vistas35 diapositivas
Emploi intérimaire en septembre 2014 por
Emploi intérimaire en septembre 2014Emploi intérimaire en septembre 2014
Emploi intérimaire en septembre 2014Pôle emploi
1.8K vistas9 diapositivas
TVI Express - en Francais por
TVI Express - en FrancaisTVI Express - en Francais
TVI Express - en FrancaisEmily Ennis
1.2K vistas40 diapositivas
Residencias para adultos mayores por
Residencias para adultos mayoresResidencias para adultos mayores
Residencias para adultos mayoresLuis Jorge López Barrera
892 vistas13 diapositivas
Mega Sd Presen 1 V1 1 por
Mega Sd Presen 1 V1 1Mega Sd Presen 1 V1 1
Mega Sd Presen 1 V1 1matthieuchessari
605 vistas40 diapositivas
Balade Au Dessus De Paris por
Balade Au Dessus De ParisBalade Au Dessus De Paris
Balade Au Dessus De Parisloveis .
1.4K vistas29 diapositivas

Más contenido relacionado

Destacado

Femmes tiers monde por
Femmes tiers mondeFemmes tiers monde
Femmes tiers mondeiesboliches
1K vistas15 diapositivas
Catalogue des vidéos du centre de documentation por
Catalogue des vidéos du centre de documentationCatalogue des vidéos du centre de documentation
Catalogue des vidéos du centre de documentationvaldesartheyg
391 vistas10 diapositivas
Mode Ethique: progrès et limites Groupe 68 por
Mode Ethique: progrès et limites Groupe 68Mode Ethique: progrès et limites Groupe 68
Mode Ethique: progrès et limites Groupe 68sophieeng
466 vistas10 diapositivas
Atelier n 1 por
Atelier n 1Atelier n 1
Atelier n 1webmaster87
507 vistas16 diapositivas
Saisir du texte dans les cellules de Microsoft Excel por
Saisir du texte dans les cellules de Microsoft ExcelSaisir du texte dans les cellules de Microsoft Excel
Saisir du texte dans les cellules de Microsoft ExcelPrénom Nom de famille
589 vistas14 diapositivas
Pec_JuliaGUY por
Pec_JuliaGUYPec_JuliaGUY
Pec_JuliaGUYroolli
344 vistas7 diapositivas

Destacado(20)

Femmes tiers monde por iesboliches
Femmes tiers mondeFemmes tiers monde
Femmes tiers monde
iesboliches1K vistas
Catalogue des vidéos du centre de documentation por valdesartheyg
Catalogue des vidéos du centre de documentationCatalogue des vidéos du centre de documentation
Catalogue des vidéos du centre de documentation
valdesartheyg391 vistas
Mode Ethique: progrès et limites Groupe 68 por sophieeng
Mode Ethique: progrès et limites Groupe 68Mode Ethique: progrès et limites Groupe 68
Mode Ethique: progrès et limites Groupe 68
sophieeng466 vistas
Pec_JuliaGUY por roolli
Pec_JuliaGUYPec_JuliaGUY
Pec_JuliaGUY
roolli344 vistas
Entretien avec Marc Dal Maso coach des avant du XV du Japon por Marc De Jongy
Entretien avec Marc Dal Maso coach des avant du XV du JaponEntretien avec Marc Dal Maso coach des avant du XV du Japon
Entretien avec Marc Dal Maso coach des avant du XV du Japon
Marc De Jongy523 vistas
Prest. Miguel De Cervantes Y D.Q por Nemesio Canales
Prest. Miguel De Cervantes Y D.QPrest. Miguel De Cervantes Y D.Q
Prest. Miguel De Cervantes Y D.Q
Nemesio Canales835 vistas
Cómo incrementar tu fama, fortuna e índice H usando software libre por Juan J. Merelo
Cómo incrementar tu fama, fortuna e índice H usando software libreCómo incrementar tu fama, fortuna e índice H usando software libre
Cómo incrementar tu fama, fortuna e índice H usando software libre
Juan J. Merelo651 vistas
S3i Analyse de logo précédente nouvelle conception por Hector Cadena
S3i Analyse de logo précédente nouvelle conceptionS3i Analyse de logo précédente nouvelle conception
S3i Analyse de logo précédente nouvelle conception
Hector Cadena666 vistas
Christelle ALEXANDRE - HighCo DATA - Conference Media Aces - Octobre 2011 por A Mon Boss
Christelle ALEXANDRE - HighCo DATA - Conference Media Aces - Octobre 2011Christelle ALEXANDRE - HighCo DATA - Conference Media Aces - Octobre 2011
Christelle ALEXANDRE - HighCo DATA - Conference Media Aces - Octobre 2011
A Mon Boss1.3K vistas
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S... por Fundación Alamedillas
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...
Fundación Alamedillas: Servicio de Prevención y Diagnóstico precoz del VIH (S...
De la mécanique classique à la relativité por cedric lemery
De la mécanique classique à la relativitéDe la mécanique classique à la relativité
De la mécanique classique à la relativité
cedric lemery1.1K vistas

Similar a Por una web sin barreras ISOC-AR

Apoyo tecnologico para la Discapacidad ATEDIS por
Apoyo tecnologico para la Discapacidad ATEDISApoyo tecnologico para la Discapacidad ATEDIS
Apoyo tecnologico para la Discapacidad ATEDISMaria Dolores Garcia Fernandez
675 vistas39 diapositivas
Páginas web1 por
Páginas web1Páginas web1
Páginas web1verdin45
139 vistas7 diapositivas
Páginas web123 por
Páginas web123Páginas web123
Páginas web123verdin45
155 vistas7 diapositivas
CibermetríA Empresas Web por
CibermetríA  Empresas WebCibermetríA  Empresas Web
CibermetríA Empresas WebTere Rodríguez
182 vistas33 diapositivas
Lenguaje Digital UDD clase 2 por
Lenguaje Digital UDD clase 2Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2carlavalenciac
318 vistas88 diapositivas
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario por
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioGabriel Porras
4.1K vistas97 diapositivas

Similar a Por una web sin barreras ISOC-AR(20)

Páginas web1 por verdin45
Páginas web1Páginas web1
Páginas web1
verdin45139 vistas
Páginas web123 por verdin45
Páginas web123Páginas web123
Páginas web123
verdin45155 vistas
Lenguaje Digital UDD clase 2 por carlavalenciac
Lenguaje Digital UDD clase 2Lenguaje Digital UDD clase 2
Lenguaje Digital UDD clase 2
carlavalenciac318 vistas
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario por Gabriel Porras
Sitios Exitosos: De los Estándares Web a la Experiencia de UsuarioSitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Sitios Exitosos: De los Estándares Web a la Experiencia de Usuario
Gabriel Porras4.1K vistas
Internet: Tipos de sitio (basico) por Anahi Weidhaas
Internet: Tipos de sitio (basico)Internet: Tipos de sitio (basico)
Internet: Tipos de sitio (basico)
Anahi Weidhaas189 vistas
Metodologia Desarrollo Web Efectivo por Condo Consulting
Metodologia Desarrollo Web EfectivoMetodologia Desarrollo Web Efectivo
Metodologia Desarrollo Web Efectivo
Condo Consulting1.4K vistas
como hacer un documento web por pagardez
como hacer un documento webcomo hacer un documento web
como hacer un documento web
pagardez406 vistas
Actividad 1.1 fabián velasco por Fabian Velasco
Actividad 1.1 fabián velascoActividad 1.1 fabián velasco
Actividad 1.1 fabián velasco
Fabian Velasco275 vistas
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles por Jerónimo Pérez Paz
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesiblesDía W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Día W3C Accesibilidad Web en Caixa Galicia - Plan Somos accesibles
Tecnologia web por Meli Vidal
Tecnologia webTecnologia web
Tecnologia web
Meli Vidal26K vistas

Más de Maria Dolores Garcia Fernandez

Multimedia y la accesibilidad web por
Multimedia y la accesibilidad webMultimedia y la accesibilidad web
Multimedia y la accesibilidad webMaria Dolores Garcia Fernandez
1.1K vistas49 diapositivas
Quinta Jornada por una Web sin barreras por
Quinta Jornada por una Web sin barrerasQuinta Jornada por una Web sin barreras
Quinta Jornada por una Web sin barrerasMaria Dolores Garcia Fernandez
446 vistas20 diapositivas
Diseño Web Inclusivo - La comunicación con estilo por
Diseño Web Inclusivo - La comunicación con estiloDiseño Web Inclusivo - La comunicación con estilo
Diseño Web Inclusivo - La comunicación con estiloMaria Dolores Garcia Fernandez
764 vistas91 diapositivas
Domotica por
DomoticaDomotica
DomoticaMaria Dolores Garcia Fernandez
647 vistas15 diapositivas
Diseño web inclusivo y la maquetación por
Diseño web inclusivo y la maquetaciónDiseño web inclusivo y la maquetación
Diseño web inclusivo y la maquetaciónMaria Dolores Garcia Fernandez
1K vistas27 diapositivas
Allanando barreras en la comunicación por
Allanando barreras en la comunicaciónAllanando barreras en la comunicación
Allanando barreras en la comunicaciónMaria Dolores Garcia Fernandez
666 vistas34 diapositivas

Más de Maria Dolores Garcia Fernandez(20)

Último

RECURSOS EDUCATIVOS.docx por
RECURSOS EDUCATIVOS.docxRECURSOS EDUCATIVOS.docx
RECURSOS EDUCATIVOS.docxglorypagalo84
10 vistas2 diapositivas
Dominios de internet.pdf por
Dominios de internet.pdfDominios de internet.pdf
Dominios de internet.pdfNahomiBanchen
8 vistas2 diapositivas
Excel avanzado (1) (1).pdf por
Excel avanzado (1) (1).pdfExcel avanzado (1) (1).pdf
Excel avanzado (1) (1).pdfKagomeHigurashi11
6 vistas7 diapositivas
La nueva era. por
La nueva era.La nueva era.
La nueva era.msebastianalvarezz
11 vistas3 diapositivas
Fundamentos De Electricidad y Electrónica equipo 5.pdf por
Fundamentos De Electricidad y Electrónica equipo 5.pdfFundamentos De Electricidad y Electrónica equipo 5.pdf
Fundamentos De Electricidad y Electrónica equipo 5.pdfcoloradxmaria
13 vistas14 diapositivas
excelavanzado1-231020003159-be608ddc.pdf por
excelavanzado1-231020003159-be608ddc.pdfexcelavanzado1-231020003159-be608ddc.pdf
excelavanzado1-231020003159-be608ddc.pdfsarahloradorado
11 vistas23 diapositivas

Último(20)

Fundamentos De Electricidad y Electrónica equipo 5.pdf por coloradxmaria
Fundamentos De Electricidad y Electrónica equipo 5.pdfFundamentos De Electricidad y Electrónica equipo 5.pdf
Fundamentos De Electricidad y Electrónica equipo 5.pdf
coloradxmaria13 vistas
excelavanzado1-231020003159-be608ddc.pdf por sarahloradorado
excelavanzado1-231020003159-be608ddc.pdfexcelavanzado1-231020003159-be608ddc.pdf
excelavanzado1-231020003159-be608ddc.pdf
sarahloradorado11 vistas
PROYECTOS 3ER PERIODO Sofia Collazos Santos.pdf por SaMu554
PROYECTOS 3ER PERIODO Sofia Collazos Santos.pdfPROYECTOS 3ER PERIODO Sofia Collazos Santos.pdf
PROYECTOS 3ER PERIODO Sofia Collazos Santos.pdf
SaMu55410 vistas
¡Planificando para el éxito! Usando los Planners de Semantic Kernel para real... por codertectura
¡Planificando para el éxito! Usando los Planners de Semantic Kernel para real...¡Planificando para el éxito! Usando los Planners de Semantic Kernel para real...
¡Planificando para el éxito! Usando los Planners de Semantic Kernel para real...
codertectura56 vistas
electricidadyelectrnica1-230404014355-1be10cf7.docx por NyobeMahechaDvila
electricidadyelectrnica1-230404014355-1be10cf7.docxelectricidadyelectrnica1-230404014355-1be10cf7.docx
electricidadyelectrnica1-230404014355-1be10cf7.docx
NyobeMahechaDvila18 vistas
Basura electronica.docx por MissPotato2
Basura electronica.docxBasura electronica.docx
Basura electronica.docx
MissPotato28 vistas
programacion orientada a objetos_sebastian segura barreto.pptx por sebastiansegura25
programacion orientada a objetos_sebastian segura barreto.pptxprogramacion orientada a objetos_sebastian segura barreto.pptx
programacion orientada a objetos_sebastian segura barreto.pptx
Tarea Práctica web de la sesión 14.pptx por illanlir
Tarea Práctica web de la sesión 14.pptxTarea Práctica web de la sesión 14.pptx
Tarea Práctica web de la sesión 14.pptx
illanlir14 vistas
Google alternativo, para volar por corpbracat
Google alternativo, para volarGoogle alternativo, para volar
Google alternativo, para volar
corpbracat8 vistas
Tarea15.pptx por illanlir
Tarea15.pptxTarea15.pptx
Tarea15.pptx
illanlir7 vistas

Por una web sin barreras ISOC-AR

  • 1. "Por una Web para todos " ISOC-AR, Buenos Aires, junio de 2008
  • 2.
  • 3. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos.
  • 4. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios
  • 5. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal
  • 6. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella
  • 7. Internet Red mundial de computadoras Comunicación Mega biblioteca de recursos. Para millones de usuarios Entorno Universal Universales deben ser las posibilidades de acceso a ella Tecnologías de Accesibilidad: Tecnologías estándares con el objetivo de universalizar el acceso al diseño y a los contenidos en la Web.
  • 8. Todas las prácticas de diseño orientados a una correcta presentación, lectura y comprensión de los elementos que componen un sitio web pueden considerarse: prácticas accesibles.
  • 9. W3C
  • 10. W3C Conjunto de leyes, pautas e iniciativas técnicas y de diseño para llevar a la Web a su potencialidad máxima , normalizando o estandarizando la presentación de sus servicios acercando los contenidos a la mayor cantidad de personas posibles en forma transparente.
  • 12. 37JAIIO-SSI Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Salto directo al contenido. Salida a impresora y dispositivos Braille. Sitio dinámico Diseñado sin tablas, con la combinación de Código HTML y CSS. Dinámico PHP5 Consistente a través de distintos navegadores. Y distintas resoluciones
  • 15. Sitio dinámico, Realizado en Código Abierto, PHP5 y SQL 2005 Diseñado sin tablas, con la combinación de los Códigos HTML y CSS .
  • 16. PSI-CTC Servicios Transversales : Menú de contenidos. Mapa de sitio. Servicios de Navegación de sitio, se puede navegar con mouse y con teclado. Adecuados contrastes de color. Aumento y disminución de tamaño de texto. Salto directo al contenido. Buscador de sitio.
  • 17. Calendario de eventos. Novedades destacadas. Buscador de sitio. Formulario de contacto. Novedades. Organizadas por fecha y por categoria. Buscador de novedades. Servicio de RSS. Preguntas más frecuentes Glosario de términos, permite buscar por distintos criterios.
  • 18. PSI
  • 20. Consistente a través de distintos navegadores . Y distintas resoluciones Sitio dinámico, Realizado en Código Abierto, PHP5 y SQL 2005 Diseñado sin tablas, con la combinación de los Códigos HTML y CSS .
  • 21. Menúes y buscadores. Mapa de sitio, Aumento y dismunción de tamaño de texto. Adecuados contrastes de color. Adecuado tratamiento de imagenes, para lectores de pantalla y conexión lenta. Cambios de idioma. Distinción de abreviaturas y acronimos Salida a impresora y dispositivos Braille Servicios transversales:
  • 22. Módulo Novedades Módulo de contacto Módulo de búsquedas de información Glosario
  • 23.
  • 25. ¿Cómo nos ven nuestros usuarios? Analizando las estadísticas de nuestras bases de datos, observamos la diversidad de las visitas de usuarios que tenemos, solo analizando el hardware con que acceden.
  • 26. ¿Cómo nos ven nuestros usuarios? Fuente: Datos obtenidos del sitio ATeDis ( http:/www.atedis.gov.ar )
  • 27. ¿Cómo nos ven nuestros usuarios? Fuente:del sitio ATeDis ( http://www.atedis.gov.ar )
  • 28. ¿Cómo nos ven nuestros usuarios? En contraposición exponemos este ejemplo de sitio oficial, inaugurado recientemente totalmente diseñado en Flash con claras limitaciones expuestas para acceder a sus contenidos.
  • 29. Internet y los servicios Internet http://www.flechabus.com.ar/. Solo funciona con Internet Explorer
  • 30.
  • 31. ¿Cómo nos ven nuestros usuarios? De la observación de los gráficos obtenemos la siguiente conclusión: Conclusiones:
  • 32.
  • 33.
  • 34.
  • 35. Gracias. Lic. Maria Dolores Garcia Programa Nacional para la Sociedad de la Información.