Introducción a la Accesibilidad Web - Usabilidad y Accesibilidad

Good morning.

This video contains a short introduction

about the main elements of web

accessibility.

First of all we are going to introduce ourselves.

We are Daniel Martínez Hernández

and Guillermo Balastegui García,

third year students of Biomedical

Engineering degree at Alicante's University.

This video is part of the evaluation

of Usability and Accesibility subject.

The elements we are going to talk about are: text

size and its color, links inside web

pages and

alternative text of images.

Text size and its color must be

ranked according to the importance of

the content.

First of all, different types of html headers

should be used, such as <h1> <h2>

and so on

until reaching the paragraph with the densest content

with the “<p>” tag so that

the information is well distributed.

As we can see in this example, the titles

get smaller and lighter as they correspond

to a section that includes

less content.

The colors have been used taking into account

the contrast with the background and trying to improve

comfort of the reading.

When a hyperlink or link is incorporated

to a website , we must try that it is

self-descriptive and appears in a

implicit way.

As seen in the images on the right

the links must be implemented with the words

that describe on the best way possible

the purpose or destination of the link.

As seen in the image below, they should not

appear explicitly,

as it is not good for accessibility nor

presentation of the website, besides

it can be problematic

for people who use screen readers.

The "alt" attribute, which refers to

the alternative text of the image, is of great

importance for people with

visual impairment as this text will be

used by screen readers

to describe the image.

If the image is decorative, the attribute must

appear empty (alt = ””), since it does not provide

any necessary information.

As can be seen on the right side

of the slide, the first photo is an

image that must contain

alternative text as it describes the object

that is being described.

The one immediately below
her,

it is decorative, since it does not provide information,

and therefore its alternative text is empty.

This has been our brief introduction to

web accessibility.

Thank you for your attention.

Grettings