Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Web Accessibility Compliance!
You have completed Web Accessibility Compliance!
Preview
Apple products come with built in accessibility tools, including a screen reader called VoiceOver.
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
Apple products come with a bunch
of built-in accessibility tools,
0:00
including a screen
reader called VoiceOver.
0:04
Whether on a computer or an iPhone,
VoiceOver makes Apple products easier for
0:07
a blind or visually impaired
person to operate independently.
0:12
On an iPhone, simply navigate to
the Accessibility Settings and
0:17
toggle Enable VoiceOver.
0:20
On a Mac, you can do the same
thing by hitting Cmd+F5.
0:22
>> Welcome to VoiceOver.
0:27
VoiceOver speaks descriptions
of items on the screen, and
0:28
can be used to control the computer
using only your keyboard.
0:31
If you already know how to use VoiceOver,
press the V key now.
0:35
If you want to learn how to use VoiceOver,
press the space bar now.
0:39
>> VoiceOver actually comes with
a pretty comprehensive quick start guide
0:43
which I highly recommend you walk through.
0:47
If you're not used to
using a screen reader,
0:50
it's probably going to feel
a bit strange at first.
0:52
I know I had a lot of trouble remembering
what the different keys were for
0:55
when I got started.
0:58
With practice though, it will start to
feel like second nature, just like any
0:59
other set of keyboard shortcuts you might
have integrated into your daily work flow.
1:03
For now, we'll touch on the basics
of navigation using VoiceOver.
1:07
>> Voice over on Chrome,
Girl Develop It, window.
1:11
In the bottom left corner of the screen,
everything VoiceOver reads out loud
1:14
is also written in white
text on a black background.
1:18
We execute VoiceOver commands by
holding down the Ctrl+Option keys,
1:21
and whatever keys that are associated
with the command we want to use.
1:25
Ctrl+Option are referred to as
the VoiceOver keys, or VO keys for short.
1:29
So with VoiceOver on, we can navigate
around by holding the VO keys and
1:35
hitting the arrow keys to
move between elements.
1:40
>> Footer 8 items.
1:43
Don't be shy, end of banner.
1:44
End of navigation.
1:46
End of list, link,
list 2 items, end of list,
1:47
list 2 items, link,
GDI Twitter, link GDI Facebook.
1:50
6 items Interact with
DON'T BE SHY Flourish med
1:55
DEVELOP IT WHO WE ARE Girl Develop It is
a nonpr...Interact with heading level 1,
1:58
3 items, DON'T BE SHY.
2:02
Stop interacting with
heading level 1 3 items.
2:03
heading level 2, WHO WE ARE.
2:06
You are currently on a heading level 2,
inside of a group.
2:08
>> If we come across a list or
some other containing element, we can
2:11
enter that element to access the children
by hitting VO+Shift and the down arrow.
2:14
We can return to the parents level in the
hierarchy of elements by hitting VO+Shift,
2:19
and the up arrow.
2:24
>> Stop interacting with
2:25
DON'T BE SHY Flourish med DEVELOP IT WHO
WE ARE Girl Develop It is a nonprofit
2:26
organization that exists to provide a
>> VoiceOver is great about guiding users.
2:29
If you sit without doing anything,
VoiceOver will try to provide you with
2:34
additional information or
suggest a course of action.
2:38
>> 6 items Interact with
2:41
DON'T BE SHY Flourish med
DEVELOP IT WHO WE ARE Girl Develop.
2:42
It is a non-profit organization
that exists to provide.
2:45
Affordable heading level 2, WHO WE ARE.
2:48
Stop interacting with
DON'T BE SHY Flourish, end of banner,
2:50
end of navigation.
2:53
link, GDI Twitter, you are currently
on a link, inside of a list.
2:54
To click this link,
press Control-Option-Space.
2:58
>> If you need a break and want to pause
speech, hit the Ctrl button by itself.
3:01
>> Link, end of navigation, end of banner.
3:05
DON'T BE SHY Flourish med DEVELOP IT WHO
WE ARE Girl Develop It is a nonprofit
3:08
organization that exists to provide a four
>> Pressing Ctrl again will start
3:11
VoiceOver speech back
up where it left off.
3:15
>> And judgment free opportunities for
women interested in learning web and
3:18
software development.
3:20
>> There's a lot to customize
when it comes to VoiceOver,
3:21
from the speed at which it
reads to the voice itself.
3:24
If it's helpful to you, keep a cheat
sheet on your desk next to you for
3:27
quick reference.
3:31
I've left a link to one for
you in the teacher's notes.
3:32
If you find you're relying on sight
to help guide you as you practice,
3:35
try lowering the brightness on
your screen as far as it will go.
3:39
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up