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

Tony Resume 2016 UPDATED
Tony Resume 2016 UPDATEDTony Resume 2016 UPDATED
Tony Resume 2016 UPDATEDDorsey Tony
 
COMPETENCIAS PARA LA VIDA
COMPETENCIAS PARA LA VIDACOMPETENCIAS PARA LA VIDA
COMPETENCIAS PARA LA VIDAslidescobar
 
Programa Navidad 2009 2010 Portada
Programa Navidad 2009 2010 PortadaPrograma Navidad 2009 2010 Portada
Programa Navidad 2009 2010 Portadamgcanu
 
GRAIN-LG-ES-dec2011
GRAIN-LG-ES-dec2011GRAIN-LG-ES-dec2011
GRAIN-LG-ES-dec2011GRAIN
 
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personal
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personalCreative Thinkrs - 7 formas creativas de mejorar tu productividad personal
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personalJorge San Juan
 
แผ่นพับรองมงคล งานเกษียณอายุราชการ
แผ่นพับรองมงคล งานเกษียณอายุราชการแผ่นพับรองมงคล งานเกษียณอายุราชการ
แผ่นพับรองมงคล งานเกษียณอายุราชการParichart Toomsitt
 
ภาพการเยี่ยมบ้านนักเรียน 2559
ภาพการเยี่ยมบ้านนักเรียน 2559ภาพการเยี่ยมบ้านนักเรียน 2559
ภาพการเยี่ยมบ้านนักเรียน 2559Parichart Toomsitt
 
Configuracion de sistema
Configuracion de sistemaConfiguracion de sistema
Configuracion de sistemaacyapura
 
Calandria presentacion general
Calandria presentacion generalCalandria presentacion general
Calandria presentacion generalCalandria Ocio
 
Apresentação atos
Apresentação atosApresentação atos
Apresentação atosMarta Madeira
 

Andere mochten auch (17)

Tony Resume 2016 UPDATED
Tony Resume 2016 UPDATEDTony Resume 2016 UPDATED
Tony Resume 2016 UPDATED
 
Bullying
BullyingBullying
Bullying
 
Bullying
BullyingBullying
Bullying
 
COMPETENCIAS PARA LA VIDA
COMPETENCIAS PARA LA VIDACOMPETENCIAS PARA LA VIDA
COMPETENCIAS PARA LA VIDA
 
A inclusão
A inclusãoA inclusão
A inclusão
 
cv1
cv1cv1
cv1
 
Programa Navidad 2009 2010 Portada
Programa Navidad 2009 2010 PortadaPrograma Navidad 2009 2010 Portada
Programa Navidad 2009 2010 Portada
 
GRAIN-LG-ES-dec2011
GRAIN-LG-ES-dec2011GRAIN-LG-ES-dec2011
GRAIN-LG-ES-dec2011
 
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personal
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personalCreative Thinkrs - 7 formas creativas de mejorar tu productividad personal
Creative Thinkrs - 7 formas creativas de mejorar tu productividad personal
 
แผ่นพับรองมงคล งานเกษียณอายุราชการ
แผ่นพับรองมงคล งานเกษียณอายุราชการแผ่นพับรองมงคล งานเกษียณอายุราชการ
แผ่นพับรองมงคล งานเกษียณอายุราชการ
 
Agile - Sobre pequeñas iteraciones
Agile - Sobre pequeñas iteracionesAgile - Sobre pequeñas iteraciones
Agile - Sobre pequeñas iteraciones
 
ภาพการเยี่ยมบ้านนักเรียน 2559
ภาพการเยี่ยมบ้านนักเรียน 2559ภาพการเยี่ยมบ้านนักเรียน 2559
ภาพการเยี่ยมบ้านนักเรียน 2559
 
generations review kvr
generations review kvrgenerations review kvr
generations review kvr
 
Configuracion de sistema
Configuracion de sistemaConfiguracion de sistema
Configuracion de sistema
 
Elaguaoxigenada
ElaguaoxigenadaElaguaoxigenada
Elaguaoxigenada
 
Calandria presentacion general
Calandria presentacion generalCalandria presentacion general
Calandria presentacion general
 
Apresentação atos
Apresentação atosApresentação atos
Apresentação atos
 

Ähnlich wie ExposicióN Accesibilidad

Ähnlich wie ExposicióN Accesibilidad (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

TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxKarlaMassielMartinez
 
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
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesLauraColom3
 
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
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfJonathanCovena1
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arteRaquel Martín Contreras
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia
 
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
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptxdeimerhdz21
 
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
 
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
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularMooPandrea
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...JAVIER SOLIS NOYOLA
 

Kürzlich hochgeladen (20)

TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptxTECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
TECNOLOGÍA FARMACEUTICA OPERACIONES UNITARIAS.pptx
 
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...
 
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxSEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptx
 
Éteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reaccionesÉteres. Química Orgánica. Propiedades y reacciones
Éteres. Química Orgánica. Propiedades y reacciones
 
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...
 
CLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdfCLASE - La visión y misión organizacionales.pdf
CLASE - La visión y misión organizacionales.pdf
 
Historia y técnica del collage en el arte
Historia y técnica del collage en el arteHistoria y técnica del collage en el arte
Historia y técnica del collage en el arte
 
Registro Auxiliar - Primaria 2024 (1).pptx
Registro Auxiliar - Primaria  2024 (1).pptxRegistro Auxiliar - Primaria  2024 (1).pptx
Registro Auxiliar - Primaria 2024 (1).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
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfCurso = Metodos Tecnicas y Modelos de Enseñanza.pdf
Curso = Metodos Tecnicas y Modelos de Enseñanza.pdf
 
INSTRUCCION PREPARATORIA DE TIRO .pptx
INSTRUCCION PREPARATORIA DE TIRO   .pptxINSTRUCCION PREPARATORIA DE TIRO   .pptx
INSTRUCCION PREPARATORIA DE TIRO .pptx
 
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
 
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
 
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
 
Unidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la InvestigaciónUnidad 3 | Metodología de la Investigación
Unidad 3 | Metodología de la Investigación
 
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
 
Ley 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circularLey 21.545 - Circular Nº 586.pdf circular
Ley 21.545 - Circular Nº 586.pdf circular
 
Medición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptxMedición del Movimiento Online 2024.pptx
Medición del Movimiento Online 2024.pptx
 
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
LABERINTOS DE DISCIPLINAS DEL PENTATLÓN OLÍMPICO MODERNO. Por JAVIER SOLIS NO...
 

ExposicióN Accesibilidad

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