1×
Become a member
to unlock all features

Level Up!

Access all courses & lessons on egghead today and lock-in your price for life.

Autoplay

    Navigate a Webpage with VoiceOver in Safari

    Erin DoyleErin Doyle
    screen-readerScreen Reader
    safarisafari
    macmac

    Learn the basics of navigating through a web page using VoiceOver on MacOS in Safari.

    Code

    Code

    Become a Member to view code

    You must be a Member to view code

    Access all courses and lessons, track your progress, gain confidence and expertise.

    Become a Member
    and unlock code for this lesson
    Discuss

    Discuss

    Transcript

    Transcript

    Instructor: Here I am in Safari. Safari has been found to be the most popular combination to use with VoiceOver, much more so than Chrome and FireFox at this time. We're going to use Safari to test VoiceOver. You can enable VoiceOver with Command-F5.

    VoiceOver: VoiceOver on Safari, Movie Wishlist, window, Movie Wishlist, web content has keyboard focus. You are currently on web content. To enter the web area, press Control-Option-Shift-Down Arrow.

    Instructor: Right now, the VoiceOver cursor is focused on the entire web window. As it says, we need to hit Control-Option-Shift-Down Arrow to enter the web page. If we continued to move the cursor along, we would move through the various options in the Safari window and out into the operating system.

    If we want to go into the web page and move through the web page, we have to, as it says, Control-Option-Shift-Down Arrow into that. We'll be using what it refers to as the VoiceOver modifier keys to navigate. By default, that's Control-Option.

    The other default is Caps Lock. You can set up whatever combination of keys you want to use for the VoiceOver modifiers. We're going to step into the web content.

    VoiceOver: In movie wish list, web content heading level five, movie wish list login. In heading level five, movie wish list login.

    Instructor: As you can see, it reads what it's focused on. It describes what the element is and any sort of details or context around that element. We can just, using again those VoiceOver modifier keys and the arrow keys to move through all of the elements on the page.

    One more thing that's really helpful is sometimes VoiceOver can be very verbose. If you need to pause what it's saying, you can use the Control key.

    I am just going to step through the elements of the page using the VoiceOver modifier keys plus the Right Arrow key to go forward.

    VoiceOver: Heading level five, movie wish list login. You're currently on a heading level five username. You're currently on a text element. Enter username. Edit text.

    Password. You're currently on a text element. Password. Password. Secure edit text. Passwords are case sensitive. Login button. You're currently on a button inside of web content. To click this button, press Control-Option-Space to exit this web area. Press Control-Option-Shift-Up Arrow.

    Instructor: As it describes, if I'm on a button, if I'm on something that could be selected or clicked, then it will inform me that I can do so with Control-Option-Space.

    VoiceOver: Press login button.

    Instructor: That's the basics of using VoiceOver. I'm going to go ahead and turn it off now, again with Command-F5.

    VoiceOver: VoiceOver off.