non-unique buttons #60
Description
Alert: Non-Unique Button | ANDI docs
warning icon Non-unique button: same name/description as another button.
Why did ANDI alert this?
This button has the same accessible name and description as another button.
Why is this an accessibility concern?
If these buttons perform different functions or use a different set of data, then they each need to be uniquely identified. A person who is visually impaired may not be aware of the button's context (its location on the page). If two or more buttons have the same accessible name and description, then functionality should also be the same no matter which buttons is pressed.
For example, consider a data table with buttons labeled "Delete" on every row. An identifying description about what is going to be deleted must be programmatically associated with the button, otherwise a user may delete the wrong item.
What should be done?
If the buttons perform a different function or use a different set of data, either rename the buttons or attach a unique description to the button using the aria-describedby or title attributes. Otherwise, if the buttons are truly identical and perform the same function using the same data, no change is required.
Steps to reproduce the behavior:
- Go to https://swarthmore-a11ygator.vercel.app/
- Login
- Note duplicates for ENVS 048 from Spring 2022.
Expected behavior
Combine these or remove duplicates.
Desktop (please complete the following information):
- Mac OS 15.4.1 (24E263)
- Chrome
- Version 136.0.7103.93 (Official Build) (arm64)