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
and so on
until reaching the paragraph with the densest content
with the “” 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