Buenos días.
Este vídeo contiene
una breve introducción
sobre los elementos básicos
de la accesibilidad web.
Para comenzar vamos a presentarnos,
nosotros somos Daniel Martínez Hernández y
Guillermo Balastegui García,
estudiantes de tercero
del grado Ingeniería Biomédica
en la Universidad de Alicante.
Y este trabajo es parte de la evaluación
de la asignatura de
Usabilidad y Accesibilidad.
Los elementos que vamos a tratar son:
el tamaño del texto y el color,
los links dentro de las páginas web
y el texto alternativo de las imágenes.
el tamaño del texto y su color
debe estar jerarquizado
en función de la importancia
del contenido.
En primer lugar, se deben emplear
distintos tipos de encabezados html,
como <h1> <h2> y así sucesivamente
hasta llegar al párrafo con el contenido
más denso con la etiqueta "p"
de forma que la información
quede bien distribuida.
Cómo se ve en este ejemplo,
los títulos se van
empequeñeciendo y clareando
al corresponder a una sección
que engloba menos contenido.
Los colores se han empleado
teniendo en cuenta
el contraste con el fondo
y tratando de mejorar la comodidad
de la lectura.
Cuando se incorpora un hipervínculo
o enlace a una web,
se debe tratar de que este
sea autodescriptivo
y aparezca de forma implícita.
Como se ve en las imágenes de la derecha,
los links se deben implementar
sobre las palabras
que describan mejor el propósito
o el destino del enlace.
Cómo se ve en la imagen inferior, no deben
aparecer explícitamente,
ya que no es bueno para la accesibilidad
ni para la presentación del sitio web,
además de que puede ser problemático para
personas que emplean lectores de pantalla.
El atributo “alt”, que hace referencia
al texto alternativo de la imagen,
es de gran importancia para personas con
discapacidad visual ya que será este texto
el que empleen los lectores
de pantalla para describir la imagen.
Si la imagen es decorativa, el atributo
deberá aparecer vacío (alt=””),
ya que no aporta ninguna
información necesaria.
Como se puede observar en la parte derecha
de la diapositiva, la primera foto es una
imagen la cual debe tener un texto
alternativo ya que describe el objeto
del que se está hablando.
La que se encuentra inmediatamente debajo
de ella,
es decorativa, ya que no aporta
información,
y por ello su texto alternativo
está vacío.
Esta ha sido nuestra breve introducción a
la accesibilidad web.
Gracias por vuestra atención.
Y un saludo.