diff --git a/src/components/Icon.js b/src/components/Icon.js index 62a34cf5..d5f4f68e 100644 --- a/src/components/Icon.js +++ b/src/components/Icon.js @@ -18,8 +18,9 @@ const Path = styled.path` /** * An Icon is a piece of visual element, but we must ensure its accessibility while using it. * It can have 2 purposes: - * - decorative only: for example, it illustrate a label next to it. We must ensure that it is ignored by screen readers, by setting `aria-hidden` attribute (ex: ) - * - non-decorative: it means that it delivers an information. For example, an icon as only child inn a button. The meaning can be obvious visually, but it must have a proper text alternative via `aria-label` for screen readers. (ex: ) + * + * - *decorative only*: for example, it illustrates a label next to it. We must ensure that it is ignored by screen readers, by setting `aria-hidden` attribute (ex: ``) + * - *non-decorative*: it means that it delivers information. For example, an icon as only child in a button. The meaning can be obvious visually, but it must have a proper text alternative via `aria-label` for screen readers. (ex: ``) */ export function Icon({ icon, block, ...props }) { return (