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.