Add aria-labels for buttons, links, and icons to improve accessibility

[shivam8112005]

Feature Request 🛍️

Title: Add aria-labels for buttons, links, and icons to improve accessibility

Use Case

To enhance the accessibility of the application, particularly for users who rely on screen readers, adding aria-labels to buttons, links, and icons will provide meaningful descriptions for these elements. This will ensure that users who are visually impaired or have other disabilities can effectively interact with the application, even when there is no visible text associated with certain UI elements.

Possible Solution

Buttons: Add the aria-label attribute to buttons that contain only icons or unclear text to provide a descriptive label of their functionality.
Links: Add aria-label to links that might not fully convey their purpose through their text alone.
Icons: Use aria-label on icons that are functional or represent a specific action, ensuring that they are understood when spoken by a screen reader.

Context

Currently, interactive elements such as buttons, links, and icons may not provide enough context for users relying on assistive technologies. This can make the application less accessible and more difficult for visually impaired users to navigate. By adding aria-labels, we ensure that these users can understand the purpose of each element.

Detailed Description

Adding aria-labels to the buttons, links, and icons will ensure they are properly described to screen readers. For instance, a button with only an icon (like a search or delete icon) may not be clear to users unless it has an associated aria-label. This change will improve the accessibility of the application and provide users with a more inclusive experience.