ExamGecko
Question list
Search
Search

List of questions

Search

Related questions











Question 90 - Certified User Experience Designer discussion

Report
Export

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?

A.
href
Answers
A.
href
B.
class
Answers
B.
class
C.
title
Answers
C.
title
D.
for
Answers
D.
for
Suggested answer: C

Explanation:

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:

<span class=''slds-icon_container slds-icon-utility-announcement'' title=''Description of icon when needed''> <svg class=''slds-icon slds-icon-text-default'' aria-hidden=''true''> <use xlink:href=''/assets/icons/utility-sprite/svg/symbols.svg#announcement''></use> </svg> </span>

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.

asked 23/09/2024
Zarate, Wilfredo
41 questions
User
Your answer:
0 comments
Sorted by

Leave a comment first