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 Accesibilidad parte 3: Distinguible y navegable

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 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 Accesibilidad parte 3: Distinguible y navegable (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 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
 
INTERNET
INTERNETINTERNET
INTERNET
 

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

codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinavergarakarina022
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxinformacionasapespu
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...JAVIER SOLIS NOYOLA
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfMARIAPAULAMAHECHAMOR
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptxJunkotantik
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.DaluiMonasterio
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPELaura Chacón
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docxCeciliaGuerreroGonza1
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxdanalikcruz2000
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxOscarEduardoSanchezC
 

Último (20)

codigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karinacodigos HTML para blogs y paginas web Karina
codigos HTML para blogs y paginas web Karina
 
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptxPRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
PRIMER SEMESTRE 2024 ASAMBLEA DEPARTAMENTAL.pptx
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
LA ECUACIÓN DEL NÚMERO PI EN LOS JUEGOS OLÍMPICOS DE PARÍS. Por JAVIER SOLIS ...
 
Herramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdfHerramientas de Inteligencia Artificial.pdf
Herramientas de Inteligencia Artificial.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
La Función tecnológica del tutor.pptx
La  Función  tecnológica  del tutor.pptxLa  Función  tecnológica  del tutor.pptx
La Función tecnológica del tutor.pptx
 
EXPECTATIVAS vs PERSPECTIVA en la vida.
EXPECTATIVAS vs PERSPECTIVA  en la vida.EXPECTATIVAS vs PERSPECTIVA  en la vida.
EXPECTATIVAS vs PERSPECTIVA en la vida.
 
Unidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDIUnidad 3 | Teorías de la Comunicación | MCDI
Unidad 3 | Teorías de la Comunicación | MCDI
 
Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020Razonamiento Matemático 1. Deta del año 2020
Razonamiento Matemático 1. Deta del año 2020
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Sesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdfSesión de clase: Defendamos la verdad.pdf
Sesión de clase: Defendamos la verdad.pdf
 
Plan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPEPlan Año Escolar Año Escolar 2023-2024. MPPE
Plan Año Escolar Año Escolar 2023-2024. MPPE
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
Repaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia GeneralRepaso Pruebas CRECE PR 2024. Ciencia General
Repaso Pruebas CRECE PR 2024. Ciencia General
 
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
6° SEM30 WORD PLANEACIÓN PROYECTOS DARUKEL 23-24.docx
 
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptxLINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
LINEAMIENTOS INICIO DEL AÑO LECTIVO 2024-2025.pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptxPPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
PPT GESTIÓN ESCOLAR 2024 Comités y Compromisos.pptx
 

Accesibilidad parte 3: Distinguible y navegable

  • 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