WEBVTT

00:00:04.254 --> 00:00:05.119
Good morning.

00:00:05.119 --> 00:00:07.043
This video contains a short introduction

00:00:07.043 --> 00:00:08.577
about the main elements of web

00:00:08.577 --> 00:00:09.299
accessibility.

00:00:12.310 --> 00:00:15.610
First of all we are going to introduce ourselves.

00:00:15.610 --> 00:00:17.749
We are Daniel Martínez Hernández

00:00:17.749 --> 00:00:20.020
and Guillermo Balastegui García,

00:00:20.020 --> 00:00:21.743
third year students of Biomedical

00:00:21.743 --> 00:00:25.233
Engineering degree at Alicante's University.

00:00:25.233 --> 00:00:27.594
This video is part of the evaluation

00:00:27.594 --> 00:00:29.795
of Usability and Accesibility subject.

00:00:33.794 --> 00:00:36.649
The elements we are going to talk about are: text

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

00:00:38.745 --> 00:00:39.218
pages and

00:00:39.243 --> 00:00:41.280
alternative text of images.

00:00:46.047 --> 00:00:48.162
Text size and its color must be

00:00:48.162 --> 00:00:50.352
ranked according to the importance of

00:00:50.369 --> 00:00:50.952
the content.

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

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

00:00:58.358 --> 00:01:00.234
and so on

00:01:00.290 --> 00:01:03.939
until reaching the paragraph with the densest content

00:01:03.939 --> 00:01:06.375
with the “<p>” tag so that

00:01:06.439 --> 00:01:08.735
the information is well distributed.

00:01:08.735 --> 00:01:11.852
As we can see in this example, the titles

00:01:11.852 --> 00:01:14.746
get smaller and lighter as they correspond

00:01:14.746 --> 00:01:16.237
to a section that includes

00:01:16.237 --> 00:01:17.612
less content.

00:01:17.612 --> 00:01:20.863
The colors have been used taking into account

00:01:20.863 --> 00:01:23.546
the contrast with the background and trying to improve

00:01:23.673 --> 00:01:25.114
comfort of the reading.

00:01:30.643 --> 00:01:32.773
When a hyperlink or link is incorporated

00:01:32.773 --> 00:01:34.901
to a website , we must try that it is

00:01:34.901 --> 00:01:35.895
self-descriptive and appears in a

00:01:35.895 --> 00:01:36.866
implicit way.

00:01:36.866 --> 00:01:38.504
As seen in the images on the right

00:01:38.504 --> 00:01:40.629
the links must be implemented with the words

00:01:40.629 --> 00:01:42.074
that describe on the best way possible

00:01:42.074 --> 00:01:43.477
the purpose or destination of the link.

00:01:43.946 --> 00:01:46.086
As seen in the image below, they should not

00:01:46.167 --> 00:01:47.259
appear explicitly,

00:01:47.259 --> 00:01:48.783
as it is not good for accessibility nor

00:01:48.783 --> 00:01:50.580
presentation of the website, besides

00:01:50.580 --> 00:01:52.417
it can be problematic

00:01:52.887 --> 00:01:54.834
for people who use screen readers.

00:01:59.075 --> 00:02:00.964
The "alt" attribute, which refers to

00:02:00.964 --> 00:02:03.822
the alternative text of the image, is of great

00:02:03.822 --> 00:02:05.340
importance for people with

00:02:05.340 --> 00:02:08.842
visual impairment as this text will be

00:02:08.842 --> 00:02:11.086
used by screen readers

00:02:11.086 --> 00:02:12.842
to describe the image.

00:02:14.005 --> 00:02:16.166
If the image is decorative, the attribute must

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

00:02:19.008 --> 00:02:20.180
any necessary information.

00:02:20.932 --> 00:02:23.212
As can be seen on the right side

00:02:23.212 --> 00:02:25.689
of the slide, the first photo is an

00:02:25.693 --> 00:02:27.208
image that must contain

00:02:27.208 --> 00:02:30.856
alternative text as it describes the object

00:02:30.856 --> 00:02:32.542
that is being described.

00:02:32.564 --> 00:02:34.738
The one immediately below
her,

00:02:34.738 --> 00:02:38.521
it is decorative, since it does not provide information,

00:02:38.521 --> 00:02:41.413
and therefore its alternative text is empty.

00:02:44.706 --> 00:02:46.111
This has been our brief introduction to

00:02:46.153 --> 00:02:46.918
web accessibility.

00:02:47.351 --> 00:02:48.992
Thank you for your attention.

00:02:49.495 --> 00:02:50.149
Grettings