How a Content Map Helps Screen Reader Users Navigate

How a Content Map Helps Screen Reader Users Navigate


User: I’m going to demonstrate three different
ways that someone using a screen reader might conceptualize a website and
the content on it. So, the first one I’m going to do is more
of a linear way of looking at a website that is kind of closer to—in my mind it’s closer
to how somebody who is visually looking at the site would think of it. The next way I’m going to look at it is
with shortcut keys. And, the last way, is with an elements list. So, I’m doing this on a Mac with Google
Drive, and I do 99.9% of my work on a PC; so, please forgive me if I’m a little slow on the Mac. So, here’s the first way of looking at the
website in a linear manner. So, I’m just going to go through and… Voice Over: Expanded list box. Zero items selected. Google apps, collapsed button.
You are currently– zero notifications. Collapsed pop-up button. Google Account, Amelia Dickerson. User: And this might involve skipping ahead
by headings, so I’ll do that. Voice Over: Colorado.edu. Collapsed.
“H” search Drive. Combo box. H-h. H. You are currently — misspelled. Hh. User: And so, there are not actually a lot
of headings on Google Drive, so that’s why I don’t do a lot of it, with this site. So, I’m going to keep going just by element. Voice Over: Google apps collapsed button. Zero Google notifications. Collapsed. Google account: Amelia Dicker– End of banner. You are currently on a banner. New, Collapsed button. Navigation 2 items. You are currently on a navigation inside of web content. User: Okay, so here’s one where it says
that I’m on a navigation that contains 2 items. So, I’m going to try to drill down into
this navigation and see what’s there. [clicking sound for invalid input] And, I can’t. So, I’m not sure if I am missing something
or what, but I’m going to keep going. Voice Over: Heading level 2 folder path. You are— Folder path 3 items. link, My Drive, one of– link, AUL, two of– Sample Folder, collapsed. End of list. You are currently on a list. End of navigation. Toolbar, you are currently on a toolbar. User: Okay, so here, I get to a toolbar. So here’s something else that I know there
are options inside of there, but just calling it toolbar doesn’t give me an idea, so the
only way for me to really figure out what’s in there is to drill down. So, I’m going to do that. Voice Over: in toolbar; 8 items
get shareable link, collapsed pop-up button. Share Sample Google sheet, button. Preview button. Remove button; More Actions, collapsed, popup button. Grid view button. Compile details selected toggle button. Settings, collapsed popup button. Settings collapsed popup button. User: So, there are a lot of good options
in there. Honestly, I’m probably not going to remember
them all because there wasn’t some really unified print, or copy, cut …. There just wasn’t a really unified set of options in there. so, I’m probably not going to
remember what is in there and it won’t be easy for me to jump to that toolbar. But, it is good to know that it is there with
those options. Voice Over: out of toolbar. User: I’ll keep going… Voice Over: Navigation 2 items. Heading level 2 folders and views. folders and views table. Row 2 of 6. Selected. You are currently on a table. To enter table, press control, option, shift,
and down arrow. User: OK, I’m actually going to go back now
because this table is the first thing that I might jump to when I get to the page…although when I get to the page it will probably put me in this table But I’m going to jump to it using shortcut keys. VoiceOver: Heading level– Navigation– Toolbar, end of list. So,
I went back up to a random place. and now I’m going to hit “g-n.” And, I
actually find that sometimes Google Drive, and especially on a Mac, can be slow. It’s not working…Come on… VoiceOver: [jumbled] User: Let’s go back…try this again. Voice Over: folders and views table row 2
of 6. Selected navigation. 2 items. You are currently on a table.
User: There we go. VoiceOver: To enter this table, press control, option, Shift. User: So that time, it took me right to
the table and, because I’ve set this up ahead of time and because I’ve used Google
Drive a fair amount, I know that the best way to jump to the next thing I want to get
to, which is– once you’ve picked the initial folder, is the folders within that So, I’m just going to go through, once again,
in a linear manner, until I get to the next set of folders. Voice Over: End of navigation…summary. Main 5 items. Modified. Sorted by. Last modified by. User: So, that’s it linearly. But, then when I got to these lists telling
me how to sort it, then I also know I am getting closer to the next set of folders and things
I want to get in to. So that’s just a landmark. I don’t mean an Aria landmark, but just
a general landmark that I’ve set up for myself From trying to get around and remembering
where things are and that is something that people who are blind using screen reading
software wind up doing a lot—having spots that they can jump to easily and knowing where
things are from that. Voice Over: folder view list view selected…google
sheet, google sheet. last modified by me, 1-2-4-9 PM selected, text. 4 of 5. You are currently– Sample Google Sheet, Google Sheet. Folder list view, list box. User: Okay, so let’s start by—the first
thing I am going to do is upload a new file into this folder. So, this is another shortcut key. I’m going to hit “c” to get to that
new menu. And the thing with shortcut keys, while they
can be quick and easy to use, you also just need to know them. Some of Google’s apps use some that are
consistent with other shortcut keys used in general around the operating system, but they
definitely are not all that way. So, you can’t depend on that. So, “c”… Voice Over: menu 6 items, New, expanded button. User: So, that just pulled up the new menu. I’m going to go down… Voice Over: New folder, interactive. File upload, interactive
User: Okay, file upload…I’m going to pick that. Voice Over: Safari busy. Closing menu. Folder list view, list box. One item selected… User: and it doesn’t always work the first
time and so I don’t know if it’s my own not being good at Voice Over or if it’s…so
I’m going to try one more time to see if it works. Voice Over: list one items selected…edited
.mp4…arrange menu button. User: OK, never mind. These are recordings I have made
Voice Over: arrange menu button. Column view, Browser, 1 item selected.
Vertical splitter. Browser one item selected. clutter edited, MP4, MP4, 12 of 59. Navigation, 2 items. New, collapsed button. You are currently on a button inside of web
content Out of sample folder. Google Drive, web content. User: I’m going to try one more time. VoiceOver: menu, 6 items, ellipses, interactive. File upload, interactive. You are currently on a menu item. Press file upload…you are currently on a
browser…accessible and inaccessible forms.mp4. Multilingual PDF. Accessible. Inaccessible. User: There we go. Here is something I have recorded that I am
going to upload into this. Voice Over: …closing dialogue. You are currently on a web dialogue inside
of web content. User: okay, so that was a quick and easy way
to do that with shortcut keys. The last thing I am going to show you is the
elements list and that basically creates columns of lists of certain kinds of elements. So, here we go. Voice Over: Forms control menu. User: Okay, so I’ve got forms… Voice Over: No items in web spots menu
User: web spots Voice Over: Landmarks
User: Landmarks Voice Over: Links menu, headings menu, form controls… User: and then back to forms. So basically, it is more of a way of looking
at lists of, here are all the links, here are all the headings, that sort of thing on this current page. So, this is one I use a lot actually for when
I want to download a file because, what I have found is if I go down here… Voice Over: clear search button. No items in web spots menu. Clear search button. Search Google Drive…Google apps…Google
account…preview button…remove button… Grid view button; Sort by Name button;
Last modified; sorted by; Minimize button. Close button. Accessible and inaccessible forms; User: So, I know that just past the remove
button … Voice Over: Remove button. You are currently on a button. User: So, I went to the remove button. And I’m going to go one menu further. Voice Over: More actions collapsed pop-up
button. User: So more actions…if I go into here,
Voice Over: Menu 6 items more actions. Expanded popup button. Open with – Ellipse. Download; Make a copy. User: Download…
VoiceOver: More actions, popup button. Okay, it’s not starting
to download, but I’m not going to go through and repeat it again because that’s more
of my not using the right set of keys or the computer being fussy. So, that’s another way of conceptually thinking
about the layout of content. So there, I was kind of going down the correct
column, finding one landmark, once again, not an Aria landmark—just something in my
head that I think of as a landmark. Going to that and a little bit further. SO, people use these different ways of thinking
of a page in various combinations. And, there are even other ways of thinking
of a page, but I just wanted to demonstrate these three.

Leave a Reply

Your email address will not be published. Required fields are marked *