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 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
 
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 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
 
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

PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfEDILIAGAMBOA
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxlclcarmen
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleJonathanCovena1
 
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
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADOJosé Luis Palma
 
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
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfDannyTola1
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxJUANSIMONPACHIN
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteJuan Hernandez
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOweislaco
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfCarol Andrea Eraso Guerrero
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxMartín Ramírez
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024gharce
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfCESARMALAGA4
 

Último (20)

PPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdfPPT_Formación integral y educación CRESE (1).pdf
PPT_Formación integral y educación CRESE (1).pdf
 
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptxSINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
SINTAXIS DE LA ORACIÓN SIMPLE 2023-2024.pptx
 
Introducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo SostenibleIntroducción:Los objetivos de Desarrollo Sostenible
Introducción:Los objetivos de Desarrollo Sostenible
 
TL/CNL – 2.ª FASE .
TL/CNL – 2.ª FASE                       .TL/CNL – 2.ª FASE                       .
TL/CNL – 2.ª FASE .
 
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 ...
 
Earth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversaryEarth Day Everyday 2024 54th anniversary
Earth Day Everyday 2024 54th anniversary
 
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADODECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
DECÁGOLO DEL GENERAL ELOY ALFARO DELGADO
 
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdfTema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
Tema 7.- E-COMMERCE SISTEMAS DE INFORMACION.pdf
 
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
 
TEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdfTEST DE RAVEN es un test conocido para la personalidad.pdf
TEST DE RAVEN es un test conocido para la personalidad.pdf
 
PPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptxPPTX: La luz brilla en la oscuridad.pptx
PPTX: La luz brilla en la oscuridad.pptx
 
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docxPLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
PLANIFICACION ANUAL 2024 - INICIAL UNIDOCENTE.docx
 
DIA INTERNACIONAL DAS FLORESTAS .
DIA INTERNACIONAL DAS FLORESTAS         .DIA INTERNACIONAL DAS FLORESTAS         .
DIA INTERNACIONAL DAS FLORESTAS .
 
Sesión La luz brilla en la oscuridad.pdf
Sesión  La luz brilla en la oscuridad.pdfSesión  La luz brilla en la oscuridad.pdf
Sesión La luz brilla en la oscuridad.pdf
 
Unidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parteUnidad II Doctrina de la Iglesia 1 parte
Unidad II Doctrina de la Iglesia 1 parte
 
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJOTUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
TUTORIA II - CIRCULO DORADO UNIVERSIDAD CESAR VALLEJO
 
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdfTarea 5-Selección de herramientas digitales-Carol Eraso.pdf
Tarea 5-Selección de herramientas digitales-Carol Eraso.pdf
 
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptxc3.hu3.p1.p3.El ser humano como ser histórico.pptx
c3.hu3.p1.p3.El ser humano como ser histórico.pptx
 
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
SISTEMA INMUNE FISIOLOGIA MEDICA UNSL 2024
 
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdfBIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
BIOLOGIA_banco de preguntas_editorial icfes examen de estado .pdf
 

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