SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Downloaden Sie, um offline zu lesen
Diseño Universal
y
Accesibilidad Web
Primer Seminario TICS y Discapacidad
“Barreras Virtuales = Barreras Reales”
Ing. Silvia Da Rosa
Diseño Universal
Ejemplo de Diseño Universal
Accesibilidad vs Accesibilidad Universal
La Web
 Información
 Teletrabajo
 Educación
 Gobierno
Electrónico
 Entretenimiento
 Comunicación
Primer paso: conocer perfil del público objetivo
 Tecnología
 Dispositivo (pantalla, teclado, mouse)
 Banda ancha
 Browser
 Plugin (flash, etc.)
 Javascript
 Etc.
 Usuario sin ninguna discapacidad
¿Quién más usa la Web?
¿Quién más usa la Web?
“El poder de la Web radica
en su universalidad.
El acceso por parte de todos,
independientemente de su
discapacidad,
es un aspecto esencial”
Tim Berners-Lee, Director del W3C
(World Wide Web Consortium)
Accesibilidad en la Web
La posibilidad que recursos
web (información y servicios)
puedan ser utilizados
de forma satisfactoria por el
mayor número posible de personas,
independientemente de las limitaciones personales
o de limitaciones derivadas de su entorno,
sean éstas de carácter físico, mental, educativo,
familiar o socio-económico.
Limitaciones en el acceso a la Web (1)
 Discapacidades Visuales
 Ceguera, baja visión, problemas para distinguir colores.
 Imagenes sin alternativa textual
 Imagenes complejas sin descripcion
 Fuentes de texto con medidas absolutas
 Falta de contraste en colores
 Informacion transmitida con colores
Limitaciones en el acceso a la Web (2)
 Discapacidades Auditivas
 sordera parcial o total
 Falta de alternativas textuales a información sonora
 Lenguaje no claro
Limitaciones en el acceso a la Web (3)
 Discapacidades Motrices
 Dificultad o imposibilidad de mover las manos, temblores o
lentitud muscular etc.
 Tiempo limitado de espera de respuesta
 No soporte de alternativas de teclado
Limitaciones en el acceso a la Web (4)
 Discapacidades Cognitivas
 Dificultad de aprendizaje (Dislexia) o discapacidades
cognitivas que afecten la memoria, la atención, las
habilidades lógicas etc.
 Limitaciones asociadas con la edad avanzada
 Vision, audición, motrices, memoria
 Limitaciones Tecnológicas
 Tecnología antigua o muy nueva, limitaciones de ancho de
banda, uso de computadora con limitaciones de administración
No accedemos siempre de la misma manera
¿Cómo lograr una Web Accesible?
 Pautas WCAG
Uso de estándares
 XHTML, CSS, PDF
Alternativas textuales
Mejora contínua
 Tests de accesibilidad
 Automáticos y
manuales
 Retroalimentación de
usuarios
 Tests de usuarios
 Capacitación a quienes
ingresan contenido
Es un proceso
Por qué hacer una web accesible?
 La accesibilidad es rentable
 Mayor Público Objetivo
 Reducción del tiempo de carga
 Mejora en la usabilidad
 Mejora en la indexación
 Usuario ciego más famoso: GOOGLE
 Independencia de dispositivo
 Demostrar Responsabilidad Social
 Reducir la Responsabilidad Legal
Por que NO hacerlo?
www.luzverde.com.uy
La discapacidad está en el medio, no en las personas
“La Accesibilidad no es un privilegio, es un derecho”

Weitere ähnliche Inhalte

Was ist angesagt?

Medios Didácticos Convencionales
Medios Didácticos Convencionales Medios Didácticos Convencionales
Medios Didácticos Convencionales evetaveras
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design pptaccede16
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?Russ Weakley
 
Los 7 principios del diseño universal.
Los 7 principios del diseño universal.Los 7 principios del diseño universal.
Los 7 principios del diseño universal.José María
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web AccessibilitySteven Swafford
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"ecentricarts
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website AccessibilityNishan Bose
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web AccessibilityAndrea Dubravsky
 
Accessible Design Presentation
Accessible Design PresentationAccessible Design Presentation
Accessible Design PresentationTopher Kanyuga
 
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptx
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptxDiseño Universal para el Aprendizaje (DUA) Sesión1.pptx
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptxClaudiaViveros6
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityJoseph Dolson
 
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...Rosa Yataco Marín
 

Was ist angesagt? (20)

Medios Didácticos Convencionales
Medios Didácticos Convencionales Medios Didácticos Convencionales
Medios Didácticos Convencionales
 
Responsive web design ppt
Responsive web design pptResponsive web design ppt
Responsive web design ppt
 
What is accessibility?
What is accessibility?What is accessibility?
What is accessibility?
 
Los 7 principios del diseño universal.
Los 7 principios del diseño universal.Los 7 principios del diseño universal.
Los 7 principios del diseño universal.
 
Introduction To Web Accessibility
Introduction To Web AccessibilityIntroduction To Web Accessibility
Introduction To Web Accessibility
 
Intervencion en sordo ceguera
Intervencion en sordo cegueraIntervencion en sordo ceguera
Intervencion en sordo ceguera
 
WCAG
WCAGWCAG
WCAG
 
Tecnología asistiva para el aprendizaje
Tecnología asistiva para el aprendizajeTecnología asistiva para el aprendizaje
Tecnología asistiva para el aprendizaje
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"Web accessibility 101: The why, who, what, and how of "a11y"
Web accessibility 101: The why, who, what, and how of "a11y"
 
La nueva definición sobre discapacidad intelectual
La nueva definición sobre discapacidad intelectualLa nueva definición sobre discapacidad intelectual
La nueva definición sobre discapacidad intelectual
 
Website Accessibility
Website AccessibilityWebsite Accessibility
Website Accessibility
 
Understanding Web Accessibility
Understanding Web AccessibilityUnderstanding Web Accessibility
Understanding Web Accessibility
 
Accessible Design Presentation
Accessible Design PresentationAccessible Design Presentation
Accessible Design Presentation
 
Accessibility Audit
Accessibility AuditAccessibility Audit
Accessibility Audit
 
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptx
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptxDiseño Universal para el Aprendizaje (DUA) Sesión1.pptx
Diseño Universal para el Aprendizaje (DUA) Sesión1.pptx
 
Web Accessibility: A Shared Responsibility
Web Accessibility: A Shared ResponsibilityWeb Accessibility: A Shared Responsibility
Web Accessibility: A Shared Responsibility
 
Accessibilitytesting public
Accessibilitytesting publicAccessibilitytesting public
Accessibilitytesting public
 
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...
TIFLOTECNOLOGÍA Y EL ACCESO A LA INFORMACIÓN DE LAS PERSONAS CON DISCAPACIDAD...
 
Folleto sobre las Tics en la educacion
Folleto sobre las Tics en la educacionFolleto sobre las Tics en la educacion
Folleto sobre las Tics en la educacion
 

Andere mochten auch

Barreras arquitectonicas
Barreras arquitectonicasBarreras arquitectonicas
Barreras arquitectonicasyany1205
 
Las barreras arquitectónicas
Las barreras arquitectónicasLas barreras arquitectónicas
Las barreras arquitectónicasJuanRS12
 
Diseño universal: Más que accesible y usable.
Diseño universal: Más que accesible y usable.Diseño universal: Más que accesible y usable.
Diseño universal: Más que accesible y usable.Martín S
 
Accesibilidad y barreras arquitectónicas
Accesibilidad y barreras arquitectónicasAccesibilidad y barreras arquitectónicas
Accesibilidad y barreras arquitectónicasVicente Viñals Blasco
 
Manual De Accesibilidad
Manual De AccesibilidadManual De Accesibilidad
Manual De Accesibilidadguest69a500
 
Barreras arquitectónicas 2013
Barreras arquitectónicas 2013Barreras arquitectónicas 2013
Barreras arquitectónicas 2013fernandezlopezlola
 
Proyecto del diseño de la pagina web
Proyecto del diseño de la pagina webProyecto del diseño de la pagina web
Proyecto del diseño de la pagina webbrahcris
 
Presentacion Retefuente Renta 2009
Presentacion Retefuente Renta  2009Presentacion Retefuente Renta  2009
Presentacion Retefuente Renta 2009Mauricio
 
Inundaciones
InundacionesInundaciones
Inundacionesmazenso
 
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)pepa
 
Recorrido De Postes En Cerco
Recorrido De Postes En CercoRecorrido De Postes En Cerco
Recorrido De Postes En Cercoguest117c5ed
 
2009 presentación institucional
2009   presentación institucional2009   presentación institucional
2009 presentación institucionalguest144d29
 
Unidad ii. planeación de la auditoría informática
Unidad ii. planeación de la auditoría informáticaUnidad ii. planeación de la auditoría informática
Unidad ii. planeación de la auditoría informáticaGuadalupe Robles Calderón
 
Multimedia Trab Compu
Multimedia Trab CompuMultimedia Trab Compu
Multimedia Trab Compuc12ri34ti56an
 

Andere mochten auch (20)

Barreras arquitectonicas
Barreras arquitectonicasBarreras arquitectonicas
Barreras arquitectonicas
 
Manual de Accesibilidad Universal
Manual de Accesibilidad UniversalManual de Accesibilidad Universal
Manual de Accesibilidad Universal
 
Las barreras arquitectónicas
Las barreras arquitectónicasLas barreras arquitectónicas
Las barreras arquitectónicas
 
Proyecto 2014 b-arq
Proyecto 2014 b-arqProyecto 2014 b-arq
Proyecto 2014 b-arq
 
Diseño universal: Más que accesible y usable.
Diseño universal: Más que accesible y usable.Diseño universal: Más que accesible y usable.
Diseño universal: Más que accesible y usable.
 
Accesibilidad y barreras arquitectónicas
Accesibilidad y barreras arquitectónicasAccesibilidad y barreras arquitectónicas
Accesibilidad y barreras arquitectónicas
 
Manual De Accesibilidad
Manual De AccesibilidadManual De Accesibilidad
Manual De Accesibilidad
 
Barreras arquitectónicas 2013
Barreras arquitectónicas 2013Barreras arquitectónicas 2013
Barreras arquitectónicas 2013
 
Metodologia Diseño Web
Metodologia Diseño WebMetodologia Diseño Web
Metodologia Diseño Web
 
Ley 7600, Costa Rica
Ley 7600, Costa RicaLey 7600, Costa Rica
Ley 7600, Costa Rica
 
Proyecto del diseño de la pagina web
Proyecto del diseño de la pagina webProyecto del diseño de la pagina web
Proyecto del diseño de la pagina web
 
Presentacion Retefuente Renta 2009
Presentacion Retefuente Renta  2009Presentacion Retefuente Renta  2009
Presentacion Retefuente Renta 2009
 
Inundaciones
InundacionesInundaciones
Inundaciones
 
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)
A Lingua No áMbito Cultural Por Diego, Susana, Manuel E Iria (4ºA E S O)
 
"Ventas"
"Ventas""Ventas"
"Ventas"
 
Aprendizaje colaborativo a través de comunidades de práctica online
Aprendizaje colaborativo a través de comunidades de práctica onlineAprendizaje colaborativo a través de comunidades de práctica online
Aprendizaje colaborativo a través de comunidades de práctica online
 
Recorrido De Postes En Cerco
Recorrido De Postes En CercoRecorrido De Postes En Cerco
Recorrido De Postes En Cerco
 
2009 presentación institucional
2009   presentación institucional2009   presentación institucional
2009 presentación institucional
 
Unidad ii. planeación de la auditoría informática
Unidad ii. planeación de la auditoría informáticaUnidad ii. planeación de la auditoría informática
Unidad ii. planeación de la auditoría informática
 
Multimedia Trab Compu
Multimedia Trab CompuMultimedia Trab Compu
Multimedia Trab Compu
 

Ähnlich wie Diseño Universal y Accesibilidad web

Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Nervo Verdezoto
 
Las Tic en la educacion de las personas con necesidades educativas especiales.
Las Tic en la educacion de las personas con necesidades educativas especiales.Las Tic en la educacion de las personas con necesidades educativas especiales.
Las Tic en la educacion de las personas con necesidades educativas especiales.victorjacquet
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webguest8b219d
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad webMIGUEL
 
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...Grupo HULAT
 
Accesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webAccesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webpaoloarevaloortiz
 
E learning y discapacidad visual m
E learning y discapacidad visual mE learning y discapacidad visual m
E learning y discapacidad visual mnoglor30
 
E learning y discapacidad visual
E learning y discapacidad visualE learning y discapacidad visual
E learning y discapacidad visualdiscapacitados
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Qué es la accesibilidad web
Qué es la accesibilidad webQué es la accesibilidad web
Qué es la accesibilidad webinformatica4
 
1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad web1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad webtayzee
 
E Learning Accesible
E Learning AccesibleE Learning Accesible
E Learning Accesiblevegamirim
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosFer Torres
 

Ähnlich wie Diseño Universal y Accesibilidad web (20)

Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08Presentacion Accesibilidad y Posicionamiento 25 08 08
Presentacion Accesibilidad y Posicionamiento 25 08 08
 
Aa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_accesAa1 oa dis_webacc (1)_web_acces
Aa1 oa dis_webacc (1)_web_acces
 
Accesibilidad Web - Entendiendo el concepto de Accesibilidad
Accesibilidad Web - Entendiendo el concepto de AccesibilidadAccesibilidad Web - Entendiendo el concepto de Accesibilidad
Accesibilidad Web - Entendiendo el concepto de Accesibilidad
 
Tecnologia educativa
Tecnologia educativaTecnologia educativa
Tecnologia educativa
 
Las Tic en la educacion de las personas con necesidades educativas especiales.
Las Tic en la educacion de las personas con necesidades educativas especiales.Las Tic en la educacion de las personas con necesidades educativas especiales.
Las Tic en la educacion de las personas con necesidades educativas especiales.
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
Revisión de los requisitos de accesibilidad en la interacción del usuario anc...
 
Accesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la webAccesibilidad y usabilidad de la web
Accesibilidad y usabilidad de la web
 
E learning y discapacidad visual m
E learning y discapacidad visual mE learning y discapacidad visual m
E learning y discapacidad visual m
 
E learning y discapacidad visual
E learning y discapacidad visualE learning y discapacidad visual
E learning y discapacidad visual
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Qué es la accesibilidad web
Qué es la accesibilidad webQué es la accesibilidad web
Qué es la accesibilidad web
 
1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad web1.1 Introducción a la accesibilidad web
1.1 Introducción a la accesibilidad web
 
E Learning Accesible
E Learning AccesibleE Learning Accesible
E Learning Accesible
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
La web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuariosLa web única. piensa en todos tus usuarios
La web única. piensa en todos tus usuarios
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Clínica Accesibilidad Web / Lide-ar
Clínica Accesibilidad Web / Lide-arClínica Accesibilidad Web / Lide-ar
Clínica Accesibilidad Web / Lide-ar
 

Mehr von tayzee

Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0tayzee
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad webtayzee
 
Accesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: PerceptibleAccesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: Perceptibletayzee
 
Accesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operabletayzee
 
Accesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: ComprensibleAccesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: Comprensibletayzee
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robustotayzee
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesiblestayzee
 
Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)tayzee
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesibletayzee
 
Congreso latinoamericano de ciegos tic y diseño universal
Congreso latinoamericano de ciegos  tic y diseño universalCongreso latinoamericano de ciegos  tic y diseño universal
Congreso latinoamericano de ciegos tic y diseño universaltayzee
 
Una introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadoresUna introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadorestayzee
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3tayzee
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semanticatayzee
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0tayzee
 
Beneficios accesibilidad
Beneficios accesibilidadBeneficios accesibilidad
Beneficios accesibilidadtayzee
 
1) introducción
1)  introducción1)  introducción
1) introduccióntayzee
 
Costos de la accesibilidad
Costos de la accesibilidadCostos de la accesibilidad
Costos de la accesibilidadtayzee
 
Evaluación de accesibilidad web
Evaluación de accesibilidad webEvaluación de accesibilidad web
Evaluación de accesibilidad webtayzee
 

Mehr von tayzee (20)

Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0Checklist accesibilidad wcag 2.0
Checklist accesibilidad wcag 2.0
 
1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web1.2 Componentes de la accesibilidad web
1.2 Componentes de la accesibilidad web
 
Accesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: PerceptibleAccesibilidad web por principios - Principio 1: Perceptible
Accesibilidad web por principios - Principio 1: Perceptible
 
Accesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operable
 
Accesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: ComprensibleAccesibilidad web por principios - Principio 3: Comprensible
Accesibilidad web por principios - Principio 3: Comprensible
 
Accesibilidad web por principios - Principio 4: robusto
Accesibilidad web por principios - Principio 4:  robustoAccesibilidad web por principios - Principio 4:  robusto
Accesibilidad web por principios - Principio 4: robusto
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesibles
 
Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesible
 
HCI
HCIHCI
HCI
 
UX
UXUX
UX
 
Congreso latinoamericano de ciegos tic y diseño universal
Congreso latinoamericano de ciegos  tic y diseño universalCongreso latinoamericano de ciegos  tic y diseño universal
Congreso latinoamericano de ciegos tic y diseño universal
 
Una introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadoresUna introducción a la accesibilidad para comunicadores
Una introducción a la accesibilidad para comunicadores
 
7 wcag2.0 para comunicadores - Accesibilidad parte 3
7   wcag2.0 para comunicadores - Accesibilidad parte 37   wcag2.0 para comunicadores - Accesibilidad parte 3
7 wcag2.0 para comunicadores - Accesibilidad parte 3
 
6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semantica
 
4 introducción a wcag2.0
4   introducción a wcag2.04   introducción a wcag2.0
4 introducción a wcag2.0
 
Beneficios accesibilidad
Beneficios accesibilidadBeneficios accesibilidad
Beneficios accesibilidad
 
1) introducción
1)  introducción1)  introducción
1) introducción
 
Costos de la accesibilidad
Costos de la accesibilidadCostos de la accesibilidad
Costos de la accesibilidad
 
Evaluación de accesibilidad web
Evaluación de accesibilidad webEvaluación de accesibilidad web
Evaluación de accesibilidad web
 

Kürzlich hochgeladen

FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docMerlyBrisetTorneroLu
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfalguien92
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfandrea Varela
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDAdiawaraplast
 
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...maria Apellidos
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelomabel perez
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfrociomoral626
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizingagbhuizinga2000
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfduf110205
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...UNACH - Facultad de Arquitectura.
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaCamilaIsabelaRodrigu
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionssuser1ed434
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabrielaMarcano12
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoThaisAymeeTacucheBen
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxMarcosAlvarezSalinas
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxaurorialfonzo6
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECESTADISTICAHDIVINAPR
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)lemg25102006
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaratc070603hmcmrha7
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfitssmalexa
 

Kürzlich hochgeladen (20)

FICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.docFICHAS PARA LA PRIMERA SEMANA SALOME.doc
FICHAS PARA LA PRIMERA SEMANA SALOME.doc
 
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdfAndada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
Andada_Pullally_Alicahue_2021_(Comprimido)_-_Nicolás_Dragaš.pdf
 
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdfQue es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
Que es la arquitectura griega? Hecho por Andrea varela, arquitectura iv.pdf
 
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDALANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
LANZAMIENTO, NUEVOS SET DE COCINA, PETROLEUM, VINTAGE, CARAMEL Y LAVANDA
 
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...PRIS - (2021) - SEMANA 3 - AZUFRE  -  ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
PRIS - (2021) - SEMANA 3 - AZUFRE - ÁCIDO SULFÚRICO - ASPECTOS GENERALES - ...
 
contaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelocontaminacion del suelo 9.pptx cobntaminacion suelo
contaminacion del suelo 9.pptx cobntaminacion suelo
 
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdfTrabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
Trabajo de tesis. Arquitectura para Sanar. PaoaBorlandoFlorenciaSol.pdf
 
Portafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B HuizingaPortafolio de Diseño Gráfico por Giorgio B Huizinga
Portafolio de Diseño Gráfico por Giorgio B Huizinga
 
Arquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdfArquitectura griega, obras antiguas. pdf
Arquitectura griega, obras antiguas. pdf
 
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
Parque lineal Los Lirios en las márgenes del arroyo Navajuelos, en San Cristó...
 
La arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historiaLa arquitectura griega y su legado en la historia
La arquitectura griega y su legado en la historia
 
MANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacionMANUFACTURA AERONAUTICA 2024 presentacion
MANUFACTURA AERONAUTICA 2024 presentacion
 
Gabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimientoGabriela Marcano historia de la arquitectura 2 renacimiento
Gabriela Marcano historia de la arquitectura 2 renacimiento
 
Dia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf tripticoDia mundial de la salud (1).pdf triptico
Dia mundial de la salud (1).pdf triptico
 
Sesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptxSesión 02 Buenas practicas de manufactura.pptx
Sesión 02 Buenas practicas de manufactura.pptx
 
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptxDanielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
Danielarora Martinez 31061614 ARQUITECTURA GRIEGA.pptx
 
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR ECPLANTILLA POWER POINT EL NUEVO ECUADOR EC
PLANTILLA POWER POINT EL NUEVO ECUADOR EC
 
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
PRESENTACION DE LA ARQUITECTURA GRIEGA (EDAD ANTIGUA)
 
Hospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyendaHospital croquis de modulo 3 con leyenda
Hospital croquis de modulo 3 con leyenda
 
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdfMARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
MARIA ZABALA HISTORIA DE LA ARQUITECTURA II, ARQUITECTURA RENACENTISTA.pdf
 

Diseño Universal y Accesibilidad web

  • 1. Diseño Universal y Accesibilidad Web Primer Seminario TICS y Discapacidad “Barreras Virtuales = Barreras Reales” Ing. Silvia Da Rosa
  • 3. Ejemplo de Diseño Universal
  • 5. La Web  Información  Teletrabajo  Educación  Gobierno Electrónico  Entretenimiento  Comunicación
  • 6. Primer paso: conocer perfil del público objetivo  Tecnología  Dispositivo (pantalla, teclado, mouse)  Banda ancha  Browser  Plugin (flash, etc.)  Javascript  Etc.  Usuario sin ninguna discapacidad
  • 9. “El poder de la Web radica en su universalidad. El acceso por parte de todos, independientemente de su discapacidad, es un aspecto esencial” Tim Berners-Lee, Director del W3C (World Wide Web Consortium)
  • 10. Accesibilidad en la Web La posibilidad que recursos web (información y servicios) puedan ser utilizados de forma satisfactoria por el mayor número posible de personas, independientemente de las limitaciones personales o de limitaciones derivadas de su entorno, sean éstas de carácter físico, mental, educativo, familiar o socio-económico.
  • 11. Limitaciones en el acceso a la Web (1)  Discapacidades Visuales  Ceguera, baja visión, problemas para distinguir colores.  Imagenes sin alternativa textual  Imagenes complejas sin descripcion  Fuentes de texto con medidas absolutas  Falta de contraste en colores  Informacion transmitida con colores
  • 12. Limitaciones en el acceso a la Web (2)  Discapacidades Auditivas  sordera parcial o total  Falta de alternativas textuales a información sonora  Lenguaje no claro
  • 13. Limitaciones en el acceso a la Web (3)  Discapacidades Motrices  Dificultad o imposibilidad de mover las manos, temblores o lentitud muscular etc.  Tiempo limitado de espera de respuesta  No soporte de alternativas de teclado
  • 14. Limitaciones en el acceso a la Web (4)  Discapacidades Cognitivas  Dificultad de aprendizaje (Dislexia) o discapacidades cognitivas que afecten la memoria, la atención, las habilidades lógicas etc.  Limitaciones asociadas con la edad avanzada  Vision, audición, motrices, memoria  Limitaciones Tecnológicas  Tecnología antigua o muy nueva, limitaciones de ancho de banda, uso de computadora con limitaciones de administración
  • 15. No accedemos siempre de la misma manera
  • 16. ¿Cómo lograr una Web Accesible?  Pautas WCAG
  • 17. Uso de estándares  XHTML, CSS, PDF
  • 19. Mejora contínua  Tests de accesibilidad  Automáticos y manuales  Retroalimentación de usuarios  Tests de usuarios  Capacitación a quienes ingresan contenido Es un proceso
  • 20. Por qué hacer una web accesible?  La accesibilidad es rentable  Mayor Público Objetivo  Reducción del tiempo de carga  Mejora en la usabilidad  Mejora en la indexación  Usuario ciego más famoso: GOOGLE  Independencia de dispositivo  Demostrar Responsabilidad Social  Reducir la Responsabilidad Legal Por que NO hacerlo?
  • 22. La discapacidad está en el medio, no en las personas “La Accesibilidad no es un privilegio, es un derecho”