The Issue of Accessibility

[hks1444]

Even though our application has an exquisite UI and design, we must not forget those with vision impairment. Therefore we need to use
ARIA (Accessible Rich Internet Applications) attributes which are a set of special attributes that can be added to HTML elements to improve the accessibility and usability of web content, particularly for people with disabilities. ARIA attributes provide additional information to assistive technologies like screen readers, helping them to interpret and interact with web content more effectively.

[hks1444]

ARIA attributes can be applied to various HTML elements such as buttons, links, form inputs, and more. Some common ARIA attributes include:

• role: Specifies the role of the element, indicating its purpose or function in the interface.
• aria-label: Provides a label for the element that is not visible on the screen, useful for elements without visible text.
• aria-labelledby: References the ID of another element on the page that serves as the label for the current element.
• aria-describedby: References the ID of another element that contains a description or additional information about the current element.
• aria-hidden: Indicates whether an element should be hidden from assistive technologies.
• aria-disabled: Indicates whether an element is disabled, and if so, why it is disabled.

[hks1444]

You can check the following pull request. It has some ARIA attributes. Any feedback is welcomed.