Accessible names for buttons (button-accessible-name)
Buttons must have non-empty accessible names, using visible text, aria-label, or aria-labelledby attributes.
Note: Elements with role="button" must be given an accessible name using aria-label, aria-labelledby, or visible text content. If the element is empty and lacks these attributes, assistive technologies will announce nothing.
Role button with no name:
This <span role="button"> element has an empty ("") accessible name. It contains no text content and does not have a aria-label or aria-labelledby.