Ensure the programmatic label matches the visual label

Comparison where the visual and programmatic label match (accessible) vs. when they don't match (inaccessible)
Image description: Accessible vs. inaccurate comparison of a visual and programmatic label. The accessible example shows button labeled, "Save changes." Below is the programmatic label, where a green robot representing the screen reader says, "Save changes." In the not accessible example, everything is the same except the screen reader says, "Save your changes, mortal" instead.

This page is in progress -

If you would like to contribute or make a case to prioritize this page, please fill out the form below.

Why This is Important

Coming soon

Coming soon

How to Implement This

Coming soon

How to Test This

Coming soon


No credits yet. But this could be you!
No items found.

Contribute and Give Feedback

If you would like to provide feedback or contribute content on this resource, please fill out the form below.

Thank you, your submission has been received!
Oops! Something went wrong while submitting the form. Please check your internet connection and try again.

If you continue to encounter issues, please reach out to alexyingchen(at)gmail.com.