SlideShare una empresa de Scribd logo

Introducción a la accesibilidad Web

Este documento presenta información sobre accesibilidad web para personas con discapacidad. Explica que la discapacidad puede ser congénita, adquirida o temporal y define conceptos como ayudas técnicas y accesibilidad. Detalla barreras comunes que enfrentan las personas con discapacidad al navegar sitios web y mitos sobre accesibilidad. Finalmente, ofrece recomendaciones para crear sitios web accesibles siguiendo las pautas WCAG 2.0.

1 de 56
Descargar para leer sin conexión
ayutn.com.ar1
INTRODUCCIÓN
ACCESIBILIDAD EN LA WEB
Manuel Razzari
Interaction Design Foundation Bs.As, Digital House, Mayo 2017
Jornada de Tecnologías Abiertas, Universidad Nacional de José C. Paz, Mayo 2015
ayutn.com.ar2
TEMARIO
● Discapacidad
● Cómo navegan la Web personas c/discapacidad
● Barreras que encuentran
● Mitos de la accesibilidad
● Como hacer Web accesible
ayutn.com.ar4
SITUACIONES DE DISCAPACIDAD
●
Ceguera, baja visión, percepción de colores.
●
Sordera o hipoacusia.
●
Discapacidades motrices.
●
Discapacidades intelectuales.
●
Discapacidades del lenguaje.
●
Viscerales
ayutn.com.ar5
VISIONES DE LA DISCAPACIDAD
La discapacidad como enfermedad:
Discriminación + paternalismo
La discapacidad como una cuestión
de derechos humanos:
Equiparación + autonomía
ayutn.com.ar6
Resulta de la interacción entre
●
las personas con deficiencias y
●
las barreras debidas a la actitud y al entorno
que evitan su participación plena y efectiva en
la sociedad, en igualdad de condiciones con
las demás.
(De la definición de la ONU)
DISCAPACIDAD
ayutn.com.ar7
AYUDAS TÉCNICAS
Elemento, pieza de equipo o producto ya sea común
del mercado, adaptado o especial que es usado para
incrementar, mantener o mejorar las capacidades
funcionales de personas con discapacidad.

Recomendados

Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMorkai
 
Seguridad y Etica on line 1
Seguridad y Etica on line 1Seguridad y Etica on line 1
Seguridad y Etica on line 1Lorena Jimenez
 
Contextualizacion APA
Contextualizacion APAContextualizacion APA
Contextualizacion APASonia Cv
 
Tutorial Glogster
Tutorial Glogster Tutorial Glogster
Tutorial Glogster RVFH1982
 
Guia de aprendizaje N° 3 segundo periodo daniel patiño
Guia de aprendizaje N° 3 segundo periodo daniel patiñoGuia de aprendizaje N° 3 segundo periodo daniel patiño
Guia de aprendizaje N° 3 segundo periodo daniel patiñodaniel patino
 
Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introduccióntayzee
 

Más contenido relacionado

La actualidad más candente

Lista de cotejo wiki equipo 5
Lista  de cotejo wiki equipo 5Lista  de cotejo wiki equipo 5
Lista de cotejo wiki equipo 5Vanne Martz
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".tayzee
 
Los cortos de bolsillo
Los cortos de bolsilloLos cortos de bolsillo
Los cortos de bolsilloEducaRed
 
Redes Sociales, Educación y CiberSociedad
Redes Sociales, Educación y CiberSociedadRedes Sociales, Educación y CiberSociedad
Redes Sociales, Educación y CiberSociedadFrancesc Balagué
 

La actualidad más candente (6)

Lista de cotejo wiki equipo 5
Lista  de cotejo wiki equipo 5Lista  de cotejo wiki equipo 5
Lista de cotejo wiki equipo 5
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".
 
CONSULTA ARDORA
CONSULTA ARDORACONSULTA ARDORA
CONSULTA ARDORA
 
Diapositivas marygalindo
Diapositivas marygalindoDiapositivas marygalindo
Diapositivas marygalindo
 
Los cortos de bolsillo
Los cortos de bolsilloLos cortos de bolsillo
Los cortos de bolsillo
 
Redes Sociales, Educación y CiberSociedad
Redes Sociales, Educación y CiberSociedadRedes Sociales, Educación y CiberSociedad
Redes Sociales, Educación y CiberSociedad
 

Destacado

Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Introduccion my sql
Introduccion my sqlIntroduccion my sql
Introduccion my sqljaiverlh
 
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5Israel Messias
 
WPF 10. mejorando la funcionalidad y usabilidad de las aplicaciones
WPF 10. mejorando la funcionalidad y usabilidad de las aplicacionesWPF 10. mejorando la funcionalidad y usabilidad de las aplicaciones
WPF 10. mejorando la funcionalidad y usabilidad de las aplicacionesDanae Aguilar Guzmán
 
2 (de 3). Evaluación de Usabilidad
2 (de 3).  Evaluación de Usabilidad2 (de 3).  Evaluación de Usabilidad
2 (de 3). Evaluación de UsabilidadDCU_MPIUA
 
UX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadUX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadmaspixel
 
Usabilidad y ROI en las empresas - 2016
Usabilidad y ROI en las empresas - 2016Usabilidad y ROI en las empresas - 2016
Usabilidad y ROI en las empresas - 2016maspixel
 
Módulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMódulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMario Carvajal
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoyMarta Armada
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Paradigma Digital
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño webciwmx
 

Destacado (15)

Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Introduccion my sql
Introduccion my sqlIntroduccion my sql
Introduccion my sql
 
Html5
Html5Html5
Html5
 
HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5HTML - HyperText Markup Language - HTML5
HTML - HyperText Markup Language - HTML5
 
WPF 10. mejorando la funcionalidad y usabilidad de las aplicaciones
WPF 10. mejorando la funcionalidad y usabilidad de las aplicacionesWPF 10. mejorando la funcionalidad y usabilidad de las aplicaciones
WPF 10. mejorando la funcionalidad y usabilidad de las aplicaciones
 
2 (de 3). Evaluación de Usabilidad
2 (de 3).  Evaluación de Usabilidad2 (de 3).  Evaluación de Usabilidad
2 (de 3). Evaluación de Usabilidad
 
UX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidadUX y SEO: Como posicionar tu web con técnicas de usabilidad
UX y SEO: Como posicionar tu web con técnicas de usabilidad
 
Historia de HTML5
Historia de HTML5Historia de HTML5
Historia de HTML5
 
Usabilidad y ROI en las empresas - 2016
Usabilidad y ROI en las empresas - 2016Usabilidad y ROI en las empresas - 2016
Usabilidad y ROI en las empresas - 2016
 
Módulo 4: Usabilidad Web
Módulo 4: Usabilidad WebMódulo 4: Usabilidad Web
Módulo 4: Usabilidad Web
 
HTML5: empieza hoy
HTML5: empieza hoyHTML5: empieza hoy
HTML5: empieza hoy
 
Introducción HTML5 y CSS3
Introducción HTML5 y CSS3Introducción HTML5 y CSS3
Introducción HTML5 y CSS3
 
HTML5
HTML5HTML5
HTML5
 
Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3Introducción a HTML5 y CSS3
Introducción a HTML5 y CSS3
 
Introducción al Diseño web
Introducción al Diseño webIntroducción al Diseño web
Introducción al Diseño web
 

Similar a Introducción a la accesibilidad Web

Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialIxDA La Plata
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoInés Laitano
 
Marketing de servicios profesionales: Internet como herramienta
Marketing de servicios profesionales: Internet como herramientaMarketing de servicios profesionales: Internet como herramienta
Marketing de servicios profesionales: Internet como herramientaDenise Mazmanian
 
Internet como herramienta para Marketing Personal
Internet como herramienta para Marketing PersonalInternet como herramienta para Marketing Personal
Internet como herramienta para Marketing PersonalOrtizJuan
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebJesus Jimenez
 
Accesibilidad web para word press jose miguel moreno
Accesibilidad web para word press   jose miguel morenoAccesibilidad web para word press   jose miguel moreno
Accesibilidad web para word press jose miguel morenoJose Miguel Moreno Arrabal
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009qweos
 
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Arantxa Hernandez
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadJulio Camarero
 
Experiencia De Usuario y Usabilidad En La Web
Experiencia De Usuario y Usabilidad En La WebExperiencia De Usuario y Usabilidad En La Web
Experiencia De Usuario y Usabilidad En La WebPalermo Valley
 
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?Marta Torre
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Searchmediafb
 
3ras. Jornadas por na Web sin Barreras para personas con discapaidad
3ras. Jornadas por na Web sin Barreras para personas con discapaidad3ras. Jornadas por na Web sin Barreras para personas con discapaidad
3ras. Jornadas por na Web sin Barreras para personas con discapaidadMaria Dolores Garcia Fernandez
 
Herramienta de la web, plan vive digital
Herramienta de la web, plan vive digitalHerramienta de la web, plan vive digital
Herramienta de la web, plan vive digitallienz_ed
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebAccenture Digital
 

Similar a Introducción a la accesibilidad Web (20)

Manuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión SocialManuel Razzari - Accesibilidad web e Inclusión Social
Manuel Razzari - Accesibilidad web e Inclusión Social
 
Accesibilidad web para el sector turístico
Accesibilidad web para el sector turísticoAccesibilidad web para el sector turístico
Accesibilidad web para el sector turístico
 
Marketing de servicios profesionales: Internet como herramienta
Marketing de servicios profesionales: Internet como herramientaMarketing de servicios profesionales: Internet como herramienta
Marketing de servicios profesionales: Internet como herramienta
 
Internet como herramienta para Marketing Personal
Internet como herramienta para Marketing PersonalInternet como herramienta para Marketing Personal
Internet como herramienta para Marketing Personal
 
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones WebAccesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
Accesibilidad Web - Universidad de Carabobo - Desarrollo de Aplicaciones Web
 
Accesibilidad web para word press jose miguel moreno
Accesibilidad web para word press   jose miguel morenoAccesibilidad web para word press   jose miguel moreno
Accesibilidad web para word press jose miguel moreno
 
Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009Presenta Accesibilidad Centrada en los Usuarios - 2009
Presenta Accesibilidad Centrada en los Usuarios - 2009
 
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
Mitos, leyendas y apuntes de Accesibilidad. Pinceladas básicas.
 
Liferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidadLiferay 6.2 y la norme UNE de accesibilidad
Liferay 6.2 y la norme UNE de accesibilidad
 
Experiencia De Usuario y Usabilidad En La Web
Experiencia De Usuario y Usabilidad En La WebExperiencia De Usuario y Usabilidad En La Web
Experiencia De Usuario y Usabilidad En La Web
 
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
¿Por qué mi desarrollo web en WordPress tiene que ser accesible?
 
Las redes sociales adaptadas a los discapacitados
Las redes sociales adaptadas a los discapacitadosLas redes sociales adaptadas a los discapacitados
Las redes sociales adaptadas a los discapacitados
 
Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?Usabilidad Web: ¿Capricho o Necesidad?
Usabilidad Web: ¿Capricho o Necesidad?
 
Habic
HabicHabic
Habic
 
Intro a la accesibilidad digital
Intro a la accesibilidad digitalIntro a la accesibilidad digital
Intro a la accesibilidad digital
 
NAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptxNAVEGABILIDAD (1).pptx
NAVEGABILIDAD (1).pptx
 
3ras. Jornadas por na Web sin Barreras para personas con discapaidad
3ras. Jornadas por na Web sin Barreras para personas con discapaidad3ras. Jornadas por na Web sin Barreras para personas con discapaidad
3ras. Jornadas por na Web sin Barreras para personas con discapaidad
 
Herramienta de la web, plan vive digital
Herramienta de la web, plan vive digitalHerramienta de la web, plan vive digital
Herramienta de la web, plan vive digital
 
Tanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad WebTanta Comunicación: Accesibilidad Web
Tanta Comunicación: Accesibilidad Web
 
Accesibilidad y usabilidad
Accesibilidad y usabilidadAccesibilidad y usabilidad
Accesibilidad y usabilidad
 

Más de Manuel Razzari

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 en mapas y visualización de información
Accesibilidad web en mapas y visualización de informaciónAccesibilidad web en mapas y visualización de información
Accesibilidad web en mapas y visualización de informaciónManuel 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
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSSManuel Razzari
 

Más de Manuel Razzari (6)

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-ARIA
 
Accesibilidad web en mapas y visualización de información
Accesibilidad web en mapas y visualización de informaciónAccesibilidad web en mapas y visualización de información
Accesibilidad web en mapas y visualización de información
 
WAI-ARIA en 5 minutos
WAI-ARIA en 5 minutosWAI-ARIA en 5 minutos
WAI-ARIA en 5 minutos
 
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 marcado
 
Mapoteca accesible
Mapoteca accesibleMapoteca accesible
Mapoteca accesible
 
Maquetado con HTML y CSS
Maquetado con HTML y CSSMaquetado con HTML y CSS
Maquetado con HTML y CSS
 

Último

VIDEOS DE APOYO.marianasarmiento.blogger
VIDEOS DE APOYO.marianasarmiento.bloggerVIDEOS DE APOYO.marianasarmiento.blogger
VIDEOS DE APOYO.marianasarmiento.bloggerMarianaSarmiento22
 
marketing RPA 2024 es una coleccion de casos de uso
marketing RPA 2024 es una coleccion de casos de usomarketing RPA 2024 es una coleccion de casos de uso
marketing RPA 2024 es una coleccion de casos de usoncastagno
 
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docx
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docxEjercicio evaluación epistemologíalllllllllllllllllllllllll.docx
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docxoctavio cortez
 
Padlet como herrramienta para el aprendizaje
Padlet como herrramienta para el aprendizajePadlet como herrramienta para el aprendizaje
Padlet como herrramienta para el aprendizajezoecadi
 
combinación por correspondencia en Excel
combinación por correspondencia en Excelcombinación por correspondencia en Excel
combinación por correspondencia en ExcelHEDYYULIANARUIZGAVIR
 
Presentación de los cultivos de la zanahoria
Presentación de los cultivos de la zanahoriaPresentación de los cultivos de la zanahoria
Presentación de los cultivos de la zanahoriachifadomagu
 
Taller 1 Internet 2 corte (solucionado) Cito
Taller 1 Internet 2 corte (solucionado) CitoTaller 1 Internet 2 corte (solucionado) Cito
Taller 1 Internet 2 corte (solucionado) Citomariangelvillazon3
 

Último (8)

VIDEOS DE APOYO.marianasarmiento.blogger
VIDEOS DE APOYO.marianasarmiento.bloggerVIDEOS DE APOYO.marianasarmiento.blogger
VIDEOS DE APOYO.marianasarmiento.blogger
 
marketing RPA 2024 es una coleccion de casos de uso
marketing RPA 2024 es una coleccion de casos de usomarketing RPA 2024 es una coleccion de casos de uso
marketing RPA 2024 es una coleccion de casos de uso
 
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docx
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docxEjercicio evaluación epistemologíalllllllllllllllllllllllll.docx
Ejercicio evaluación epistemologíalllllllllllllllllllllllll.docx
 
Padlet como herrramienta para el aprendizaje
Padlet como herrramienta para el aprendizajePadlet como herrramienta para el aprendizaje
Padlet como herrramienta para el aprendizaje
 
combinación por correspondencia en Excel
combinación por correspondencia en Excelcombinación por correspondencia en Excel
combinación por correspondencia en Excel
 
cuadro comparativo r
cuadro comparativo                        rcuadro comparativo                        r
cuadro comparativo r
 
Presentación de los cultivos de la zanahoria
Presentación de los cultivos de la zanahoriaPresentación de los cultivos de la zanahoria
Presentación de los cultivos de la zanahoria
 
Taller 1 Internet 2 corte (solucionado) Cito
Taller 1 Internet 2 corte (solucionado) CitoTaller 1 Internet 2 corte (solucionado) Cito
Taller 1 Internet 2 corte (solucionado) Cito
 

Introducción a la accesibilidad Web