Category
Sort By
Front End Development, Technology
As JavaScript developers, we're constantly faced with the challenge of writing code that is not only functional but also maintainable and scalable. Design patterns offer us proven solutions to common problems encountered in software development. The design patterns are backed by a strong community of developers which makes them safe to...
In the world of web development, creating forms is a common task. Forms allow users to interact with a website by inputting data, submitting requests, and more. Angular, a popular JavaScript framework, provides a robust solution for building dynamic forms with the FormArray feature. FormArray allows developers to handle dynamic form...
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...
Introduction MERN stack technology is a popular technology stack used by many developers worldwide. MERN is an acronym for four powerful technologies, including MongoDB, ExpressJS, ReactJS, and NodeJS. This technology stack is known for its ability to build fast and robust web applications. It is no surprise that the MERN stack is...
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...
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/ ...
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...
Accessibility Testing - Automated Assessment: Automated testing tools can scan websites or mobile applications to identify errors across numerous pages based on WCAG standards. This approach can potentially uncover up to 57% of accessibility concerns. 1. VS Code Plugin - The axe Accessibility Linter plugin for VS Code assists...
Overview - The concept of accessibility revolves around whether individuals can use a product or service, regardless of how they encounter it. While regulations for accessibility exist to support people with disabilities, designers should strive to cater to a diverse range of potential users across different usage situations. Here...