A new Orange Unified Design System is being developed. Explore OUDS Web
View on GitHub
Close icon
Use a generic close icon for dismissing content like modals and alerts.
Be sure to include helpful text for screen readers, including some context — as we’ve
done using .sr-only utility, or, as a last
resort, as Bootstrap does with
aria-label.
<button type="button" class="close">
<span class="sr-only">Close this component</span>
</button>