Prefix and Suffix Labels Not Being Read by Accessibility Tools #143
Description
Subject of the issue/enhancement/features
Using the same ID for both the prefix and suffix labels of an input field can cause accessibility issues, where screen readers may not read the suffix value. This can lead to confusion or missing information for users who rely on screen readers.
Steps to reproduce
To ensure the adapt-contrib-textinput component is accessible:-
- Inspect Element: Use your browser's developer tools to check the HTML structure of the component.-
- Verify IDs: Confirm that the IDs for prefix and suffix labels are different.-
- Test with NVDA: Open NVDA and navigate to the component to ensure both prefix and suffix labels are read correctly.-
- This process helps ensure accessibility for users relying on screen readers like NVDA.
Expected behaviour
The prefix and suffix label ID are same and it is reading only prefix value in screen reader
Actual behaviour
The prefix and suffix label IDs should be different to avoid accessibility issues. This ensures that screen readers can properly read both the prefix and suffix, preventing confusion and ensuring that all necessary information is conveyed to users relying on screen readers
Screenshots (if you can)
