1 00:00:04,254 --> 00:00:05,119 Good morning. 2 00:00:05,119 --> 00:00:07,043 This video contains a short introduction 3 00:00:07,043 --> 00:00:08,577 about the main elements of web 4 00:00:08,577 --> 00:00:09,299 accessibility. 5 00:00:12,310 --> 00:00:15,610 First of all we are going to introduce ourselves. 6 00:00:15,610 --> 00:00:17,749 We are Daniel Martínez Hernández 7 00:00:17,749 --> 00:00:20,020 and Guillermo Balastegui García, 8 00:00:20,020 --> 00:00:21,743 third year students of Biomedical 9 00:00:21,743 --> 00:00:25,233 Engineering degree at Alicante's University. 10 00:00:25,233 --> 00:00:27,594 This video is part of the evaluation 11 00:00:27,594 --> 00:00:29,795 of Usability and Accesibility subject. 12 00:00:33,794 --> 00:00:36,649 The elements we are going to talk about are: text 13 00:00:36,662 --> 00:00:38,745 size and its color, links inside web 14 00:00:38,745 --> 00:00:39,218 pages and 15 00:00:39,243 --> 00:00:41,280 alternative text of images. 16 00:00:46,047 --> 00:00:48,162 Text size and its color must be 17 00:00:48,162 --> 00:00:50,352 ranked according to the importance of 18 00:00:50,369 --> 00:00:50,952 the content. 19 00:00:51,941 --> 00:00:54,468 First of all, different types of html headers 20 00:00:54,468 --> 00:00:58,358 should be used, such as

21 00:00:58,358 --> 00:01:00,234 and so on 22 00:01:00,290 --> 00:01:03,939 until reaching the paragraph with the densest content 23 00:01:03,939 --> 00:01:06,375 with the “

” tag so that 24 00:01:06,439 --> 00:01:08,735 the information is well distributed. 25 00:01:08,735 --> 00:01:11,852 As we can see in this example, the titles 26 00:01:11,852 --> 00:01:14,746 get smaller and lighter as they correspond 27 00:01:14,746 --> 00:01:16,237 to a section that includes 28 00:01:16,237 --> 00:01:17,612 less content. 29 00:01:17,612 --> 00:01:20,863 The colors have been used taking into account 30 00:01:20,863 --> 00:01:23,546 the contrast with the background and trying to improve 31 00:01:23,673 --> 00:01:25,114 comfort of the reading. 32 00:01:30,643 --> 00:01:32,773 When a hyperlink or link is incorporated 33 00:01:32,773 --> 00:01:34,901 to a website , we must try that it is 34 00:01:34,901 --> 00:01:35,895 self-descriptive and appears in a 35 00:01:35,895 --> 00:01:36,866 implicit way. 36 00:01:36,866 --> 00:01:38,504 As seen in the images on the right 37 00:01:38,504 --> 00:01:40,629 the links must be implemented with the words 38 00:01:40,629 --> 00:01:42,074 that describe on the best way possible 39 00:01:42,074 --> 00:01:43,477 the purpose or destination of the link. 40 00:01:43,946 --> 00:01:46,086 As seen in the image below, they should not 41 00:01:46,167 --> 00:01:47,259 appear explicitly, 42 00:01:47,259 --> 00:01:48,783 as it is not good for accessibility nor 43 00:01:48,783 --> 00:01:50,580 presentation of the website, besides 44 00:01:50,580 --> 00:01:52,417 it can be problematic 45 00:01:52,887 --> 00:01:54,834 for people who use screen readers. 46 00:01:59,075 --> 00:02:00,964 The "alt" attribute, which refers to 47 00:02:00,964 --> 00:02:03,822 the alternative text of the image, is of great 48 00:02:03,822 --> 00:02:05,340 importance for people with 49 00:02:05,340 --> 00:02:08,842 visual impairment as this text will be 50 00:02:08,842 --> 00:02:11,086 used by screen readers 51 00:02:11,086 --> 00:02:12,842 to describe the image. 52 00:02:14,005 --> 00:02:16,166 If the image is decorative, the attribute must 53 00:02:16,166 --> 00:02:19,008 appear empty (alt = ””), since it does not provide 54 00:02:19,008 --> 00:02:20,180 any necessary information. 55 00:02:20,932 --> 00:02:23,212 As can be seen on the right side 56 00:02:23,212 --> 00:02:25,689 of the slide, the first photo is an 57 00:02:25,693 --> 00:02:27,208 image that must contain 58 00:02:27,208 --> 00:02:30,856 alternative text as it describes the object 59 00:02:30,856 --> 00:02:32,542 that is being described. 60 00:02:32,564 --> 00:02:34,738 The one immediately below her, 61 00:02:34,738 --> 00:02:38,521 it is decorative, since it does not provide information, 62 00:02:38,521 --> 00:02:41,413 and therefore its alternative text is empty. 63 00:02:44,706 --> 00:02:46,111 This has been our brief introduction to 64 00:02:46,153 --> 00:02:46,918 web accessibility. 65 00:02:47,351 --> 00:02:48,992 Thank you for your attention. 66 00:02:49,495 --> 00:02:50,149 Grettings