[Script Info]
Title: 
[Events]
Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text
Dialogue: 0,0:00:04.25,0:00:05.12,Default,,0000,0000,0000,,Good morning.
Dialogue: 0,0:00:05.12,0:00:07.04,Default,,0000,0000,0000,,This video contains a short introduction
Dialogue: 0,0:00:07.04,0:00:08.58,Default,,0000,0000,0000,,about the main elements of web
Dialogue: 0,0:00:08.58,0:00:09.30,Default,,0000,0000,0000,,accessibility.
Dialogue: 0,0:00:12.31,0:00:15.61,Default,,0000,0000,0000,,First of all we are going to introduce ourselves.
Dialogue: 0,0:00:15.61,0:00:17.75,Default,,0000,0000,0000,,We are Daniel Martínez Hernández
Dialogue: 0,0:00:17.75,0:00:20.02,Default,,0000,0000,0000,,and Guillermo Balastegui García,
Dialogue: 0,0:00:20.02,0:00:21.74,Default,,0000,0000,0000,,third year students of Biomedical
Dialogue: 0,0:00:21.74,0:00:25.23,Default,,0000,0000,0000,,Engineering degree at Alicante's University.
Dialogue: 0,0:00:25.23,0:00:27.59,Default,,0000,0000,0000,,This video is part of the evaluation
Dialogue: 0,0:00:27.59,0:00:29.80,Default,,0000,0000,0000,,of Usability and Accesibility subject.
Dialogue: 0,0:00:33.79,0:00:36.65,Default,,0000,0000,0000,,The elements we are going to talk about are: text
Dialogue: 0,0:00:36.66,0:00:38.74,Default,,0000,0000,0000,,size and its color, links inside web
Dialogue: 0,0:00:38.74,0:00:39.22,Default,,0000,0000,0000,,pages and
Dialogue: 0,0:00:39.24,0:00:41.28,Default,,0000,0000,0000,,alternative text of images.
Dialogue: 0,0:00:46.05,0:00:48.16,Default,,0000,0000,0000,,Text size and its color must be
Dialogue: 0,0:00:48.16,0:00:50.35,Default,,0000,0000,0000,,ranked according to the importance of
Dialogue: 0,0:00:50.37,0:00:50.95,Default,,0000,0000,0000,,the content.
Dialogue: 0,0:00:51.94,0:00:54.47,Default,,0000,0000,0000,,First of all, different types of html headers
Dialogue: 0,0:00:54.47,0:00:58.36,Default,,0000,0000,0000,,should be used, such as <h1> <h2>
Dialogue: 0,0:00:58.36,0:01:00.23,Default,,0000,0000,0000,,and so on
Dialogue: 0,0:01:00.29,0:01:03.94,Default,,0000,0000,0000,,until reaching the paragraph with the densest content
Dialogue: 0,0:01:03.94,0:01:06.38,Default,,0000,0000,0000,,with the “<p>” tag so that
Dialogue: 0,0:01:06.44,0:01:08.74,Default,,0000,0000,0000,,the information is well distributed.
Dialogue: 0,0:01:08.74,0:01:11.85,Default,,0000,0000,0000,,As we can see in this example, the titles
Dialogue: 0,0:01:11.85,0:01:14.75,Default,,0000,0000,0000,,get smaller and lighter as they correspond
Dialogue: 0,0:01:14.75,0:01:16.24,Default,,0000,0000,0000,,to a section that includes
Dialogue: 0,0:01:16.24,0:01:17.61,Default,,0000,0000,0000,,less content.
Dialogue: 0,0:01:17.61,0:01:20.86,Default,,0000,0000,0000,,The colors have been used taking into account
Dialogue: 0,0:01:20.86,0:01:23.55,Default,,0000,0000,0000,,the contrast with the background and trying to improve
Dialogue: 0,0:01:23.67,0:01:25.11,Default,,0000,0000,0000,,comfort of the reading.
Dialogue: 0,0:01:30.64,0:01:32.77,Default,,0000,0000,0000,,When a hyperlink or link is incorporated
Dialogue: 0,0:01:32.77,0:01:34.90,Default,,0000,0000,0000,,to a website , we must try that it is
Dialogue: 0,0:01:34.90,0:01:35.90,Default,,0000,0000,0000,,self-descriptive and appears in a
Dialogue: 0,0:01:35.90,0:01:36.87,Default,,0000,0000,0000,,implicit way.
Dialogue: 0,0:01:36.87,0:01:38.50,Default,,0000,0000,0000,,As seen in the images on the right
Dialogue: 0,0:01:38.50,0:01:40.63,Default,,0000,0000,0000,,the links must be implemented with the words
Dialogue: 0,0:01:40.63,0:01:42.07,Default,,0000,0000,0000,,that describe on the best way possible
Dialogue: 0,0:01:42.07,0:01:43.48,Default,,0000,0000,0000,,the purpose or destination of the link.
Dialogue: 0,0:01:43.95,0:01:46.09,Default,,0000,0000,0000,,As seen in the image below, they should not
Dialogue: 0,0:01:46.17,0:01:47.26,Default,,0000,0000,0000,,appear explicitly,
Dialogue: 0,0:01:47.26,0:01:48.78,Default,,0000,0000,0000,,as it is not good for accessibility nor
Dialogue: 0,0:01:48.78,0:01:50.58,Default,,0000,0000,0000,,presentation of the website, besides
Dialogue: 0,0:01:50.58,0:01:52.42,Default,,0000,0000,0000,,it can be problematic
Dialogue: 0,0:01:52.89,0:01:54.83,Default,,0000,0000,0000,,for people who use screen readers.
Dialogue: 0,0:01:59.08,0:02:00.96,Default,,0000,0000,0000,,The "alt" attribute, which refers to
Dialogue: 0,0:02:00.96,0:02:03.82,Default,,0000,0000,0000,,the alternative text of the image, is of great
Dialogue: 0,0:02:03.82,0:02:05.34,Default,,0000,0000,0000,,importance for people with
Dialogue: 0,0:02:05.34,0:02:08.84,Default,,0000,0000,0000,,visual impairment as this text will be
Dialogue: 0,0:02:08.84,0:02:11.09,Default,,0000,0000,0000,,used by screen readers
Dialogue: 0,0:02:11.09,0:02:12.84,Default,,0000,0000,0000,,to describe the image.
Dialogue: 0,0:02:14.00,0:02:16.17,Default,,0000,0000,0000,,If the image is decorative, the attribute must
Dialogue: 0,0:02:16.17,0:02:19.01,Default,,0000,0000,0000,,appear empty (alt = ””), since it does not provide
Dialogue: 0,0:02:19.01,0:02:20.18,Default,,0000,0000,0000,,any necessary information.
Dialogue: 0,0:02:20.93,0:02:23.21,Default,,0000,0000,0000,,As can be seen on the right side
Dialogue: 0,0:02:23.21,0:02:25.69,Default,,0000,0000,0000,,of the slide, the first photo is an
Dialogue: 0,0:02:25.69,0:02:27.21,Default,,0000,0000,0000,,image that must contain
Dialogue: 0,0:02:27.21,0:02:30.86,Default,,0000,0000,0000,,alternative text as it describes the object
Dialogue: 0,0:02:30.86,0:02:32.54,Default,,0000,0000,0000,,that is being described.
Dialogue: 0,0:02:32.56,0:02:34.74,Default,,0000,0000,0000,,The one immediately below\Nher,
Dialogue: 0,0:02:34.74,0:02:38.52,Default,,0000,0000,0000,,it is decorative, since it does not provide information,
Dialogue: 0,0:02:38.52,0:02:41.41,Default,,0000,0000,0000,,and therefore its alternative text is empty.
Dialogue: 0,0:02:44.71,0:02:46.11,Default,,0000,0000,0000,,This has been our brief introduction to
Dialogue: 0,0:02:46.15,0:02:46.92,Default,,0000,0000,0000,,web accessibility.
Dialogue: 0,0:02:47.35,0:02:48.99,Default,,0000,0000,0000,,Thank you for your attention.
Dialogue: 0,0:02:49.50,0:02:50.15,Default,,0000,0000,0000,,Grettings