0:00:04.254,0:00:05.119
Good morning.

0:00:05.119,0:00:07.043
This video contains a short introduction

0:00:07.043,0:00:08.577
about the main elements of web

0:00:08.577,0:00:09.299
accessibility.

0:00:12.310,0:00:15.610
First of all we are going to introduce ourselves.

0:00:15.610,0:00:17.749
We are Daniel Martínez Hernández

0:00:17.749,0:00:20.020
and Guillermo Balastegui García,

0:00:20.020,0:00:21.743
third year students of Biomedical

0:00:21.743,0:00:25.233
Engineering degree at Alicante's University.

0:00:25.233,0:00:27.594
This video is part of the evaluation

0:00:27.594,0:00:29.795
of Usability and Accesibility subject.

0:00:33.794,0:00:36.649
The elements we are going to talk about are: text

0:00:36.662,0:00:38.745
size and its color, links inside web

0:00:38.745,0:00:39.218
pages and

0:00:39.243,0:00:41.280
alternative text of images.

0:00:46.047,0:00:48.162
Text size and its color must be

0:00:48.162,0:00:50.352
ranked according to the importance of

0:00:50.369,0:00:50.952
the content.

0:00:51.941,0:00:54.468
First of all, different types of html headers

0:00:54.468,0:00:58.358
should be used, such as <h1> <h2>

0:00:58.358,0:01:00.234
and so on

0:01:00.290,0:01:03.939
until reaching the paragraph with the densest content

0:01:03.939,0:01:06.375
with the “<p>” tag so that

0:01:06.439,0:01:08.735
the information is well distributed.

0:01:08.735,0:01:11.852
As we can see in this example, the titles

0:01:11.852,0:01:14.746
get smaller and lighter as they correspond

0:01:14.746,0:01:16.237
to a section that includes

0:01:16.237,0:01:17.612
less content.

0:01:17.612,0:01:20.863
The colors have been used taking into account

0:01:20.863,0:01:23.546
the contrast with the background and trying to improve

0:01:23.673,0:01:25.114
comfort of the reading.

0:01:30.643,0:01:32.773
When a hyperlink or link is incorporated

0:01:32.773,0:01:34.901
to a website , we must try that it is

0:01:34.901,0:01:35.895
self-descriptive and appears in a

0:01:35.895,0:01:36.866
implicit way.

0:01:36.866,0:01:38.504
As seen in the images on the right

0:01:38.504,0:01:40.629
the links must be implemented with the words

0:01:40.629,0:01:42.074
that describe on the best way possible

0:01:42.074,0:01:43.477
the purpose or destination of the link.

0:01:43.946,0:01:46.086
As seen in the image below, they should not

0:01:46.167,0:01:47.259
appear explicitly,

0:01:47.259,0:01:48.783
as it is not good for accessibility nor

0:01:48.783,0:01:50.580
presentation of the website, besides

0:01:50.580,0:01:52.417
it can be problematic

0:01:52.887,0:01:54.834
for people who use screen readers.

0:01:59.075,0:02:00.964
The "alt" attribute, which refers to

0:02:00.964,0:02:03.822
the alternative text of the image, is of great

0:02:03.822,0:02:05.340
importance for people with

0:02:05.340,0:02:08.842
visual impairment as this text will be

0:02:08.842,0:02:11.086
used by screen readers

0:02:11.086,0:02:12.842
to describe the image.

0:02:14.005,0:02:16.166
If the image is decorative, the attribute must

0:02:16.166,0:02:19.008
appear empty (alt = ””), since it does not provide

0:02:19.008,0:02:20.180
any necessary information.

0:02:20.932,0:02:23.212
As can be seen on the right side

0:02:23.212,0:02:25.689
of the slide, the first photo is an

0:02:25.693,0:02:27.208
image that must contain

0:02:27.208,0:02:30.856
alternative text as it describes the object

0:02:30.856,0:02:32.542
that is being described.

0:02:32.564,0:02:34.738
The one immediately below[br]her,

0:02:34.738,0:02:38.521
it is decorative, since it does not provide information,

0:02:38.521,0:02:41.413
and therefore its alternative text is empty.

0:02:44.706,0:02:46.111
This has been our brief introduction to

0:02:46.153,0:02:46.918
web accessibility.

0:02:47.351,0:02:48.992
Thank you for your attention.

0:02:49.495,0:02:50.149
Grettings