WEBVTT

00:00:03.973 --> 00:00:04.967
Buenos días.

00:00:04.967 --> 00:00:06.963
Este vídeo contiene 
una breve introducción

00:00:06.963 --> 00:00:09.443
sobre los elementos básicos 
de la accesibilidad web.

00:00:12.050 --> 00:00:17.730
Para comenzar vamos a presentarnos, 
nosotros somos Daniel Martínez Hernández y

00:00:17.735 --> 00:00:21.233
Guillermo Balastegui García, 
estudiantes de tercero

00:00:21.233 --> 00:00:24.149
del grado Ingeniería Biomédica 
en la Universidad de Alicante.

00:00:24.966 --> 00:00:27.186
Y este trabajo es parte de la evaluación

00:00:27.186 --> 00:00:29.740
de la asignatura de 
Usabilidad y Accesibilidad.

00:00:33.608 --> 00:00:37.478
Los elementos que vamos a tratar son: 
el tamaño del texto y el color,

00:00:37.478 --> 00:00:41.066
los links dentro de las páginas web 
y el texto alternativo de las imágenes.

00:00:45.730 --> 00:00:49.194
el tamaño del texto y su color 
debe estar jerarquizado

00:00:49.194 --> 00:00:51.276
en función de la importancia 
del contenido.

00:00:51.752 --> 00:00:55.962
En primer lugar, se deben emplear 
distintos tipos de encabezados html,

00:00:56.431 --> 00:01:00.291
como <h1> <h2> y así sucesivamente

00:01:00.291 --> 00:01:05.058
hasta llegar al párrafo con el contenido 
más denso con la etiqueta "p"

00:01:06.181 --> 00:01:08.781
de forma que la información 
quede bien distribuida.

00:01:09.429 --> 00:01:10.877
Cómo se ve en este ejemplo,

00:01:10.877 --> 00:01:13.877
los títulos se van 
empequeñeciendo y clareando

00:01:13.877 --> 00:01:16.940
al corresponder a una sección 
que engloba menos contenido.

00:01:17.850 --> 00:01:20.797
Los colores se han empleado 
teniendo en cuenta

00:01:20.797 --> 00:01:22.326
el contraste con el fondo

00:01:22.326 --> 00:01:24.844
y tratando de mejorar la comodidad 
de la lectura.

00:01:30.312 --> 00:01:32.932
Cuando se incorpora un hipervínculo 
o enlace a una web,

00:01:32.932 --> 00:01:35.133
se debe tratar de que este 
sea autodescriptivo

00:01:35.133 --> 00:01:36.754
y aparezca de forma implícita.

00:01:36.754 --> 00:01:38.718
Como se ve en las imágenes de la derecha,

00:01:38.718 --> 00:01:41.069
los links se deben implementar 
sobre las palabras

00:01:41.069 --> 00:01:43.971
que describan mejor el propósito 
o el destino del enlace.

00:01:43.971 --> 00:01:47.246
Cómo se ve en la imagen inferior, no deben
aparecer explícitamente,

00:01:47.246 --> 00:01:51.024
ya que no es bueno para la accesibilidad 
ni para la presentación del sitio web,

00:01:51.024 --> 00:01:55.318
además de que puede ser problemático para 
personas que emplean lectores de pantalla.

00:01:58.961 --> 00:02:02.941
El atributo “alt”, que hace referencia
al texto alternativo de la imagen,

00:02:02.941 --> 00:02:08.937
es de gran importancia para personas con
discapacidad visual ya que será este texto

00:02:08.937 --> 00:02:12.977
el que empleen los lectores 
de pantalla para describir la imagen.

00:02:13.644 --> 00:02:17.844
Si la imagen es decorativa, el atributo 
deberá aparecer vacío (alt=””),

00:02:17.844 --> 00:02:20.223
ya que no aporta ninguna 
información necesaria.

00:02:20.977 --> 00:02:25.467
Como se puede observar en la parte derecha
de la diapositiva, la primera foto es una

00:02:25.467 --> 00:02:30.196
imagen la cual debe tener un texto 
alternativo ya que describe el objeto

00:02:30.196 --> 00:02:32.076
del que se está hablando.

00:02:32.502 --> 00:02:35.172
La que se encuentra inmediatamente debajo
de ella,

00:02:35.341 --> 00:02:38.191
es decorativa, ya que no aporta 
información,

00:02:38.379 --> 00:02:41.303
y por ello su texto alternativo 
está vacío.

00:02:44.190 --> 00:02:47.165
Esta ha sido nuestra breve introducción a
la accesibilidad web.

00:02:47.165 --> 00:02:48.550
Gracias por vuestra atención.

00:02:48.550 --> 00:02:49.740
Y un saludo.