WEBVTT

1
00:00:06.533 --> 00:00:08.333
In this video, we will learn

2
00:00:08.333 --> 00:00:13.000
how to check the reading order of a PDF
and how to amend tags.

3
00:00:14.266 --> 00:00:16.066
In my accessibility check,

4
00:00:16.066 --> 00:00:17.666
one of the things that needs to be done

5
00:00:17.666 --> 00:00:20.133
manually is check logical
reading order.

6
00:00:21.533 --> 00:00:24.000
There are two possible places
where I could do this.

7
00:00:25.000 --> 00:00:27.666
There's the reading order pane

8
00:00:27.666 --> 00:00:29.133
and the tags pane.

9
00:00:30.200 --> 00:00:32.533
The fact that the reading order pane is called

10
00:00:32.533 --> 00:00:35.466
that would indicate that that's
probably the best place to do it,

11
00:00:36.266 --> 00:00:39.000
but this is not.
The best place to check

12
00:00:39.000 --> 00:00:41.133
the reading order is actually in the tags
pane.

13
00:00:42.666 --> 00:00:44.400
The tags pane gives

14
00:00:44.400 --> 00:00:48.266
HTML-style tags to each item on the page.

15
00:00:48.866 --> 00:00:51.666
So we're going to go through each of these
and check that they're correct.

16
00:00:52.466 --> 00:00:53.933
As I click on each one,

17
00:00:54.866 --> 00:00:56.666
a pink box will appear

18
00:00:56.666 --> 00:01:00.200
around that item in my document.

19
00:01:00.933 --> 00:01:05.666
So initially
I've got a section, sect tag.

20
00:01:05.666 --> 00:01:09.266
When I click on that, it
highlights everything on my page.

21
00:01:10.866 --> 00:01:12.733
Within the section,

22
00:01:12.733 --> 00:01:16.533
I have an H1 tag.
H1 is heading level one.

23
00:01:17.066 --> 00:01:18.533
If I click on that,

24
00:01:18.533 --> 00:01:22.066
it highlights Canine Partners,
which is the main heading on the page.

25
00:01:22.333 --> 00:01:24.000
If I open that H1 tag

26
00:01:24.000 --> 00:01:27.533
by clicking on the arrow,
I can see the text Canine Partners.

27
00:01:27.866 --> 00:01:30.000
So that's correct.

28
00:01:30.600 --> 00:01:33.733
The next tag is a paragraph,
and when I click on it,

29
00:01:33.733 --> 00:01:37.133
the paragraph that is beneath
that first heading is highlighted.

30
00:01:37.200 --> 00:01:38.733
So that's good.

31
00:01:39.133 --> 00:01:41.400
The next heading is a heading level two.

32
00:01:41.666 --> 00:01:44.733
That's good
because that's nested correctly.

33
00:01:46.000 --> 00:01:48.733
The next P tag, paragraph tag

34
00:01:49.400 --> 00:01:50.333
is here.

35
00:01:51.733 --> 00:01:54.466
Now, I know
that the reason that that has been created

36
00:01:54.466 --> 00:01:57.533
is because I used a line
break in my Word document

37
00:01:58.400 --> 00:02:01.800
when I put in the image
and before the paragraph.

38
00:02:02.600 --> 00:02:05.133
If I open this paragraph tag,

39
00:02:05.133 --> 00:02:08.000
there appears to be something in it,
but it's empty.

40
00:02:08.000 --> 00:02:09.800
There's no text.

41
00:02:09.800 --> 00:02:11.866
That is what we call an empty tag.

42
00:02:12.533 --> 00:02:14.666
Empty tags can be deleted.

43
00:02:14.666 --> 00:02:16.933
So I'm going to delete that tag.

44
00:02:19.333 --> 00:02:21.400
So going again from heading level two,

45
00:02:23.533 --> 00:02:25.200
the next paragraph

46
00:02:25.200 --> 00:02:29.533
is the Canine Partners paragraph,
but the logical reading order

47
00:02:29.666 --> 00:02:34.200
would be that the image comes first.
The image is the figure tag.

48
00:02:34.400 --> 00:02:37.066
So I'm going to drag that up
above the paragraph

49
00:02:37.600 --> 00:02:39.800
and make sure that it goes
slightly to the side.

50
00:02:40.400 --> 00:02:43.066
I don't want it to be inside that H2 tag.

51
00:02:43.800 --> 00:02:44.866
So there's the figure.

52
00:02:45.866 --> 00:02:46.466
I'm also

53
00:02:46.466 --> 00:02:49.466
going to check that that has kept
its alt text that I gave it.

54
00:02:49.466 --> 00:02:52.600
I'm going to right click
and go to properties

55
00:02:53.600 --> 00:02:58.133
and in the alternate text field I can see
that it says Canine Partner icon.

56
00:02:58.800 --> 00:03:00.933
So I'm happy with that.

57
00:03:00.933 --> 00:03:02.933
The next paragraph is the paragraph

58
00:03:02.933 --> 00:03:04.200
in the second column.

59
00:03:06.000 --> 00:03:10.133
Then I have this paragraph
that was in a fake text box.

60
00:03:11.200 --> 00:03:13.133
Then I have a heading level two.

61
00:03:13.133 --> 00:03:15.666
So again, everything's
going quite nicely for the moment.

62
00:03:16.333 --> 00:03:18.200
The next paragraph is

63
00:03:18.200 --> 00:03:21.733
below heading level two
and then I have an L tag.

64
00:03:22.200 --> 00:03:24.666
L is a list

65
00:03:24.666 --> 00:03:29.066
and if I click on the L, it highlights
each item in the list.

66
00:03:29.333 --> 00:03:32.266
If I open that list tag, I can see that

67
00:03:32.266 --> 00:03:35.266
it has four list items, LI tags.

68
00:03:35.866 --> 00:03:41.800
And if I click on each of those,
they're highlighted in the correct order.

69
00:03:42.466 --> 00:03:47.533
If I look inside each of them, they also
have a list body tag and then the text,

70
00:03:47.733 --> 00:03:48.800
but that's fine.

71
00:03:48.800 --> 00:03:50.866
So I'm going to close my list.

72
00:03:50.866 --> 00:03:52.333
Then I've got another paragraph.

73
00:03:52.800 --> 00:03:54.533
That is over here,

74
00:03:54.533 --> 00:03:58.266
and again, it's an empty line
so I can delete that tag

75
00:03:58.266 --> 00:04:00.000
because there's nothing in it.

76
00:04:00.000 --> 00:04:03.533
If I wanted to check first
that it is empty, I could do that.

77
00:04:04.066 --> 00:04:06.933
So I'm going to right
click and delete tag.

78
00:04:08.266 --> 00:04:11.000
Finally, I have the image
and I'm going to check that

79
00:04:11.000 --> 00:04:14.533
that has kept its alt text by right
clicking and clicking properties,

80
00:04:15.400 --> 00:04:18.200
and the alt text is still there.

81
00:04:18.200 --> 00:04:21.400
So now I'm happy
that all of my tags are correct

82
00:04:21.600 --> 00:04:23.133
and in the right order.