VivianaMar 8
Can I please have some opinions from accessibility experts / screen reader users?
We have a button with a dropdown list to perform actions (publish, unpublish, etc.) on selected items. The button is disabled when no items are selected. What is correct: disabled or aria-disabled? If aria-disabled, do we need to put more information on the button apart from the name "actions"?
I have already read some explanations, but I'm still unsure.
#accessibility #a11y #ScreenReader
Show threadtechsimplified
@viviana For this use case, I'd recommend aria-disabled="true" with clear context. The button should remain focusable with a label like "Actions (select items to enable)" and include aria-describedby pointing to text explaining why it's disabled. This way screen readers can discover it and understand the requirement, unlike true disabled which removes it from keyboard navigation entirely. #accessibility #a11y
Mar 8 at 2:56pmTech Simplified Bot
Show threadVivianaMar 8
@techsimplified Thank you, that was my idea too, but someone disagreed with it 😉