SlideShare una empresa de Scribd logo
Norma Elizalde
“Veo algo que tú no ves: Otra manera de mirar el Diseñ o Web”
“Veo algo que tú no ves: Otra
manera de mirar el Diseñ o
Web”
Norma F. Elizalde Gutié rrez
Estudié la licenciatura en
comunicació n visual y
actualmente estudio una maestría
en Multimedia Interactiva.
Comencé trabajando como
diseñ adora gráfica en una
asociació n civil llamada Ojos
Que Sienten, A.C.; ahí fue
donde me di cuenta que el
diseñ o debía de llegar más alláde
las personas normo-visuales.
La accesibilidad
es responsabilidad
exclusiva de los
Desarrolladores web
MITO
¿Qué es accesibilidad?1
“Accesibilidad es el conjunto de características de que debe
disponer un entorno, producto o servicio para ser utilizable
en condiciones de confort, seguridad e igualdad por
todas las personas y, en particular, por aquellas que
tienen alguna discapacidad.” 2
1. ISO (ISO 16071:2003)
2. ACCEPLAN, 2003-2010, Libro blanco (IUEE-ACCEPLAN [Institut Universitari d’Estudis Europeus], 2003)
Accesibilidad Usabilidad
Diseñ o Universal 3
Creació n de
Diseñ os Universales 4
Equitativo
ONE SIZE FITS ALL
Flexibilidad
Simple
Perceptible Tolerancia
Uso
Aproximació n
Esfuerzo
3. SEALE, J. K. (2006). E-Learning and disability in higher education: accessibility research and practice. Oxford: Routledge.
4. CUD (The Center for Universal Design), 1997.
Principios de Accesibilidad para Contenido
Web5
5. Web Content Accessibility Guidelines: http://www.sidar.org/traducciones/wcag20/es/#perceivable
Perceptible Operable Comprensible Robusta
O C RP
Diseñ o Universal
Diseñ o centrado
en el Usuario
Tipología específica de usuario para
conseguir un diseñ o usable
La accesibilidad
es cara y difícil
MITO
www.prociegos.com
www.institutoparaciegos.org
www.institutoparaciegos.org
www.institutoparaciegos.org
Barreras en la accesibilidad
- Mucha imagen, poco texto.
- Colores sin contrastes.
- No compatibles con los lectores de pantalla.
- Limitantes a la informació n.
PRIORIZAR
Herramientas Accesibles
Contraste
Firefox ColorZilla
extension
Graybit.com
ColorPic eyedrop tool
Lectores
JAWS
Window-Eyes
VoiceOver (Mac)
Webanywhere
Generales
Firefox Accessibility
Toolbar
WebAIM’s WAVE
tester
MacOS Accessibility
La accesibilidad
es únicamente
para personas
ciegas
MITO
¿Usabilidad o Accesibilidad? 6
6. Para mayor información véase:
“The Relationship Between Accessibility and Usability” (www.uiaccess.com/accessucd/).
Efectividad
Eficiencia
Satisfacció n
ACCESIBILIDAD USABLE
La accesibilidad es…
Colaborativa
Usuario
Diseñ ador
Desarrollador
Reflexió n
“La gente ignora el disenõ
que ignora a la gente.”
-Frank Chimero
normaelizalde07@gmail.com
@monch_norms
¡Gracias!

Más contenido relacionado

La actualidad más candente (9)

Accesibilidad universal
Accesibilidad universalAccesibilidad universal
Accesibilidad universal
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Accesibilidad universal.
Accesibilidad universal.Accesibilidad universal.
Accesibilidad universal.
 
Diseño universal. participación social.
Diseño universal. participación social.Diseño universal. participación social.
Diseño universal. participación social.
 
Contenidos digitales accesibles. Personas con discapacidad.
Contenidos digitales accesibles. Personas con discapacidad.Contenidos digitales accesibles. Personas con discapacidad.
Contenidos digitales accesibles. Personas con discapacidad.
 
Yuliana 2!!!
Yuliana 2!!!Yuliana 2!!!
Yuliana 2!!!
 
Accesibilidad cognitiva. Autonomía y participación en el entorno.
Accesibilidad cognitiva. Autonomía y participación en el entorno.Accesibilidad cognitiva. Autonomía y participación en el entorno.
Accesibilidad cognitiva. Autonomía y participación en el entorno.
 
Accesibilidad web
Accesibilidad webAccesibilidad web
Accesibilidad web
 
Prezi
PreziPrezi
Prezi
 

Destacado

Destacado (17)

UX Nights Vol. 08.02: Accesibilidad y la normalidad
UX Nights Vol. 08.02: Accesibilidad y la normalidadUX Nights Vol. 08.02: Accesibilidad y la normalidad
UX Nights Vol. 08.02: Accesibilidad y la normalidad
 
Principios de Diseño de Realidad Virtual
Principios de Diseño de Realidad VirtualPrincipios de Diseño de Realidad Virtual
Principios de Diseño de Realidad Virtual
 
UX Nights Vol 01.03: La importancia de UX
UX Nights Vol 01.03: La importancia de UXUX Nights Vol 01.03: La importancia de UX
UX Nights Vol 01.03: La importancia de UX
 
UX Nights Vol. 07.03: A(I)-daptación
UX Nights Vol. 07.03: A(I)-daptaciónUX Nights Vol. 07.03: A(I)-daptación
UX Nights Vol. 07.03: A(I)-daptación
 
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuariosUX Nights Vol. 07.04: Técnicas de investigación de usuarios
UX Nights Vol. 07.04: Técnicas de investigación de usuarios
 
UX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UIUX Nights Vol. 07.02: UX sin UI
UX Nights Vol. 07.02: UX sin UI
 
UX Nights Vol. 02.03: UX Avengers Assemble!
UX Nights Vol. 02.03: UX Avengers Assemble!UX Nights Vol. 02.03: UX Avengers Assemble!
UX Nights Vol. 02.03: UX Avengers Assemble!
 
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de informaciónUX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
UX Nights Vol. 07.01: Entender y colaborar con un arquitecto de información
 
El Fenómeno Pokémon Go
El Fenómeno Pokémon GoEl Fenómeno Pokémon Go
El Fenómeno Pokémon Go
 
Cómo puede UX involucrarse en el área de ventas y mejorar sus procesos de dis...
Cómo puede UX involucrarse en el área de ventas y mejorar sus procesos de dis...Cómo puede UX involucrarse en el área de ventas y mejorar sus procesos de dis...
Cómo puede UX involucrarse en el área de ventas y mejorar sus procesos de dis...
 
UX Nights Vol. 09.03: PERSONA - Protagonista al definir el producto y su uso
UX Nights Vol. 09.03: PERSONA - Protagonista al definir el  producto y su usoUX Nights Vol. 09.03: PERSONA - Protagonista al definir el  producto y su uso
UX Nights Vol. 09.03: PERSONA - Protagonista al definir el producto y su uso
 
Seduce a tus visitantes y consigue más clientes
Seduce a tus visitantes y consigue más clientesSeduce a tus visitantes y consigue más clientes
Seduce a tus visitantes y consigue más clientes
 
No eres tú, soy yo
No eres tú, soy yoNo eres tú, soy yo
No eres tú, soy yo
 
Prototipos y videojuegos
Prototipos y videojuegosPrototipos y videojuegos
Prototipos y videojuegos
 
UX Nights Vol 01.02: UX vs Marketing
UX Nights Vol 01.02: UX vs MarketingUX Nights Vol 01.02: UX vs Marketing
UX Nights Vol 01.02: UX vs Marketing
 
Aplicando Design Thinking al diseño de tu vida
Aplicando Design Thinking al diseño de tu vida Aplicando Design Thinking al diseño de tu vida
Aplicando Design Thinking al diseño de tu vida
 
Formando UXers del Más Allá
Formando UXers del Más AlláFormando UXers del Más Allá
Formando UXers del Más Allá
 

Similar a UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web

Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-
mauroutz
 
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdfguia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
PedroJGC1
 
Fabián andrés pachón garcía slideshare
Fabián andrés pachón garcía slideshareFabián andrés pachón garcía slideshare
Fabián andrés pachón garcía slideshare
fabianpaga
 

Similar a UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web (20)

ATeDis: Avances tecnologicos de atencion a la diversidad
ATeDis: Avances tecnologicos de atencion a la diversidadATeDis: Avances tecnologicos de atencion a la diversidad
ATeDis: Avances tecnologicos de atencion a la diversidad
 
Accesibilidad web. Laura garcia
Accesibilidad web. Laura garciaAccesibilidad web. Laura garcia
Accesibilidad web. Laura garcia
 
Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo? Usabilidad y accesibilidad ¿hablamos de lo mismo?
Usabilidad y accesibilidad ¿hablamos de lo mismo?
 
Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-Presentación e inclusion- utzeri mauro-
Presentación e inclusion- utzeri mauro-
 
Tecnologías transparentes en la educación
Tecnologías transparentes en la educaciónTecnologías transparentes en la educación
Tecnologías transparentes en la educación
 
Creacion web
Creacion webCreacion web
Creacion web
 
Clase2
Clase2Clase2
Clase2
 
tarea 1 multimedia
tarea  1  multimedia tarea  1  multimedia
tarea 1 multimedia
 
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdfguia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
guia-ux-guia-ux-guia-ux-guia-ux-guia-ux.pdf
 
Accesibilidad cognitiva. autonomía y comunicación.
Accesibilidad cognitiva. autonomía y comunicación.Accesibilidad cognitiva. autonomía y comunicación.
Accesibilidad cognitiva. autonomía y comunicación.
 
Conferencia diseño accesible
Conferencia diseño accesibleConferencia diseño accesible
Conferencia diseño accesible
 
Diccionario pictorico. aprendizaje movil
Diccionario pictorico. aprendizaje movilDiccionario pictorico. aprendizaje movil
Diccionario pictorico. aprendizaje movil
 
Introducción a la arquitectura de información
Introducción a la arquitectura de informaciónIntroducción a la arquitectura de información
Introducción a la arquitectura de información
 
Los PDF también pueden ser accesibles
Los PDF también pueden ser accesiblesLos PDF también pueden ser accesibles
Los PDF también pueden ser accesibles
 
Las tic en el aula inclusiva
Las tic en el aula inclusivaLas tic en el aula inclusiva
Las tic en el aula inclusiva
 
Fabián andrés pachón garcía slideshare
Fabián andrés pachón garcía slideshareFabián andrés pachón garcía slideshare
Fabián andrés pachón garcía slideshare
 
Accesibilidad cognitiva. Señalización accesible y entendible.
Accesibilidad cognitiva. Señalización accesible y entendible.Accesibilidad cognitiva. Señalización accesible y entendible.
Accesibilidad cognitiva. Señalización accesible y entendible.
 
Technisys accesibilidad mobile
Technisys accesibilidad mobileTechnisys accesibilidad mobile
Technisys accesibilidad mobile
 
2 diseño web
2 diseño web2 diseño web
2 diseño web
 
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
 

Más de UX Nights

Más de UX Nights (20)

Arquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectosArquitectura de información para los no arquitectos
Arquitectura de información para los no arquitectos
 
Claves para ser UX
Claves para ser UXClaves para ser UX
Claves para ser UX
 
Equipos multidisciplinarios
Equipos multidisciplinariosEquipos multidisciplinarios
Equipos multidisciplinarios
 
¿Dar el brinco a UX?
¿Dar el brinco a UX?¿Dar el brinco a UX?
¿Dar el brinco a UX?
 
La mente participativa: El diseño social como creación colectiva
La mente participativa: El diseño social como creación colectivaLa mente participativa: El diseño social como creación colectiva
La mente participativa: El diseño social como creación colectiva
 
El futuro lo estamos diseñando hoy
El futuro lo estamos diseñando hoyEl futuro lo estamos diseñando hoy
El futuro lo estamos diseñando hoy
 
Centro de Comando Sonoro
Centro de Comando SonoroCentro de Comando Sonoro
Centro de Comando Sonoro
 
En búsqueda del verdadero unicornio
En búsqueda del verdadero unicornioEn búsqueda del verdadero unicornio
En búsqueda del verdadero unicornio
 
De unicornios y monstruos, ¿sabes diferenciarlos?
De unicornios y monstruos, ¿sabes diferenciarlos?De unicornios y monstruos, ¿sabes diferenciarlos?
De unicornios y monstruos, ¿sabes diferenciarlos?
 
Estoy en línea, luego existo
Estoy en línea, luego existoEstoy en línea, luego existo
Estoy en línea, luego existo
 
La Paradoja del Citizen-Centric eXperience
La Paradoja del Citizen-Centric eXperienceLa Paradoja del Citizen-Centric eXperience
La Paradoja del Citizen-Centric eXperience
 
¿La UX se lleva con las elecciones?
¿La UX se lleva con las elecciones?¿La UX se lleva con las elecciones?
¿La UX se lleva con las elecciones?
 
Implementación de procesos en La División de Movimientos de Recursos Humanos ...
Implementación de procesos en La División de Movimientos de Recursos Humanos ...Implementación de procesos en La División de Movimientos de Recursos Humanos ...
Implementación de procesos en La División de Movimientos de Recursos Humanos ...
 
Todavía no he desayunado
Todavía no he desayunadoTodavía no he desayunado
Todavía no he desayunado
 
Los retos y oportunidades del liderazgo en UX
Los retos y oportunidades del liderazgo en UXLos retos y oportunidades del liderazgo en UX
Los retos y oportunidades del liderazgo en UX
 
Liderazgo de un equipo multidisciplinario digital
Liderazgo de un equipo multidisciplinario digitalLiderazgo de un equipo multidisciplinario digital
Liderazgo de un equipo multidisciplinario digital
 
Cruzando Puentes mediante UX Research
Cruzando Puentes mediante UX ResearchCruzando Puentes mediante UX Research
Cruzando Puentes mediante UX Research
 
Los chatbots como aliados en contextos hostiles
Los chatbots como aliados en contextos hostilesLos chatbots como aliados en contextos hostiles
Los chatbots como aliados en contextos hostiles
 
Iteraciones y aprendizajes desde la docencia académica
Iteraciones y aprendizajes desde la docencia académicaIteraciones y aprendizajes desde la docencia académica
Iteraciones y aprendizajes desde la docencia académica
 
SEO  UX (SEO Loves UX)
SEO  UX (SEO Loves UX)SEO  UX (SEO Loves UX)
SEO  UX (SEO Loves UX)
 

Último

Eclecticismo en la arquitectura XIX y principios del sigo XX
Eclecticismo  en la arquitectura XIX y principios del sigo XXEclecticismo  en la arquitectura XIX y principios del sigo XX
Eclecticismo en la arquitectura XIX y principios del sigo XX
gustavo420884
 
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
ARQ BIZANTINA Y PALEOCRISTIANA      .pptxARQ BIZANTINA Y PALEOCRISTIANA      .pptx
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
dnmxd1213
 

Último (20)

Calculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptxCalculo-de-calibres-de-conductores electricos.pptx
Calculo-de-calibres-de-conductores electricos.pptx
 
DIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en lineaDIAGRAMA DE FLUJO.pptx : Ventas en linea
DIAGRAMA DE FLUJO.pptx : Ventas en linea
 
Reseña ilustrada de la teoría de Kim. Trabajo
Reseña ilustrada de la teoría de Kim. TrabajoReseña ilustrada de la teoría de Kim. Trabajo
Reseña ilustrada de la teoría de Kim. Trabajo
 
Renacer, feliz otra vez - Sermones | Reencuentro
Renacer, feliz otra vez  - Sermones | ReencuentroRenacer, feliz otra vez  - Sermones | Reencuentro
Renacer, feliz otra vez - Sermones | Reencuentro
 
Eclecticismo en la arquitectura XIX y principios del sigo XX
Eclecticismo  en la arquitectura XIX y principios del sigo XXEclecticismo  en la arquitectura XIX y principios del sigo XX
Eclecticismo en la arquitectura XIX y principios del sigo XX
 
La Proporción Áurea y Diagramación el las Artes Graficas.
La Proporción Áurea y Diagramación el las Artes Graficas.La Proporción Áurea y Diagramación el las Artes Graficas.
La Proporción Áurea y Diagramación el las Artes Graficas.
 
ECLECTICISMO EN ARQUITECTURA .pptx
ECLECTICISMO EN ARQUITECTURA        .pptxECLECTICISMO EN ARQUITECTURA        .pptx
ECLECTICISMO EN ARQUITECTURA .pptx
 
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdfEclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
Eclecticismo en Arquitectura. Jennifer Rodriguez F.pdf
 
Modelo de Tríptico Fiestas Patronales de una Unidad Educativa
Modelo de Tríptico Fiestas Patronales de una Unidad EducativaModelo de Tríptico Fiestas Patronales de una Unidad Educativa
Modelo de Tríptico Fiestas Patronales de una Unidad Educativa
 
Arquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en LatinoaméricaArquitectura Ecléctica e Historicista en Latinoamérica
Arquitectura Ecléctica e Historicista en Latinoamérica
 
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdfCUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
CUADROSINOPTICOPAOLAPEREZARQUITECTURABARROCA.pdf
 
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
DIFERENCIAS ENTRE LA ARQUITECTURA ECLECTICA E HISTORICISTA ENTRE EUROPA Y LAT...
 
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdfInfografía profesional cronología horizontal bloques de colores fondo negro.pdf
Infografía profesional cronología horizontal bloques de colores fondo negro.pdf
 
Arquitectura Ecléctica e Historicista en Latinoamérica.pdf
Arquitectura Ecléctica e Historicista en Latinoamérica.pdfArquitectura Ecléctica e Historicista en Latinoamérica.pdf
Arquitectura Ecléctica e Historicista en Latinoamérica.pdf
 
Pensamiento de Diseño y prompts para investigación del usuario
Pensamiento de Diseño y prompts para investigación del usuarioPensamiento de Diseño y prompts para investigación del usuario
Pensamiento de Diseño y prompts para investigación del usuario
 
INFOGRAFIA LACTANCIA MATERNARIPTICO LANTANCIA MATERNA CLAVES INFORMATIVOS Y E...
INFOGRAFIA LACTANCIA MATERNARIPTICO LANTANCIA MATERNA CLAVES INFORMATIVOS Y E...INFOGRAFIA LACTANCIA MATERNARIPTICO LANTANCIA MATERNA CLAVES INFORMATIVOS Y E...
INFOGRAFIA LACTANCIA MATERNARIPTICO LANTANCIA MATERNA CLAVES INFORMATIVOS Y E...
 
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdfARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
ARQ BARROCA - ADRIANN DIAZ 30.118.599 ESC 41.pdf
 
La Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por KarinaLa Arquitectura del Eclecticismo, por Karina
La Arquitectura del Eclecticismo, por Karina
 
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
ARQ BIZANTINA Y PALEOCRISTIANA      .pptxARQ BIZANTINA Y PALEOCRISTIANA      .pptx
ARQ BIZANTINA Y PALEOCRISTIANA .pptx
 
aprende mas sobre la moda y el estilo y las tendencias mas usadas
aprende mas sobre la moda y el estilo y las tendencias mas usadasaprende mas sobre la moda y el estilo y las tendencias mas usadas
aprende mas sobre la moda y el estilo y las tendencias mas usadas
 

UX Nights Vol. 08.01: Una manera diferente de mirar el diseño web