SlideShare una empresa de Scribd logo
1 de 13
Accesibilidad parte 3
1.4 Distinguible
Perceptible | Operable | Comprensible | Robusto >> 1.4 Distinguible
Facilitar a los usuarios ver y oír el contenido,
incluyendo la separación entre el primer plano y el
fondo.
Propósito: que la presentación "por defecto" sea fácil de
percibir. Lo principal es que sea fácil diferenciar la información
de primer plano de la de segundo plano.
Contraste suficiente
Debe existir un contraste suficiente entre color de fondo y de letra.
Perceptible | Operable | Comprensible | Robusto >> 1.3 Adaptable >> 1.3.3 Características sensoriales
2/09/1
Verificar Contraste
• Simular discapacidades visuales:
http://colorfilter.wickline.org/
Ejemplo:
http://www.distancia.edu.uy/
• Herramienta para verificar contraste:
http://www.paciellogoup.com/resources/contrast-
analyser.html
Ejemplo 3
Filtro de color
Perceptible | Operable | Comprensible | Robusto >> 1.3 Adaptable >> 1.3.3 Características sensoriales
2.1 Accesible por teclado
Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado
Proporcionar acceso a toda la funcionalidad mediante
el teclado.
Propósito: Si la funcionalidad puede lograrse usando el
teclado, puede lograrse usando teclados adaptados,
entrada de voz, y otras tecnologías de asistencia.
Teclado
• Teclado
• Toda la funcionalidad del contenido es operable a través de una interfaz de teclado
sin que se requiera una determinada velocidad para cada pulsación individual de
las teclas.
• Sin trampas para el foco de teclado
• Si es posible mover el foco a un componente de la página usando una interfaz de
teclado, entonces el foco se puede quitar de ese componente usando sólo la
interfaz de teclado y, si se requiere algo más que las teclas de dirección o de
tabulación, se informa al usuario el método apropiado para mover el foco
• Foco Visible
• Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la
cuál el indicador del foco del teclado resulta visible.
• Orden del Foco
• Si se puede navegar secuencialmente por una página web y la secuencia de
navegación afecta su significado o su operación, los componentes que pueden
recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
2.4 Navegable
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
Proporcionar medios para ayudar a los usuarios a
navegar, encontrar contenido y determinar dónde se
encuentran.
Propósito: Ayudar a los usuarios a encontrar
contenido, saber donde están y permitirle ir a otro
lado.
2.4.1 Evitar bloques (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten
en múltiples páginas web.
Enlace al comienzo que vaya al área principal
2.4.2 Titulado de páginas (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• 2.4.2 Titulado de páginas: Las páginas web tienen títulos que describen su temática o
propósito.
2.4.3 Orden del foco (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su
significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que
preserva su significado y operabilidad.
2.4.4 Propósito de los enlaces (en contexto) (Nivel A)
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• El propósito de cada enlace puede ser
determinado con sólo el texto del enlace o a
través del texto del enlace sumado al contexto
del enlace determinado por software, excepto
cuando el propósito del enlace resultara ambiguo
para los usuarios en general.
2.4.9 Propósito de los enlaces (sólo
enlaces) (Nivel AAA): Se proporciona un
mecanismo que permite identificar el propósito de
cada enlace con sólo el texto del enlace, excepto
cuando el propósito del enlace resultara ambiguo
para los usuarios en general.
Click aquí
Leer más
2.4.5 Múltiples vías
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas
web, excepto cuando la página es el resultado, o un paso intermedio, de un proceso.
Incluir mapa del sitio y enlaces a páginas relacionadas.
Incluir búsqueda
2.4.8 Ubicación
Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable
• Se proporciona información acerca de la ubicación del usuario dentro de un conjunto de páginas
web.
Indicar situación actual dentro de las barras de navegación
Miga de pan

Más contenido relacionado

La actualidad más candente

Diferencias y Semejanzas entre Slideshare y Prezi
Diferencias y Semejanzas entre Slideshare y Prezi Diferencias y Semejanzas entre Slideshare y Prezi
Diferencias y Semejanzas entre Slideshare y Prezi Mauricio Vizuete Muñoz
 
Dn13 u3 a34_hhc
Dn13 u3 a34_hhcDn13 u3 a34_hhc
Dn13 u3 a34_hhcclaudiahh
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantallaflacorpsemuh
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad WebAriazu
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2laura ortiz
 
Famas investigacion
Famas investigacionFamas investigacion
Famas investigacionzavala4545
 
Investigación de cliente y servidor web
Investigación de cliente y servidor webInvestigación de cliente y servidor web
Investigación de cliente y servidor webArtruo_Zarate
 
La web 2.0, el blog y el ambiente educativo
La web 2.0, el blog y el ambiente educativoLa web 2.0, el blog y el ambiente educativo
La web 2.0, el blog y el ambiente educativoYasodharaSolano
 

La actualidad más candente (10)

Diferencias y Semejanzas entre Slideshare y Prezi
Diferencias y Semejanzas entre Slideshare y Prezi Diferencias y Semejanzas entre Slideshare y Prezi
Diferencias y Semejanzas entre Slideshare y Prezi
 
Dn13 u3 a34_hhc
Dn13 u3 a34_hhcDn13 u3 a34_hhc
Dn13 u3 a34_hhc
 
Retículas para pantalla
Retículas para pantallaRetículas para pantalla
Retículas para pantalla
 
Usabilidad Web
Usabilidad WebUsabilidad Web
Usabilidad Web
 
Herramientas web 2
Herramientas web 2Herramientas web 2
Herramientas web 2
 
Famas investigacion
Famas investigacionFamas investigacion
Famas investigacion
 
Investigación de cliente y servidor web
Investigación de cliente y servidor webInvestigación de cliente y servidor web
Investigación de cliente y servidor web
 
Navegador
NavegadorNavegador
Navegador
 
La web 2.0, el blog y el ambiente educativo
La web 2.0, el blog y el ambiente educativoLa web 2.0, el blog y el ambiente educativo
La web 2.0, el blog y el ambiente educativo
 
DIAGRAMA WEB 2.0
DIAGRAMA WEB 2.0DIAGRAMA WEB 2.0
DIAGRAMA WEB 2.0
 

Destacado

6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semanticatayzee
 
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
 
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
 
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
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".tayzee
 
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
 
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
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesiblestayzee
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesibletayzee
 
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 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operabletayzee
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
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
 

Destacado (15)

6 wcag2.0 para comunicadores - semantica
6   wcag2.0 para comunicadores - semantica6   wcag2.0 para comunicadores - semantica
6 wcag2.0 para comunicadores - semantica
 
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
 
UX
UXUX
UX
 
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
 
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
 
Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".Estándares Web. Algunos "axiomas".
Estándares Web. Algunos "axiomas".
 
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
 
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
 
Imagenes accesibles
Imagenes accesiblesImagenes accesibles
Imagenes accesibles
 
Creación de contenido accesible
Creación de contenido accesibleCreación de contenido accesible
Creación de contenido accesible
 
HCI
HCIHCI
HCI
 
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 2: Operable
Accesibilidad web por principios - Principio 2: OperableAccesibilidad web por principios - Principio 2: Operable
Accesibilidad web por principios - Principio 2: Operable
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a 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
 

Similar a 7 wcag2.0 para comunicadores - Accesibilidad parte 3

Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Leonardo Graterol
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101Leonardo Graterol
 
Resumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CResumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CJose R. Hilera
 
Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Medio y forma
 
Google es ciego by Oihana Alberdi
Google es ciego by Oihana AlberdiGoogle es ciego by Oihana Alberdi
Google es ciego by Oihana AlberdiOihana Alberdi
 
Accesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoAccesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoLeonardo Graterol
 
Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesCarlos J Carvajalino
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0dwebslide
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0dwebslide
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas webmariavarey
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6vosotros
 
Actividad n6
Actividad n6Actividad n6
Actividad n6vosotros
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6vosotros
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6vosotros
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6vosotros
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6vosotros
 

Similar a 7 wcag2.0 para comunicadores - Accesibilidad parte 3 (20)

Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101Women Who Code BA - Accesibilidad Web 101
Women Who Code BA - Accesibilidad Web 101
 
DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101DevFest SCL - Accesibilidad web 101
DevFest SCL - Accesibilidad web 101
 
Resumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3CResumen de las pautas WCAG 2.0 de W3C
Resumen de las pautas WCAG 2.0 de W3C
 
Accesibilidad web y drupal 8
Accesibilidad web y drupal 8Accesibilidad web y drupal 8
Accesibilidad web y drupal 8
 
Google es ciego by Oihana Alberdi
Google es ciego by Oihana AlberdiGoogle es ciego by Oihana Alberdi
Google es ciego by Oihana Alberdi
 
Accesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC SantiagoAccesibilidad Web 101 - WWC Santiago
Accesibilidad Web 101 - WWC Santiago
 
Unidad 4.docx sotfwer
Unidad 4.docx sotfwerUnidad 4.docx sotfwer
Unidad 4.docx sotfwer
 
Usabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos DigitalesUsabilidad y Accesibilidad en Productos Digitales
Usabilidad y Accesibilidad en Productos Digitales
 
Este
EsteEste
Este
 
Accesibilidad en la web 2.0
Accesibilidad en la web 2.0Accesibilidad en la web 2.0
Accesibilidad en la web 2.0
 
Usabilidad Web 2.0
Usabilidad Web 2.0Usabilidad Web 2.0
Usabilidad Web 2.0
 
Clase 6
Clase 6Clase 6
Clase 6
 
Tema 9. creación de paginas web
Tema 9. creación de paginas webTema 9. creación de paginas web
Tema 9. creación de paginas web
 
Internet
InternetInternet
Internet
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6
 
Actividad n6
Actividad n6Actividad n6
Actividad n6
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6
 
Actividad n°6
Actividad n°6Actividad n°6
Actividad n°6
 

Más de tayzee

Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)tayzee
 
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
 
2 diseño universal
2   diseño universal2   diseño universal
2 diseño universaltayzee
 
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
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad webtayzee
 
Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)tayzee
 
Para que te encuentren
Para que te encuentrenPara que te encuentren
Para que te encuentrentayzee
 
Evaluacion de accesibilidad
Evaluacion de accesibilidadEvaluacion de accesibilidad
Evaluacion de accesibilidadtayzee
 
Introducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadIntroducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadtayzee
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editorestayzee
 
Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introduccióntayzee
 
Entregables de la AI
Entregables de la AIEntregables de la AI
Entregables de la AItayzee
 

Más de tayzee (15)

Documentos accesibles (word, ppt, pdf)
Documentos accesibles  (word, ppt, pdf)Documentos accesibles  (word, ppt, pdf)
Documentos accesibles (word, ppt, pdf)
 
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
 
2 diseño universal
2   diseño universal2   diseño universal
2 diseño universal
 
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
 
Introducción a la accesibilidad web
Introducción a la accesibilidad webIntroducción a la accesibilidad web
Introducción a la accesibilidad web
 
Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)Accesibilidad Web (Una introducción de 3 horas)
Accesibilidad Web (Una introducción de 3 horas)
 
Para que te encuentren
Para que te encuentrenPara que te encuentren
Para que te encuentren
 
Evaluacion de accesibilidad
Evaluacion de accesibilidadEvaluacion de accesibilidad
Evaluacion de accesibilidad
 
Introducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidadIntroducción a la evaluación de accesibilidad
Introducción a la evaluación de accesibilidad
 
Accesibilidad y HTML para editores
Accesibilidad y HTML para editoresAccesibilidad y HTML para editores
Accesibilidad y HTML para editores
 
Accesibilidad - Introducción
Accesibilidad  - IntroducciónAccesibilidad  - Introducción
Accesibilidad - Introducción
 
Entregables de la AI
Entregables de la AIEntregables de la AI
Entregables de la AI
 

Último

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxlupitavic
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptAlberto Rubio
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxlclcarmen
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOBRIGIDATELLOLEONARDO
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dstEphaniiie
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAEl Fortí
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...JonathanCovena1
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfPaolaRopero2
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptxRigoTito
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxEliaHernndez7
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñotapirjackluis
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICAÁngel Encinas
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 

Último (20)

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxTIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptx
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
PLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docxPLAN DE REFUERZO ESCOLAR primaria (1).docx
PLAN DE REFUERZO ESCOLAR primaria (1).docx
 
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).pptPINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
PINTURA DEL RENACIMIENTO EN ESPAÑA (SIGLO XVI).ppt
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
Power Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptxPower Point: Fe contra todo pronóstico.pptx
Power Point: Fe contra todo pronóstico.pptx
 
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptxLA LITERATURA DEL BARROCO 2023-2024pptx.pptx
LA LITERATURA DEL BARROCO 2023-2024pptx.pptx
 
Sesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronósticoSesión de clase: Fe contra todo pronóstico
Sesión de clase: Fe contra todo pronóstico
 
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJOACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
ACTIVIDAD DIA DE LA MADRE FICHA DE TRABAJO
 
Dinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes dDinámica florecillas a María en el mes d
Dinámica florecillas a María en el mes d
 
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURAFORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
FORTI-MAYO 2024.pdf.CIENCIA,EDUCACION,CULTURA
 
La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...La empresa sostenible: Principales Características, Barreras para su Avance y...
La empresa sostenible: Principales Características, Barreras para su Avance y...
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdfGUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
GUIA DE CIRCUNFERENCIA Y ELIPSE UNDÉCIMO 2024.pdf
 
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdfTema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
Tema 8.- PROTECCION DE LOS SISTEMAS DE INFORMACIÓN.pdf
 
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
2 REGLAMENTO RM 0912-2024 DE MODALIDADES DE GRADUACIÓN_.pptx
 
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
🦄💫4° SEM32 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niñoproyecto de mayo inicial 5 añitos aprender es bueno para tu niño
proyecto de mayo inicial 5 añitos aprender es bueno para tu niño
 
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICABIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
BIOMETANO SÍ, PERO NO ASÍ. LA NUEVA BURBUJA ENERGÉTICA
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 

7 wcag2.0 para comunicadores - Accesibilidad parte 3

  • 2. 1.4 Distinguible Perceptible | Operable | Comprensible | Robusto >> 1.4 Distinguible Facilitar a los usuarios ver y oír el contenido, incluyendo la separación entre el primer plano y el fondo. Propósito: que la presentación "por defecto" sea fácil de percibir. Lo principal es que sea fácil diferenciar la información de primer plano de la de segundo plano.
  • 3. Contraste suficiente Debe existir un contraste suficiente entre color de fondo y de letra. Perceptible | Operable | Comprensible | Robusto >> 1.3 Adaptable >> 1.3.3 Características sensoriales
  • 4. 2/09/1 Verificar Contraste • Simular discapacidades visuales: http://colorfilter.wickline.org/ Ejemplo: http://www.distancia.edu.uy/ • Herramienta para verificar contraste: http://www.paciellogoup.com/resources/contrast- analyser.html Ejemplo 3 Filtro de color Perceptible | Operable | Comprensible | Robusto >> 1.3 Adaptable >> 1.3.3 Características sensoriales
  • 5. 2.1 Accesible por teclado Perceptible | Operable | Comprensible | Robusto >> 2.1 Accesible por teclado Proporcionar acceso a toda la funcionalidad mediante el teclado. Propósito: Si la funcionalidad puede lograrse usando el teclado, puede lograrse usando teclados adaptados, entrada de voz, y otras tecnologías de asistencia.
  • 6. Teclado • Teclado • Toda la funcionalidad del contenido es operable a través de una interfaz de teclado sin que se requiera una determinada velocidad para cada pulsación individual de las teclas. • Sin trampas para el foco de teclado • Si es posible mover el foco a un componente de la página usando una interfaz de teclado, entonces el foco se puede quitar de ese componente usando sólo la interfaz de teclado y, si se requiere algo más que las teclas de dirección o de tabulación, se informa al usuario el método apropiado para mover el foco • Foco Visible • Cualquier interfaz de usuario operable por teclado tiene una forma de operar en la cuál el indicador del foco del teclado resulta visible. • Orden del Foco • Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
  • 7. 2.4 Navegable Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable Proporcionar medios para ayudar a los usuarios a navegar, encontrar contenido y determinar dónde se encuentran. Propósito: Ayudar a los usuarios a encontrar contenido, saber donde están y permitirle ir a otro lado.
  • 8. 2.4.1 Evitar bloques (Nivel A) Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • 2.4.1 Evitar bloques: Existe un mecanismo para evitar los bloques de contenido que se repiten en múltiples páginas web. Enlace al comienzo que vaya al área principal
  • 9. 2.4.2 Titulado de páginas (Nivel A) Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • 2.4.2 Titulado de páginas: Las páginas web tienen títulos que describen su temática o propósito.
  • 10. 2.4.3 Orden del foco (Nivel A) Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • Si se puede navegar secuencialmente por una página web y la secuencia de navegación afecta su significado o su operación, los componentes que pueden recibir el foco lo hacen en un orden que preserva su significado y operabilidad.
  • 11. 2.4.4 Propósito de los enlaces (en contexto) (Nivel A) Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • El propósito de cada enlace puede ser determinado con sólo el texto del enlace o a través del texto del enlace sumado al contexto del enlace determinado por software, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general. 2.4.9 Propósito de los enlaces (sólo enlaces) (Nivel AAA): Se proporciona un mecanismo que permite identificar el propósito de cada enlace con sólo el texto del enlace, excepto cuando el propósito del enlace resultara ambiguo para los usuarios en general. Click aquí Leer más
  • 12. 2.4.5 Múltiples vías Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • Se proporciona más de un camino para localizar una página web dentro de un conjunto de páginas web, excepto cuando la página es el resultado, o un paso intermedio, de un proceso. Incluir mapa del sitio y enlaces a páginas relacionadas. Incluir búsqueda
  • 13. 2.4.8 Ubicación Perceptible | Operable | Comprensible | Robusto >> 2.4 Navegable • Se proporciona información acerca de la ubicación del usuario dentro de un conjunto de páginas web. Indicar situación actual dentro de las barras de navegación Miga de pan

Notas del editor

  1. 2
  2. 5
  3. 6
  4. 7
  5. 8
  6. 9
  7. 10
  8. 11
  9. 12
  10. 13