Button:With Icons

Build 204 on feat/ui-icon
BaselineBuild 166 on feat/subset-icons
View Storybook
LatestBuild 204 on feat/ui-icon
View Storybook
Baseline History
Build 2046c1cd72 current baseline
Current build. Accepted by Kien Nguyen.
Build 20330c2a8e
Inherited baseline identical to build 166
Build 1666a64d70
Accepted by Kien Nguyen.
Build 103a1f05de
Auto-accepted
Build 8174316e3
Accepted by Kien Nguyen.
Build 1e079994
Auto-accepted
Every <button> needs a visible label or accessible name. Learn how to resolve this violation

This regression is non-visual. No preview will be shown.

Fix any of the following:

Element does not have inner text that is visible to screen readers

aria-label attribute does not exist or is empty

aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty

Element has no title attribute

Element does not have an implicit (wrapped) <label>

Element does not have an explicit <label>

Element's default semantics were not overridden with role="none" or role="presentation"

Element
<button part="button"><span class="content-wrapper"><span class="slot-icon-start"><slot name="icon-start"></slot></span><span class="slot-text"><slot></slot></span><span class="slot-icon-end"><slot name="icon-end"></slot></span></span><span class="status-icon" aria-hidden="true"></span></button>
Selector
ui-button[icon="icon-only"],button[part="button"]