You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The mzima-client-button component lacks discernible text for screen readers, which violates accessibility guidelines and hinders users who rely on screen readers to navigate the application.
Steps to Reproduce:
Navigate to the page or component containing the mzima-client-button.
Use a screen reader to interact with the button component.
Notice that the Search Icon Button and Create Post Button lacks discernible text or a descriptive label.
Expected Behavior:
The button should have discernible text or a descriptive label for screen readers, ensuring accessibility compliance.
Actual Behavior:
The button lacks visible text, making it inaccessible for screen reader users. Accessibility testing tools flag it as an issue.
Possible Solution:
One possible solution is to dynamically generate an aria-label attribute based on the button's content. Alternatively, ensure that the button includes visible text or a descriptive label.
crocmons
changed the title
[Outreachy Task Submission] Accessibility Issue: Map Page Button component lacks discernible text for screen readers
Accessibility Issue: Map Page Button component lacks discernible text for screen readers
May 17, 2024
Issue Description:
The
mzima-client-button
component lacks discernible text for screen readers, which violates accessibility guidelines and hinders users who rely on screen readers to navigate the application.Steps to Reproduce:
mzima-client-button
.Expected Behavior:
The button should have discernible text or a descriptive label for screen readers, ensuring accessibility compliance.
Actual Behavior:
The button lacks visible text, making it inaccessible for screen reader users. Accessibility testing tools flag it as an issue.
Possible Solution:
One possible solution is to dynamically generate an
aria-label
attribute based on the button's content. Alternatively, ensure that the button includes visible text or a descriptive label.screencast-localhost_4200-2024.03.14-09_26_34.webm
Task Submission Label: #4750
The text was updated successfully, but these errors were encountered: