wet-boew / wet-boew-styleguide

A style guide for the Web Experience Toolkit.
http://wet-boew.github.io/wet-boew-styleguide/index-en.html
36 stars 32 forks source link

Using an icon for a button #427

Open sarasuri opened 7 months ago

sarasuri commented 7 months ago

Hi

I have a question on icon buttons. The following resource indicates that text must accompany the icon to ensure accessibility requirements are met. https://wet-boew.github.io/wet-boew-styleguide/design/icons-en.html

Would that apply to an icon button with accessible name provided via the "aria-label" attribute? For example, please see code snippet below. Is it considered as meeting accessible requirements without accompanying text?

<button type="button" title="Close" aria-label="Close"><span class="fa fa-times" aria-hidden="true"></span></button>