Design comparison
Community feedback
- @Munsif-AliPosted over 1 year ago
congratulations on your solution i would give some suggestions on your solution As per web accessibility guidelines, all non-text content such as images, videos, and audio must have alternative text that describes the content's purpose or function.
In the case of the <object> element with no visible content, it is recommended to provide an alternative text using the <object> element's title attribute or a nested <img> element with its alt attribute. Here is an example:
<object data="/assets/images/icon-visual.svg" type="" title="Icon Visual"></object>
<object data="/assets/images/icon-visual.svg" type=""> <img src="/assets/images/icon-visual.svg" alt="Icon Visual"> </object>
By providing an appropriate alternative text, users who use assistive technologies like screen readers can understand the purpose or function of the non-text content.
Marked as helpful1@atmahanaPosted over 1 year ago@Munsif-Ali Hi! Thank you for your feedback! As per your suggestion to improve the accessibility, I'm now using
img
instead ofobject
with thealt=""
attribute.0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord