A UX Designer is adding an icon without a visible, descriptive level to an interface using a salesforce Lightning Design System (SLDS) component Blueprint.
Which attribute should be used to ensure the icon complies with accessibility requirements?
According to the SLDS documentation, icons require a containing element with the class slds-icon_container for accessibility support. If the icon is used without a visible, descriptive label, a title attribute is needed on the containing element. The title should describe the icon. For example:
The title attribute provides a tooltip for the icon when the user hovers over it, and it also helps screen readers to announce the icon’s meaning. The other attributes (href, class, and for) do not provide this functionality.
[: Icons - Lightning Design System, , , , ]
Contribute your Thoughts:
Chosen Answer:
This is a voting comment (?). You can switch to a simple comment. It is better to Upvote an existing comment if you don't have anything to add.
Submit