JAWS: Screen Reader Basics (Part 1) | How It Helps People with Disabilities!
🚀 Boost your accessibility game: • Role Alert vs ARIA Live: Key Differences E...
Let's, run JAWS(a screen reader) on the HTML elements such as Navbar, text boxes, radio buttons, checkboxes, links, drop-down menu, and buttons.
This should give us an idea of what JAWS announces when interacting with HTML elements.
A screen reader is used by non-sighted users to interact with the HTML elements and JAWS announces the content to them.
Web Accessibility is a must and is easy when working with correct HTML5 semantic elements, Aria attributes, and Javascript.
These are the 3 key ingredients to achieve web accessibility.
Kindly watch the video to learn what JAWS a screen reader announces when a user interacts with them.
👉Join our growing community on Instagram https://www.instagram.com/skillssingh...
👉You can connect with me on Telegram, to get updates on the upcoming videos: https://t.me/webAccessibilityTutorials
👉 Dig deeper with detailed articles: / askparamsingh
Questions? Comments? Concerns? Drop a comment down below!
📚 Materials/References:
1. Discover the difference between aria label and aria labelledby?
• ARIA-label vs ARIA-labelledby – What You M...
2. How to make Radio buttons, Hyperlinks and Images web accessible? • Transform Your HTML Forms: Make Elements A...
3. JAWS: Screen reader Bacis, discover the Hot Keys.
• Screen Reader Basics: Discover the Powerfu...
4. How to make drop down menu web accessible?
• Make Your HTML Drop-Down List Web Accessib...
5. How to make Textboxes, checkboxes and buttons web accessible?
• Make Your HTML Form Inputs (Textboxes, Che...
6. How to make HTML Tabs web accessible?
• Create HTML TABS with ARIA: A Game-Changer...
Download JAWS from:
https://support.freedomscientific.com...
Download Deques's reference sheet from:
https://dequeuniversity.com/screenrea...
Please refer to the following timeline to jump to the section you are interested in:
Timecodes
0:00 Intro to Freedom Scientific JAWS Screen Reader
1:35 JAWS: Announcement on Page Load (Read All Mode)
3:23 JAWS: Navigate to Headers and Regions
5:25 JAWS: Interaction with Navbar/Menu
8:15 JAWS: Interaction with Textboxes
10:35 JAWS: Interaction with Links
12:01 JAWS: Interaction with Radio Buttons
13:35 JAWS: Interaction with Drop Down Menu
15:30 JAWS: Interaction with Checkboxes
16:05 JAWS: Interaction with Buttons
💓Thank you for your continued support in liking, sharing, and watching my videos.
🔔Hit the Subscribe Button for more educational accessibility content just like this.
#WebAccessibility #JAWS