0:00:03.973,0:00:04.967
Buenos días.

0:00:04.967,0:00:06.963
Este vídeo contiene [br]una breve introducción

0:00:06.963,0:00:09.443
sobre los elementos básicos [br]de la accesibilidad web.

0:00:12.050,0:00:17.730
Para comenzar vamos a presentarnos, [br]nosotros somos Daniel Martínez Hernández y

0:00:17.735,0:00:21.233
Guillermo Balastegui García, [br]estudiantes de tercero

0:00:21.233,0:00:24.149
del grado Ingeniería Biomédica [br]en la Universidad de Alicante.

0:00:24.966,0:00:27.186
Y este trabajo es parte de la evaluación

0:00:27.186,0:00:29.740
de la asignatura de [br]Usabilidad y Accesibilidad.

0:00:33.608,0:00:37.478
Los elementos que vamos a tratar son: [br]el tamaño del texto y el color,

0:00:37.478,0:00:41.066
los links dentro de las páginas web [br]y el texto alternativo de las imágenes.

0:00:45.730,0:00:49.194
el tamaño del texto y su color [br]debe estar jerarquizado

0:00:49.194,0:00:51.276
en función de la importancia [br]del contenido.

0:00:51.752,0:00:55.962
En primer lugar, se deben emplear [br]distintos tipos de encabezados html,

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

0:01:00.291,0:01:05.058
hasta llegar al párrafo con el contenido [br]más denso con la etiqueta "p"

0:01:06.181,0:01:08.781
de forma que la información [br]quede bien distribuida.

0:01:09.429,0:01:10.877
Cómo se ve en este ejemplo,

0:01:10.877,0:01:13.877
los títulos se van [br]empequeñeciendo y clareando

0:01:13.877,0:01:16.940
al corresponder a una sección [br]que engloba menos contenido.

0:01:17.850,0:01:20.797
Los colores se han empleado [br]teniendo en cuenta

0:01:20.797,0:01:22.326
el contraste con el fondo

0:01:22.326,0:01:24.844
y tratando de mejorar la comodidad [br]de la lectura.

0:01:30.312,0:01:32.932
Cuando se incorpora un hipervínculo [br]o enlace a una web,

0:01:32.932,0:01:35.133
se debe tratar de que este [br]sea autodescriptivo

0:01:35.133,0:01:36.754
y aparezca de forma implícita.

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

0:01:38.718,0:01:41.069
los links se deben implementar [br]sobre las palabras

0:01:41.069,0:01:43.971
que describan mejor el propósito [br]o el destino del enlace.

0:01:43.971,0:01:47.246
Cómo se ve en la imagen inferior, no deben[br]aparecer explícitamente,

0:01:47.246,0:01:51.024
ya que no es bueno para la accesibilidad [br]ni para la presentación del sitio web,

0:01:51.024,0:01:55.318
además de que puede ser problemático para [br]personas que emplean lectores de pantalla.

0:01:58.961,0:02:02.941
El atributo “alt”, que hace referencia[br]al texto alternativo de la imagen,

0:02:02.941,0:02:08.937
es de gran importancia para personas con[br]discapacidad visual ya que será este texto

0:02:08.937,0:02:12.977
el que empleen los lectores [br]de pantalla para describir la imagen.

0:02:13.644,0:02:17.844
Si la imagen es decorativa, el atributo [br]deberá aparecer vacío (alt=””),

0:02:17.844,0:02:20.223
ya que no aporta ninguna [br]información necesaria.

0:02:20.977,0:02:25.467
Como se puede observar en la parte derecha[br]de la diapositiva, la primera foto es una

0:02:25.467,0:02:30.196
imagen la cual debe tener un texto [br]alternativo ya que describe el objeto

0:02:30.196,0:02:32.076
del que se está hablando.

0:02:32.502,0:02:35.172
La que se encuentra inmediatamente debajo[br]de ella,

0:02:35.341,0:02:38.191
es decorativa, ya que no aporta [br]información,

0:02:38.379,0:02:41.303
y por ello su texto alternativo [br]está vacío.

0:02:44.190,0:02:47.165
Esta ha sido nuestra breve introducción a[br]la accesibilidad web.

0:02:47.165,0:02:48.550
Gracias por vuestra atención.

0:02:48.550,0:02:49.740
Y un saludo.