Adobe, Front End Development

Part 6 – Web Accessibility: Focusing on Visual Representation of navigation links

This is the last example for the web aria accessibility implementation, where we will look at how we can visually represent the links on keyboard navigation. If you take an example of navigation links, here on anchor tags, we have a href attribute, which makes the anchor tag focusable by default where this black border/outline comes...

by Nikhil Saxena
Tag: Implementing Aria Accessibility
24-Aug-2023

Adobe, Front End Development

Part 5 – Web Accessibility: Fixing Checkbox to announce the “checked” / “unchecked” state while using screen reader

This is the third example for the web aria accessibility implementation where we will understand announcing the checkbox label and checkbox checked/unchecked state correctly on the spacebar key-down and click. This is the working solution below on how to make this checkbox announce label and state. ⇒ Code SNIPPET 3 - <!DOCTYPE...

by Nikhil Saxena
Tag: Implementing Aria Accessibility
23-Aug-2023

Adobe, Front End Development

Part 4 – Web Accessibility: NVDA Screen Reader for effective debugging

This is the second example of the web aria accessibility implementation, where we will fix the issues using the NVDA Screen Reader. Here, we will get to know whether it will read the webpage or not and check the multiple accessibility errors. You can download this tool from this link - https://www.nvaccess.org/download/ ...

by Nikhil Saxena
Tag: Implementing Aria Accessibility
22-Aug-2023

Adobe, Front End Development

Part 3 – Web Accessibility: Practical Approaches to Implement accessibility using Axe tool

This is the first example for the web aria accessibility implementation, where we will understand how this Axe Tool works and look at how we can fix these issues. You can read more about the accessibility implementation from the mdn web docs. But by Installing this Axe Accessibility Linter plugin on the Visual Studio Code, the...

by Nikhil Saxena
Tag: Implementing Aria Accessibility
21-Aug-2023