[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:03.97,0:00:04.97,Default,,0000,0000,0000,,Buenos días. Dialogue: 0,0:00:04.97,0:00:06.96,Default,,0000,0000,0000,,Este vídeo contiene \Nuna breve introducción Dialogue: 0,0:00:06.96,0:00:09.44,Default,,0000,0000,0000,,sobre los elementos básicos \Nde la accesibilidad web. Dialogue: 0,0:00:12.05,0:00:17.73,Default,,0000,0000,0000,,Para comenzar vamos a presentarnos, \Nnosotros somos Daniel Martínez Hernández y Dialogue: 0,0:00:17.74,0:00:21.23,Default,,0000,0000,0000,,Guillermo Balastegui García, \Nestudiantes de tercero Dialogue: 0,0:00:21.23,0:00:24.15,Default,,0000,0000,0000,,del grado Ingeniería Biomédica \Nen la Universidad de Alicante. Dialogue: 0,0:00:24.97,0:00:27.19,Default,,0000,0000,0000,,Y este trabajo es parte de la evaluación Dialogue: 0,0:00:27.19,0:00:29.74,Default,,0000,0000,0000,,de la asignatura de \NUsabilidad y Accesibilidad. Dialogue: 0,0:00:33.61,0:00:37.48,Default,,0000,0000,0000,,Los elementos que vamos a tratar son: \Nel tamaño del texto y el color, Dialogue: 0,0:00:37.48,0:00:41.07,Default,,0000,0000,0000,,los links dentro de las páginas web \Ny el texto alternativo de las imágenes. Dialogue: 0,0:00:45.73,0:00:49.19,Default,,0000,0000,0000,,el tamaño del texto y su color \Ndebe estar jerarquizado Dialogue: 0,0:00:49.19,0:00:51.28,Default,,0000,0000,0000,,en función de la importancia \Ndel contenido. Dialogue: 0,0:00:51.75,0:00:55.96,Default,,0000,0000,0000,,En primer lugar, se deben emplear \Ndistintos tipos de encabezados html, Dialogue: 0,0:00:56.43,0:01:00.29,Default,,0000,0000,0000,,como <h1> <h2> y así sucesivamente Dialogue: 0,0:01:00.29,0:01:05.06,Default,,0000,0000,0000,,hasta llegar al párrafo con el contenido \Nmás denso con la etiqueta "p" Dialogue: 0,0:01:06.18,0:01:08.78,Default,,0000,0000,0000,,de forma que la información \Nquede bien distribuida. Dialogue: 0,0:01:09.43,0:01:10.88,Default,,0000,0000,0000,,Cómo se ve en este ejemplo, Dialogue: 0,0:01:10.88,0:01:13.88,Default,,0000,0000,0000,,los títulos se van \Nempequeñeciendo y clareando Dialogue: 0,0:01:13.88,0:01:16.94,Default,,0000,0000,0000,,al corresponder a una sección \Nque engloba menos contenido. Dialogue: 0,0:01:17.85,0:01:20.80,Default,,0000,0000,0000,,Los colores se han empleado \Nteniendo en cuenta Dialogue: 0,0:01:20.80,0:01:22.33,Default,,0000,0000,0000,,el contraste con el fondo Dialogue: 0,0:01:22.33,0:01:24.84,Default,,0000,0000,0000,,y tratando de mejorar la comodidad \Nde la lectura. Dialogue: 0,0:01:30.31,0:01:32.93,Default,,0000,0000,0000,,Cuando se incorpora un hipervínculo \No enlace a una web, Dialogue: 0,0:01:32.93,0:01:35.13,Default,,0000,0000,0000,,se debe tratar de que este \Nsea autodescriptivo Dialogue: 0,0:01:35.13,0:01:36.75,Default,,0000,0000,0000,,y aparezca de forma implícita. Dialogue: 0,0:01:36.75,0:01:38.72,Default,,0000,0000,0000,,Como se ve en las imágenes de la derecha, Dialogue: 0,0:01:38.72,0:01:41.07,Default,,0000,0000,0000,,los links se deben implementar \Nsobre las palabras Dialogue: 0,0:01:41.07,0:01:43.97,Default,,0000,0000,0000,,que describan mejor el propósito \No el destino del enlace. Dialogue: 0,0:01:43.97,0:01:47.25,Default,,0000,0000,0000,,Cómo se ve en la imagen inferior, no deben\Naparecer explícitamente, Dialogue: 0,0:01:47.25,0:01:51.02,Default,,0000,0000,0000,,ya que no es bueno para la accesibilidad \Nni para la presentación del sitio web, Dialogue: 0,0:01:51.02,0:01:55.32,Default,,0000,0000,0000,,además de que puede ser problemático para \Npersonas que emplean lectores de pantalla. Dialogue: 0,0:01:58.96,0:02:02.94,Default,,0000,0000,0000,,El atributo “alt”, que hace referencia\Nal texto alternativo de la imagen, Dialogue: 0,0:02:02.94,0:02:08.94,Default,,0000,0000,0000,,es de gran importancia para personas con\Ndiscapacidad visual ya que será este texto Dialogue: 0,0:02:08.94,0:02:12.98,Default,,0000,0000,0000,,el que empleen los lectores \Nde pantalla para describir la imagen. Dialogue: 0,0:02:13.64,0:02:17.84,Default,,0000,0000,0000,,Si la imagen es decorativa, el atributo \Ndeberá aparecer vacío (alt=””), Dialogue: 0,0:02:17.84,0:02:20.22,Default,,0000,0000,0000,,ya que no aporta ninguna \Ninformación necesaria. Dialogue: 0,0:02:20.98,0:02:25.47,Default,,0000,0000,0000,,Como se puede observar en la parte derecha\Nde la diapositiva, la primera foto es una Dialogue: 0,0:02:25.47,0:02:30.20,Default,,0000,0000,0000,,imagen la cual debe tener un texto \Nalternativo ya que describe el objeto Dialogue: 0,0:02:30.20,0:02:32.08,Default,,0000,0000,0000,,del que se está hablando. Dialogue: 0,0:02:32.50,0:02:35.17,Default,,0000,0000,0000,,La que se encuentra inmediatamente debajo\Nde ella, Dialogue: 0,0:02:35.34,0:02:38.19,Default,,0000,0000,0000,,es decorativa, ya que no aporta \Ninformación, Dialogue: 0,0:02:38.38,0:02:41.30,Default,,0000,0000,0000,,y por ello su texto alternativo \Nestá vacío. Dialogue: 0,0:02:44.19,0:02:47.16,Default,,0000,0000,0000,,Esta ha sido nuestra breve introducción a\Nla accesibilidad web. Dialogue: 0,0:02:47.16,0:02:48.55,Default,,0000,0000,0000,,Gracias por vuestra atención. Dialogue: 0,0:02:48.55,0:02:49.74,Default,,0000,0000,0000,,Y un saludo.