Accessibility
According to the W3C specification,
you only need to add the <title>
and <desc>
tags to the svg
component.
With this in mind, the title
and desc
props were added to support icon accessibility.
Alternatively you can add icon accessibility as suggested by Bootstrap Icons
#
Examples<Tools title="Tools Icon" desc="Example of a tools icon"/>
<Tools role="img" aria-label="Tools Icon"/>