SlideShare ist ein Scribd-Unternehmen logo
1 von 22
Arabel Aguilar
Adriana Becerra
Roberth Bravo
Nancy Loarte
 Hablar de Accesibilidad Web es hablar de un
acceso universal a la Web.
 Un objetivo es facilitar el acceso de las personas
con discapacidad, desarrollando pautas de
accesibilidad, mejorando las herramientas para la
evaluación y reparación de accesibilidad Web,
llevando a cabo una labor educativa y de
concienciación en relación a la importancia del
diseño accesible de páginas Web, y abriendo
nuevos campos en accesibilidad a través de la
investigación en esta área.
 Principal radica en hacer la Web más accesible para
todos los usuarios independientemente de las
circunstancias y los dispositivos involucrados a la
hora de acceder a la información.
 Otro aspecto importante es la educación, empleo,
gobierno, comercio, sanidad, entretenimiento y
muchos otros.
 Una página Web accesible puede ayudar a personas
con discapacidad a que participen más activamente
en la sociedad
 Los sitios Web accesibles ofrecen la máxima
audiencia potencial si permiten que cualquier
usuario de la Web entre a ellos.
 Expresiones como "mejor presentada con..." le
sugieren a buena parte de los usuarios que se
vayan a otro sitio.
 Un sitio accesible permite que todos los usuarios
lo recorran.
 Los sitios accesibles están abiertos para los 750
millones de discapacitados del mundo, incluyendo
a la numerosa población ciega.
 Una de las funciones de la Iniciativa de
Accesibilidad Web (WAI) es desarrollar pautas y
técnicas que proporcionen soluciones accesibles
para el software Web y para los desarrolladores
Web.
Depende de varios factores:
 Tipo de contenido
 Tamaño y complejidad del sitio
 Herramientas a utilizar
 Entorno
La modificación de sitios Web inaccesible
puede requerir un gran esfuerzo
Para mejorar la accesibilidad y usabilidad del portal
se han implementado los siguientes elementos:
1. Las directrices WAI (Iniciativa de Accesibilidad
Web) recomendadas por el W3C (World Wide
Web Consortium).
2. Atajos de teclado para las secciones más
importantes del portal. Los atajos de teclado
ayudan sobre todo a los usuarios que tienen
problemas en el uso de dispositivos de
apuntamiento como el ratón.
Atajo Página del portal
c Ir a la sección de contenidos (parte central de cualquier página)
s Secciones
t Actualidad
r Direcciones
m comunidades autónomas
n bases de datos
b Colabore
y Ir al formulario de búsqueda de las bases de datos
1 Página de inicio
2 Noticias
3 Mapa del sitio
4 Rss
5 ¿Quiénes somos?
6 Ayuda
7 Nota de responsabilidad
8 Aviso legal
9 Contacto
0 Accesibilidad web
 Las directrices de la Iniciativa de Accesibilidad Web
establecen tres niveles de accesibilidad (A, Doble A y
Triple A) dependiendo del grado de conformidad con
las prioridades 1, 2 y 3 de las directrices.
 Para analizar la accesibilidad de Portal Mayores se ha
utilizado el Test de Accesibilidad Web (TAW), que es
una herramienta desarrollada por la Secretaria
General de Asuntos Sociales - IMSERSO, CEAPAT y
SIDAR para el análisis e información del grado de
accesibilidad de un sitio web.
 Actualmente Portal Mayores cumple la prioridad 3
(Nivel de accesibilidad Triple A).
Una página web para mayores desarrollada por el
CSIC, premiada por su accesibilidad.
 Una página web desarrollada y gestionada por el
Consejo Superior de Investigaciones Científicas (CSIC)
y el Instituto de Mayores y Servicios Sociales (Imserso)
acaba de recibir un Premio TAW por su accesibilidad.
 Los contenidos de la página se estructuran en
diferentes secciones: documentación, legislación,
estadísticas, investigación, salud, residencias,
programas e internacional. Además ofrece noticias,
información sobre convocatorias de cursos, congresos,
becas y premios, así como direcciones y otros datos de
interés sobre instituciones relacionadas con la tercera
edad.
 Validación
 Independencia de la Plataforma
 HTML Estructural
 Imágenes
 Texto ALT
 Imágenes de Texto
 Mapas de Imagen
 Colores en BODY
 El Elemento FONT
 Tablas
 JavaScript
 La validación de sus documentos HTML es quizá
lo más sencillo e importante que el autor puede
hacer para ayudar a la accesibilidad. Un validador
compara el HTML de un documento contra un
documento modelo definido para asegurar que la
sintaxis del HTML es correcta.
 Las páginas Web deberán ser independientes de
cualquier plataforma, lo que significa que serán
accesibles sin tomar en cuenta la plataforma del usuario
ni su configuración. Los autores también deberán tomar
precauciones para que sus páginas Web no dependan
de cierta resolución, intensidad de color, tamaño de la
fuente o de la ventana.
 Las páginas bien elaboradas se ajustarán y
permanecerán accesibles para cualquier ambiente de
navegadores.
 Cuando escriban HTML, los autores deben
concentrarse en la estructura del documento
más que en su presentación. Un documento
marcado estructuralmente puede adaptarse con
toda facilidad a los diferentes navegadores del
ambiente.
 Para conservar la accesibilidad, los documentos
nunca deben ser dependientes de una
presentación en particular, incluyendo las
realizadas con las hojas de estilo.
Texto ALT
 Cuando usen los elementos IMG o AREA, los
autores siempre deberán incluir el atributo ALT
para ofrecer un texto alterno. El atributo ALT es
obsequiado a aquellos usuarios de la Web que no
cargan imágenes.
 El atributo ALT debe usarse mejor para comunicar
la función de la imagen que para hacer la
descripción de ella.
Imágenes de Texto
 Las imágenes de texto son muy comunes en la
Web, pero pueden ser dificultosas para quienes
tienen una vista débil o monitores pequeños con
altas resoluciones.
 Como cada usuario tiene sus propios gustos,
tratar de adivinar un tamaño de fuente adecuado
no resulta buena idea. Por estas razones, se
deben evitar las imágenes de texto cuanto sea
posible.
Mapas de Imagen
 Los mapas de imagen son problemáticos por su
pobre soporte para quienes no carguen imágenes.
En tanto sea posible, cuando use mapas de
imágenes, use un mapa de imagen del lado del
cliente en combinación con un mapa de imagen
del lado del servidor.
 Los mapas de imagen deben evitarse cuando su
uso no sea "natural".
 Si establece colores con los atributos HTML de
BODY, el autor deberá especificar todos los
atributos de color.
 Si especifica sólo uno o algunos atributos se
arriesga a crear un documento inaccesible, ya que
si el usuario cambia colores seguramente algunos
serán ilegibles contra los escasos colores que
especificó.
 Generalmente, el elemento FONT de HTML
deben evitarse para crear sitios Web accesibles.
 En cambio, las hojas de estilo permiten a los
autores sugerir cambios relativos en el tamaño de
una fuente con mucha mayor flexibilidad que si se
engloban bajo FONT.
 Los autores deben evitar en todo lo posible el uso
de tablas sólo para formatear la página.
Desafortunadamente, evitarlo en su totalidad limita
la flexibilidad del autor; los métodos de formateo
de las CSS no están lo suficientemente bien
soportados como para reemplazar definitivamente
a las tablas.
 JavaScript no es soportado por todos los
navegadores, además de que algunos usuarios
pueden decidir desactivarlo. Por eso, cuando se
use JavaScript no debe confiársele todo.
GRACIAS…

Weitere ähnliche Inhalte

Andere mochten auch

Glosario comercio y aranceles
Glosario comercio y arancelesGlosario comercio y aranceles
Glosario comercio y arancelesdiego rayo
 
Almacenamiento virtual
Almacenamiento virtualAlmacenamiento virtual
Almacenamiento virtualMiguel Hidalgo
 
Tipos de familias
Tipos de familiasTipos de familias
Tipos de familiasbebybu
 
2. storyline ova jairo_murcia
2. storyline ova jairo_murcia2. storyline ova jairo_murcia
2. storyline ova jairo_murciaCARLOS Munich
 
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologia
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologiaTaller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologia
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologiaCARLOS Munich
 
Portafolio de trabajo 2 diana valenzuela
Portafolio de trabajo 2   diana valenzuelaPortafolio de trabajo 2   diana valenzuela
Portafolio de trabajo 2 diana valenzuelaDYVALENZUELA
 
Bisectoareaunuiunghiclsvi
BisectoareaunuiunghiclsviBisectoareaunuiunghiclsvi
Bisectoareaunuiunghiclsviioanarusu79
 
Módulo III Aula Virtual Interactiva
Módulo III Aula Virtual InteractivaMódulo III Aula Virtual Interactiva
Módulo III Aula Virtual Interactivagdaacosta
 
La conquista del polo sur
La conquista del polo surLa conquista del polo sur
La conquista del polo surERIKSG
 

Andere mochten auch (20)

Glosario comercio y aranceles
Glosario comercio y arancelesGlosario comercio y aranceles
Glosario comercio y aranceles
 
Almacenamiento virtual
Almacenamiento virtualAlmacenamiento virtual
Almacenamiento virtual
 
La tierra y el ecuador
La tierra y el ecuadorLa tierra y el ecuador
La tierra y el ecuador
 
Salud cardiovascular
Salud cardiovascularSalud cardiovascular
Salud cardiovascular
 
Untitled 2.pdf
Untitled 2.pdfUntitled 2.pdf
Untitled 2.pdf
 
documentosMichel2
documentosMichel2documentosMichel2
documentosMichel2
 
EXAMEN DE TRIGONOMETRIA
EXAMEN DE TRIGONOMETRIAEXAMEN DE TRIGONOMETRIA
EXAMEN DE TRIGONOMETRIA
 
Tipos de familias
Tipos de familiasTipos de familias
Tipos de familias
 
Logica
LogicaLogica
Logica
 
Trabajo Cooperativo
Trabajo CooperativoTrabajo Cooperativo
Trabajo Cooperativo
 
2. storyline ova jairo_murcia
2. storyline ova jairo_murcia2. storyline ova jairo_murcia
2. storyline ova jairo_murcia
 
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologia
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologiaTaller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologia
Taller sobre Calentamiento globalActividad 1 cinefor y concepto de tecnologia
 
Portafolio de trabajo 2 diana valenzuela
Portafolio de trabajo 2   diana valenzuelaPortafolio de trabajo 2   diana valenzuela
Portafolio de trabajo 2 diana valenzuela
 
Bisectoareaunuiunghiclsvi
BisectoareaunuiunghiclsviBisectoareaunuiunghiclsvi
Bisectoareaunuiunghiclsvi
 
desambledelteclado
desambledeltecladodesambledelteclado
desambledelteclado
 
Módulo III Aula Virtual Interactiva
Módulo III Aula Virtual InteractivaMódulo III Aula Virtual Interactiva
Módulo III Aula Virtual Interactiva
 
psicologia
psicologiapsicologia
psicologia
 
Colegio
ColegioColegio
Colegio
 
Cartel matematico
Cartel matematicoCartel matematico
Cartel matematico
 
La conquista del polo sur
La conquista del polo surLa conquista del polo sur
La conquista del polo sur
 

Ähnlich wie Exposición jny

Ähnlich wie Exposición jny (18)

ExposicióN Accesibilidad
ExposicióN AccesibilidadExposicióN Accesibilidad
ExposicióN Accesibilidad
 
Clase no 3
Clase no 3Clase no 3
Clase no 3
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Diseño web
Diseño webDiseño web
Diseño web
 
Accesibilidad Web
Accesibilidad WebAccesibilidad Web
Accesibilidad Web
 
Qué es el diseño web
Qué es el diseño webQué es el diseño web
Qué es el diseño web
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Accesibilidad web presentacion
Accesibilidad web presentacionAccesibilidad web presentacion
Accesibilidad web presentacion
 
Diseno web
Diseno webDiseno web
Diseno web
 
Mapas de navegación
Mapas de navegaciónMapas de navegación
Mapas de navegación
 
Presentación evolución de la web 10-05
Presentación evolución de la web 10-05Presentación evolución de la web 10-05
Presentación evolución de la web 10-05
 
Este
EsteEste
Este
 
PAGINA WEB
PAGINA WEBPAGINA WEB
PAGINA WEB
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Elementos básicos de un sitio web
Elementos básicos de un sitio webElementos básicos de un sitio web
Elementos básicos de un sitio web
 
Clase4 Pdigital2008 II
Clase4 Pdigital2008 IIClase4 Pdigital2008 II
Clase4 Pdigital2008 II
 
Creación de pagina web
Creación de pagina webCreación de pagina web
Creación de pagina web
 
Presentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargasPresentación evolución de la web sebastian vargas
Presentación evolución de la web sebastian vargas
 

Kürzlich hochgeladen

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
 
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
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxzulyvero07
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfMaritzaRetamozoVera
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioELIASAURELIOCHAVEZCA1
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdfenelcielosiempre
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperiomiralbaipiales2016
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAJAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIIsauraImbrondone
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
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
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxdkmeza
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfenelcielosiempre
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxMaritzaRetamozoVera
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaDecaunlz
 

Kürzlich hochgeladen (20)

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
 
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...
 
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptxACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
ACUERDO MINISTERIAL 078-ORGANISMOS ESCOLARES..pptx
 
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
Programacion Anual Matemática4    MPG 2024  Ccesa007.pdfProgramacion Anual Matemática4    MPG 2024  Ccesa007.pdf
Programacion Anual Matemática4 MPG 2024 Ccesa007.pdf
 
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdfEjercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
Ejercicios de PROBLEMAS PAEV 6 GRADO 2024.pdf
 
origen y desarrollo del ensayo literario
origen y desarrollo del ensayo literarioorigen y desarrollo del ensayo literario
origen y desarrollo del ensayo literario
 
plan de capacitacion docente AIP 2024 clllll.pdf
plan de capacitacion docente  AIP 2024          clllll.pdfplan de capacitacion docente  AIP 2024          clllll.pdf
plan de capacitacion docente AIP 2024 clllll.pdf
 
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
 
Imperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperioImperialismo informal en Europa y el imperio
Imperialismo informal en Europa y el imperio
 
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLAACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
ACERTIJO DE POSICIÓN DE CORREDORES EN LA OLIMPIADA. Por JAVIER SOLIS NOYOLA
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptx
 
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
 
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA IIAFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
AFICHE EL MANIERISMO HISTORIA DE LA ARQUITECTURA II
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
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...
 
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...
 
Estrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptxEstrategias de enseñanza-aprendizaje virtual.pptx
Estrategias de enseñanza-aprendizaje virtual.pptx
 
plande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdfplande accion dl aula de innovación pedagogica 2024.pdf
plande accion dl aula de innovación pedagogica 2024.pdf
 
Sesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docxSesión de aprendizaje Planifica Textos argumentativo.docx
Sesión de aprendizaje Planifica Textos argumentativo.docx
 
Qué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativaQué es la Inteligencia artificial generativa
Qué es la Inteligencia artificial generativa
 

Exposición jny

  • 2.  Hablar de Accesibilidad Web es hablar de un acceso universal a la Web.  Un objetivo es facilitar el acceso de las personas con discapacidad, desarrollando pautas de accesibilidad, mejorando las herramientas para la evaluación y reparación de accesibilidad Web, llevando a cabo una labor educativa y de concienciación en relación a la importancia del diseño accesible de páginas Web, y abriendo nuevos campos en accesibilidad a través de la investigación en esta área.
  • 3.  Principal radica en hacer la Web más accesible para todos los usuarios independientemente de las circunstancias y los dispositivos involucrados a la hora de acceder a la información.  Otro aspecto importante es la educación, empleo, gobierno, comercio, sanidad, entretenimiento y muchos otros.  Una página Web accesible puede ayudar a personas con discapacidad a que participen más activamente en la sociedad
  • 4.  Los sitios Web accesibles ofrecen la máxima audiencia potencial si permiten que cualquier usuario de la Web entre a ellos.  Expresiones como "mejor presentada con..." le sugieren a buena parte de los usuarios que se vayan a otro sitio.  Un sitio accesible permite que todos los usuarios lo recorran.
  • 5.  Los sitios accesibles están abiertos para los 750 millones de discapacitados del mundo, incluyendo a la numerosa población ciega.  Una de las funciones de la Iniciativa de Accesibilidad Web (WAI) es desarrollar pautas y técnicas que proporcionen soluciones accesibles para el software Web y para los desarrolladores Web.
  • 6. Depende de varios factores:  Tipo de contenido  Tamaño y complejidad del sitio  Herramientas a utilizar  Entorno La modificación de sitios Web inaccesible puede requerir un gran esfuerzo
  • 7. Para mejorar la accesibilidad y usabilidad del portal se han implementado los siguientes elementos: 1. Las directrices WAI (Iniciativa de Accesibilidad Web) recomendadas por el W3C (World Wide Web Consortium). 2. Atajos de teclado para las secciones más importantes del portal. Los atajos de teclado ayudan sobre todo a los usuarios que tienen problemas en el uso de dispositivos de apuntamiento como el ratón.
  • 8. Atajo Página del portal c Ir a la sección de contenidos (parte central de cualquier página) s Secciones t Actualidad r Direcciones m comunidades autónomas n bases de datos b Colabore y Ir al formulario de búsqueda de las bases de datos 1 Página de inicio 2 Noticias 3 Mapa del sitio 4 Rss 5 ¿Quiénes somos? 6 Ayuda 7 Nota de responsabilidad 8 Aviso legal 9 Contacto 0 Accesibilidad web
  • 9.  Las directrices de la Iniciativa de Accesibilidad Web establecen tres niveles de accesibilidad (A, Doble A y Triple A) dependiendo del grado de conformidad con las prioridades 1, 2 y 3 de las directrices.  Para analizar la accesibilidad de Portal Mayores se ha utilizado el Test de Accesibilidad Web (TAW), que es una herramienta desarrollada por la Secretaria General de Asuntos Sociales - IMSERSO, CEAPAT y SIDAR para el análisis e información del grado de accesibilidad de un sitio web.  Actualmente Portal Mayores cumple la prioridad 3 (Nivel de accesibilidad Triple A).
  • 10. Una página web para mayores desarrollada por el CSIC, premiada por su accesibilidad.  Una página web desarrollada y gestionada por el Consejo Superior de Investigaciones Científicas (CSIC) y el Instituto de Mayores y Servicios Sociales (Imserso) acaba de recibir un Premio TAW por su accesibilidad.  Los contenidos de la página se estructuran en diferentes secciones: documentación, legislación, estadísticas, investigación, salud, residencias, programas e internacional. Además ofrece noticias, información sobre convocatorias de cursos, congresos, becas y premios, así como direcciones y otros datos de interés sobre instituciones relacionadas con la tercera edad.
  • 11.  Validación  Independencia de la Plataforma  HTML Estructural  Imágenes  Texto ALT  Imágenes de Texto  Mapas de Imagen  Colores en BODY  El Elemento FONT  Tablas  JavaScript
  • 12.  La validación de sus documentos HTML es quizá lo más sencillo e importante que el autor puede hacer para ayudar a la accesibilidad. Un validador compara el HTML de un documento contra un documento modelo definido para asegurar que la sintaxis del HTML es correcta.
  • 13.  Las páginas Web deberán ser independientes de cualquier plataforma, lo que significa que serán accesibles sin tomar en cuenta la plataforma del usuario ni su configuración. Los autores también deberán tomar precauciones para que sus páginas Web no dependan de cierta resolución, intensidad de color, tamaño de la fuente o de la ventana.  Las páginas bien elaboradas se ajustarán y permanecerán accesibles para cualquier ambiente de navegadores.
  • 14.  Cuando escriban HTML, los autores deben concentrarse en la estructura del documento más que en su presentación. Un documento marcado estructuralmente puede adaptarse con toda facilidad a los diferentes navegadores del ambiente.  Para conservar la accesibilidad, los documentos nunca deben ser dependientes de una presentación en particular, incluyendo las realizadas con las hojas de estilo.
  • 15. Texto ALT  Cuando usen los elementos IMG o AREA, los autores siempre deberán incluir el atributo ALT para ofrecer un texto alterno. El atributo ALT es obsequiado a aquellos usuarios de la Web que no cargan imágenes.  El atributo ALT debe usarse mejor para comunicar la función de la imagen que para hacer la descripción de ella.
  • 16. Imágenes de Texto  Las imágenes de texto son muy comunes en la Web, pero pueden ser dificultosas para quienes tienen una vista débil o monitores pequeños con altas resoluciones.  Como cada usuario tiene sus propios gustos, tratar de adivinar un tamaño de fuente adecuado no resulta buena idea. Por estas razones, se deben evitar las imágenes de texto cuanto sea posible.
  • 17. Mapas de Imagen  Los mapas de imagen son problemáticos por su pobre soporte para quienes no carguen imágenes. En tanto sea posible, cuando use mapas de imágenes, use un mapa de imagen del lado del cliente en combinación con un mapa de imagen del lado del servidor.  Los mapas de imagen deben evitarse cuando su uso no sea "natural".
  • 18.  Si establece colores con los atributos HTML de BODY, el autor deberá especificar todos los atributos de color.  Si especifica sólo uno o algunos atributos se arriesga a crear un documento inaccesible, ya que si el usuario cambia colores seguramente algunos serán ilegibles contra los escasos colores que especificó.
  • 19.  Generalmente, el elemento FONT de HTML deben evitarse para crear sitios Web accesibles.  En cambio, las hojas de estilo permiten a los autores sugerir cambios relativos en el tamaño de una fuente con mucha mayor flexibilidad que si se engloban bajo FONT.
  • 20.  Los autores deben evitar en todo lo posible el uso de tablas sólo para formatear la página. Desafortunadamente, evitarlo en su totalidad limita la flexibilidad del autor; los métodos de formateo de las CSS no están lo suficientemente bien soportados como para reemplazar definitivamente a las tablas.
  • 21.  JavaScript no es soportado por todos los navegadores, además de que algunos usuarios pueden decidir desactivarlo. Por eso, cuando se use JavaScript no debe confiársele todo.