Screen Reader Basics: VoiceOver -- A11ycasts #07

  Рет қаралды 110,427

Chrome for Developers

Chrome for Developers

Күн бұрын

Learning a screen reader is an important skill for developers interested in improving the accessibility of their applications.
It might seem intimidating, but screen readers are pretty simple to pick up, and once you know how to use one, it can be a very
enlightening experience to try to operate a page.
In this episode we'll take a look at VoiceOver, the free screen reader built into the Mac.
VoiceOver: goo.gl/6PgFJ
Screen reader user survey: goo.gl/ayYi5C
Watch all A11ycasts episodes: goo.gl/06qEUW
Subscribe to the Chrome Developers KZfaq channel for updates on new episodes of A11ycasts: goo.gl/LLLNvf

Пікірлер: 64
@mariaklachko
@mariaklachko 5 жыл бұрын
This tutorial is SOOO helpful! Thank you. For some reason, I was quite confused by the official Voice Over tutorial, but this one just summed up so much essential things in just 10 mins. Awesome.
@Zeke0816
@Zeke0816 4 жыл бұрын
I have been using a Mac since 2015, and in that same year the screen broke. Due to a few reasons that don’t matter for this comment, I’ve started to use an external display, a monitor. But, when installing an operating system update, I would not be able to see the setup guide with my monitor, so I stuck with VoiceOver. I used the official tutorial on the website using my phone each time, but I never quite understood. I got it to work by pure luck every time. Now I’m trying to do the same but found this video. It was a matter of seconds just to apply what I learned here and I think now I actually understand it. I might not have to look for a tutorial ever again. I’m so grateful. Also, I am studying software engineering and I want to specialize in accessibility features. So, learning more about what’s already built-in and what’s available is a giant leap forward for me. Thank you so much for this video!
@minakianrad812
@minakianrad812 3 жыл бұрын
Awesome Intro. Very clear and easy to follow. Thank you!
@ThinkerintheDark
@ThinkerintheDark 4 жыл бұрын
Thank you for explaining how to use VoiceOver and the good thing about screen reader.
@priyanarajendira
@priyanarajendira 3 жыл бұрын
Awesome tutorial ! Thank you, unfortunately i don't get the highlighted blocks for headings, contents , etc as i navigate through the page, how do i turn that on?
@TheMaxWyvern
@TheMaxWyvern 3 жыл бұрын
Really excellent video. I don't know why I've found VO to be so counter-intuitive to learn. This helped enormously and I've subscribed and look forward to future videos. A couple of notes: - On the Mac, the VO keys are Control + Option (not alt) which is shown onscreen but not mentioned in the audio. - One thing that I've really found useful that is not noted in the video is the VO lock command. Just type Control + Option + ; (semicolon). From that point on you can leave out the control + option part of all commands. For example: instead of control + option + right arrow to navigate through the document, it's just right arrow. U brings up rotor. Command + H goes to next heading. Only problem is you have to remember to do it each time you start VO.
@TheMaxWyvern
@TheMaxWyvern 3 жыл бұрын
Ah... very important addendum on VO lock: it disables the ability to type into form fields! I was having this problem and thought it was some kind of VO bug because it seemed intermittent. Solution is you have to remove VO lock (just type Command + Option + ; again) and then you can type.
@InspiredInsights4U
@InspiredInsights4U Жыл бұрын
Thank you for the Shortcuts suggestion very helpful. I am just learning voiceover on a Mac and I find that because of the neuropathy in my hands I am having a hard time doing the four key command strokes. This will certainly make it much easier for me to handle thank you once again.
@seldoncrisis6694
@seldoncrisis6694 Жыл бұрын
@@InspiredInsights4U It's funny I made this comment so long ago that I forgot about doing it myself! Since then I've found an alternative that's simpler and doesn't require me to reset it each time I start VO. You can just change the default VO keys to a single key and I use caps lock. This might be helpful for you as it's one less key to have to hold down with the other commands.
@simonsimon325
@simonsimon325 11 ай бұрын
Blind people have been asking Apple why Voiceover on the Mac is so clunky and unintuitive for the past 15 years. I love my Mac, but Windows screen readers mop the floor with Voiceover from a usability and fluency perspective. Re the clunky key commands thing: this won't be much use to macbook users, but if you have a numpad, the numpad commander takes a lot of this pain away, and turns all of this into intuitive single key presses similar to using a D pad on a game controller.
@trinatitus1802
@trinatitus1802 5 жыл бұрын
Thanks for the awesome video. I am totally blind, and I have a Mac and an iPod. I just got the Mac not too long ago, and I love the voice over. Could you let me know how I am able to upload videos on KZfaq using my Mac if there is a way to do that? Thanks a lot
@austinhertell4979
@austinhertell4979 5 жыл бұрын
amazing series :)
@andrew.schaeffer4032
@andrew.schaeffer4032 2 жыл бұрын
Thanks for the helpful video. I have had zero success with the VO keys control and option. It does nothing for me. Any ideas? - I've tested it with two different keyboards - no dice. Thanks.
@ammarsadeq6078
@ammarsadeq6078 4 ай бұрын
Is ALT and option the same thing cos u say ALT but it shows option on the screen. In a Mac keyboard, it is actually option key that is ALT (2 names for the same keyboard key)
@kelyaz85
@kelyaz85 Жыл бұрын
Thank you for ths wonderful tutorial! It was really helpful! 💜💜😊😊
@JohnDrach
@JohnDrach 4 жыл бұрын
What's the difference between VO+Arrow and Tab key?
@OZZl3
@OZZl3 5 жыл бұрын
How do I select and click on a label?
@paulbyars2954
@paulbyars2954 3 жыл бұрын
Are there tutorials then tell about using voice control for dictation and voiceover for reading what you dictated in the same document
@sidkmmking
@sidkmmking 3 жыл бұрын
Sweet! Amazing and helpful, not just for developer. Thank you, thank Google. :)
@dummytest6366
@dummytest6366 2 жыл бұрын
amazing presentation!
@kapilricky
@kapilricky 4 жыл бұрын
Now its helpful for me to debug voiceover issues :)
@MarcusHitchins
@MarcusHitchins 7 жыл бұрын
Thanks Rob, if I get my website working well with the ChromeBook voice over is that likely to work with the windows and a mac computer?
@letswatchrob
@letswatchrob 7 жыл бұрын
Getting it to work correctly with ChromeVox (the screen reader on ChromeOS) will get you a good chunk of the way there, but remember all screen readers work pretty differently, so you definitely need always need to test across platforms
@MarcusHitchins
@MarcusHitchins 7 жыл бұрын
Great thanks !!! So it's a bit testing in IE/safari/... is this a way to test "across platforms" for chromeOS, I can run Linux under crouton. but VM's are very slow.
@chrisfitzchrisfitz5182
@chrisfitzchrisfitz5182 2 жыл бұрын
Great video. Wondering how to fix a VO problem on my iPad/iPhone- a bit over a month ago, VO would not read out words in some native apps but would in in others. Same problem in 3rd party apps- reads out in some, but not in others(KZfaq is a good example- does fine here.). I have updated the IOS on all my IOS devices, checked all toggles in Accessibility for VO, but with out luck! Help! I rely on VO telling ,me what I just typed so I can hear spelling mistakes instead of waiting to try to correct things later. Any thoughts??
@InspiredInsights4U
@InspiredInsights4U Жыл бұрын
I have been a user of voiceover on my phone and iPad for couple years now and I do see the same kind of problems that it doesn’t always read out loud. You hover over button and it doesn’t give you information like you said even in KZfaq and stuff one of the things that helped me is having Screen recognition in the rotor so when it’s not reading sometimes I’ll take and switch to screen recognition on and then it read those buttons that weren’t previously been announced. Not sure if this will help you or not but it’s helped me.
@JRDev4All
@JRDev4All 3 жыл бұрын
For those who want to turn voiceover on and off if you have a MacBook with a Touch Bar, if you don’t have the function keys showing automatically on the Touch Bar, do command + fn + F5
@1meeetooo
@1meeetooo 7 жыл бұрын
hi how are you doing there are two problem in the newest google chrome first i have so many folders inside my bookmark when you go to bookmark manager then to any folder then the folder must have special link like the all old version of google chrome but in the newest google chrome version the feature removed can you return it pls because i want to use always the newest version of google chrome second problem is when you go to bookmark manager there is button its name page down on the keyboard this means i will go down to explore pages but now does not work well pls fix the issues so important if my questions not in the right place to ask tell me where i can ask thanks a lot
@richik_sc
@richik_sc 7 жыл бұрын
علي قزاز this is for people who make websites. report this on crbug.com
@1meeetooo
@1meeetooo 7 жыл бұрын
thank you very much my bro
@ibrahimrahhal6326
@ibrahimrahhal6326 2 жыл бұрын
This Video Is Siiiick I Loved it
@ankursingh4932
@ankursingh4932 4 жыл бұрын
I have a question, Voiceover is a default screen reader for Mac, before we rely on it do we need to check what application our actual user use? Also, what are the common screen reader people use?
@lauren1984able
@lauren1984able 3 жыл бұрын
Hi! I am visually impaired and voiceover is user-friendly on all applications on the Mac. To answer your other question about screen readers, users who use the Mac use voiceover. As for Windows users, the most common screen reader for windows users is something called jaws. Other Windows users use a screen reader called window eyes. Windows also has a built-in screen reader called narrator, but it’s not as good as a third-party program such as jaws and window dies
@TheStormicBeing
@TheStormicBeing 2 жыл бұрын
And i personally Love the free NVDA screen reader for windows. It’s great, and doesn’t cost 1000 bucks.
@ToxicallyMasculinelol
@ToxicallyMasculinelol 3 жыл бұрын
i'd like to do this kind of accessibility debugging but i work on a windows desktop. i have a couple macs and used to use them all the time, but i don't prefer to use them generally anymore, and really only use them when i have to work with keynote. do you know how i can get that kind of visual overlay you get from voiceover? i've tried NVDA and its voice log is alright but it requires you to move your mouse around and it's just not the same kind of view as in voiceover. thanks!
@ToxicallyMasculinelol
@ToxicallyMasculinelol 3 жыл бұрын
i guess the thing i'm referring to is the 'rotor'
@ashwinithangella4250
@ashwinithangella4250 4 жыл бұрын
What is Shortcut for landmarks??
@snehalartistry8369
@snehalartistry8369 4 жыл бұрын
Very nice tutorial..
@RichardSheehan-mb3cy
@RichardSheehan-mb3cy Жыл бұрын
My Mac does not have any "F" keys. What do I use?
@toma1610
@toma1610 3 жыл бұрын
Is it enough? But a third party screen reader, might have more features. Most of them are too expensive. What‘s your opinion?
@rowolta
@rowolta 7 жыл бұрын
How about some stickers for my comp?
@kimlarjohnson2263
@kimlarjohnson2263 3 жыл бұрын
i teach a disabled man w Cerebral Palsy and has iphone 7+ the Voice over was great until got to passcode and it was too much double clicking. the speaking of content was great. is there a way of just letting phone read out things with a single touch to passcode? thank you
@MonkeyDLuffy-cq2lo
@MonkeyDLuffy-cq2lo 4 жыл бұрын
Is it possible to use the MAC OS Speech feature to create voice over for youtube video and later monetize it?
@mckensieparker6414
@mckensieparker6414 2 жыл бұрын
There's 1 little hitch. On the mac, it's not called alt, it's called option, but your on the same page.
@LIGHTSNH33T
@LIGHTSNH33T 2 жыл бұрын
Lol you kept saying control alt lol I do the same mistake is control option the voice over modifier key however, if you on a laptop you can make your voice over modifier key your caps lock so you don’t have to hold down control and options it’s easier.
@IrsaShahcrochet
@IrsaShahcrochet Жыл бұрын
Very good information 👍👍👍🇵🇰
@danielolano
@danielolano 7 жыл бұрын
linux?
@felixzapata1802
@felixzapata1802 7 жыл бұрын
There is an screen reader in Ubuntu, called Orca but I think it is better to use NVDA under a virtual machine
@rlamacraft
@rlamacraft 7 жыл бұрын
Just a point for the video editor, the transition every 10 seconds quickly becomes annoying would be better if the camera and screen recording would be visible at the same time
@davidmaxwaterman
@davidmaxwaterman 3 жыл бұрын
Shouldn't we be doing mobile first?
@sanjeevpro
@sanjeevpro 3 жыл бұрын
Fantasic Rob the video looks so recent.
@serartmar
@serartmar 7 жыл бұрын
I use Ubuntu machine, it would be great to see screen readers for Ubuntu
@felixzapata1802
@felixzapata1802 7 жыл бұрын
There is an screen reader in Ubuntu, called Orca but I think it is better to use NVDA under a virtual machine
@NithinJune
@NithinJune 6 ай бұрын
pro tip: if you use fred voice everything sounds like steven hawking is saying it
@gautamdugar8340
@gautamdugar8340 7 күн бұрын
Why not have an "aria-pronounce" tag where you can just pronounce each word, but the actual word would appear on screen while using a screen reader?
@OZZl3
@OZZl3 5 жыл бұрын
"Alt" is called "Option" on Mac. Keyboards no longer even say Alt.
@davidmaxwaterman
@davidmaxwaterman 3 жыл бұрын
Every keyboards I have has 'alt' keys.
@andrecastillo2305
@andrecastillo2305 2 жыл бұрын
México
@QTZHVZ
@QTZHVZ 2 жыл бұрын
Take care of the year and Video ой saver пой совет пользовались фо
@chasemoses5627
@chasemoses5627 3 жыл бұрын
no i hate it
@Morrile1
@Morrile1 Жыл бұрын
Why does everyone have voice over speaking so fast to sound like a Delek, even on many accessibility training modules they do the same thing, why play something so fast making as its hard to understand what's being said.
Why do semantics matter? -- #A11ycasts 08
10:12
Chrome for Developers
Рет қаралды 71 М.
How To Use VoiceOver on Mac (Screen Reader Tutorial) Pt. 1
17:53
Unsightly Opinions
Рет қаралды 18 М.
Iron Chin ✅ Isaih made this look too easy
00:13
Power Slap
Рет қаралды 36 МЛН
Clown takes blame for missing candy 🍬🤣 #shorts
00:49
Yoeslan
Рет қаралды 42 МЛН
КОМПОТ В СОЛО
00:16
⚡️КАН АНДРЕЙ⚡️
Рет қаралды 31 МЛН
Dolphin SuperNova PC Magnifier And Screen Reader
22:04
The Blind Life
Рет қаралды 13 М.
How To Use A Mac If You’re Blind
24:03
AMI: Accessible Media Inc.
Рет қаралды 9 М.
Basic Navigation Using Voice Over - the iOS Screen Reader | Life After Sight Loss
13:13
2-Minute Rule to Learn Coding - Atomic Habits
7:58
Sahil & Sarra
Рет қаралды 1 МЛН
How I do an accessibility check -- A11ycasts #11
12:17
Chrome for Developers
Рет қаралды 132 М.
Introduction to Using Voiceover on the Mac
1:06:03
Voiceover Guide
Рет қаралды 18 М.
Become a Notes PRO with this FULL Tutorial (includes Mac OS Sonoma)
19:48
Proper Honest Tech
Рет қаралды 105 М.
How to build a toggle button - A11ycasts #25
17:53
Chrome for Developers
Рет қаралды 27 М.
Как удвоить напряжение? #электроника #умножитель
1:00
Hi Dev! – Электроника
Рет қаралды 1,1 МЛН
Запрещенный Гаджет для Авто с aliexpress 2
0:50
Тимур Сидельников
Рет қаралды 684 М.
Как бесплатно замутить iphone 15 pro max
0:59
ЖЕЛЕЗНЫЙ КОРОЛЬ
Рет қаралды 8 МЛН
Samsung laughing on iPhone #techbyakram
0:12
Tech by Akram
Рет қаралды 5 МЛН