Understanding How People with Visual Impairments Using Screen Reader

I will show you how people with visual impairments use their laptops to access the website. Also, why we need to support them with accessibility to our website? It's a good thing and good discipline

Transcript

1. Understanding People with Visual Impairments Using Screen Reader by isatrio isatrio.is.me@gmail.com CC-by-SA 4.0 License
2. Hello there! My name is Yudhi Satrio , I'm a Front End Engineer at iVideosmart 1. I already married, 1 wife and 2 kids. 2. All my siblings have an same name "Yudhi". 3. I active in many communities in Surabaya and Gresik. 4. I also an unofficial Startup Weekend Facilitator. 5. I was a one of mentor that teached difable (one of Bekraf Programs).
3. Background There are people with visual impairments. Is a decreased ability to see to a degree that causes problems not fixable by usual means, such as glasses.
4. What normal people see
5. What blind people see
6. How they interact? They interact with touch and hear. But, screen is flat. How they feel the screen? Shortcuts is the answer
7. A Well Content Structure is a Must HTML already provide a tag to structure our document. Use them correctly and nicely. 1. Heading 2. List 3. Paragraph 4. Navigation 5. etc
8. Navigation is everything for them There is tons of recommendation list to structure our website. By default, you should make your navigation more accessible.
10. Please Understand How Screen Reader Work
11. Assistive Technology What is it? This is refer to design of products, devices, services, or environments so as to be usable by people with disabilities (or I like to say it difable, differently able). It could be phones, laptops, websites, or many things.
12. Thank you GNOME and Firefox!
13. GNOME and Firefox GNOME and Firefox is a perfect match. GNOME is cool desktop environment that have Assistive Technology built in. Many features of it included on their desktop. Firefox also cool browser that support Assistive Technology natively.
14. User side There are tools for user to keep using laptop with GNOME environment. All you need is only activate it on your system settings. Screen reader (for visual impairments) On screen keyboard High contrast (for visual impairments) Zoom (for visual impairments)
15. Open the Gnome Settings
16. Let's try
17. Browsing with Firefox (Screen Reader User) Firefox is the only one I know that fully supported AT-SPI from Gnome. Orca can easily read whatever under this browser. But you need some configuration to make it work well. 1. Keyboard user must be know (almost) all shortcut that Firefox have. 2. Turn on keyboard navigator by press F7 , it will prompt you a dialog. 3. You can start searching in the page actived by press /
18. Read Web Content Shortcut 1. Jump to heading press H and Shift + H 2. Display a list of heading Alt + Shift + H 3. Jump to link press K and Shift + K 4. Display a list of links Alt + Shift + K 5. Select a paragraph press P and Shift + P 6. Display a list of paragraph Alt + Shift + P 7. Select a list press L and Shift + L 8. Display a list of paragraph Alt + Shift + L 9. Display a list of form Alt + Shift + F
19. Quick search Press /
20. Chrome and Chromevox Chrome not natively support the screen reader from Gnome. Fortunately they have their own, named Chromevox. What you need to do is only install the plugin and read documentation, and Voila!
21. References 1. https://help.gnome.org/users/gnome-help/stable/a11y.html 2. https://en.wikipedia.org/wiki/Communication_disorder 3. https://support.mozilla.org/en-US/kb/accessibility-features-firefox-make-firefox-and- we 4. https://wiki.gnome.org/Projects/Orca 5. https://www.chromevox.com/keyboard_shortcuts.html 6. https://a11yproject.com/