Summary
The Card editor help button is exposed with role="tooltip". The interactive element is a button, while the tooltip is the content associated with that button. Assigning the tooltip role to the button gives assistive technology incorrect control semantics.
Location
- Package:
@paperbits/core
- Template:
src/card/ko/cardEditor.html
- Current pattern:
<button class="btn btn-info" role="tooltip" ...>
Expected behavior
The help trigger retains native button semantics. Tooltip semantics, if needed, are applied to the tooltip content rather than the trigger.
Acceptance criteria
- Remove the incorrect
role="tooltip" from the Card help button.
- Preserve keyboard activation and visible tooltip behavior.
- Confirm the trigger is announced as a button by a screen reader.
- Add or update an accessibility regression test where practical.
Tracking: Azure DevOps 26070428
Summary
The Card editor help button is exposed with
role="tooltip". The interactive element is a button, while the tooltip is the content associated with that button. Assigning the tooltip role to the button gives assistive technology incorrect control semantics.Location
@paperbits/coresrc/card/ko/cardEditor.html<button class="btn btn-info" role="tooltip" ...>Expected behavior
The help trigger retains native button semantics. Tooltip semantics, if needed, are applied to the tooltip content rather than the trigger.
Acceptance criteria
role="tooltip"from the Card help button.Tracking: Azure DevOps 26070428