Skip to content

Commit 97f3d67

Browse files
committed
More code review feedback
1 parent e15878f commit 97f3d67

File tree

2 files changed

+2
-2
lines changed

2 files changed

+2
-2
lines changed

site/content/docs/5.3/helpers/icon-link.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,7 +13,7 @@ The icon link helper component modifies our default link styles to enhance their
1313
Icon links assume [Bootstrap Icons](https://icons.getbootstrap.com) are being used, but you can use any icon or image you like.
1414

1515
{{< callout >}}
16-
Icons used here are likely to be purely decorative, which means they should be hidden from assistive technologies using `aria-hidden="true"`, as we've done in our examples. For icons that are more than decorative, provide an appropriate text alternative via `alt` or `aria-label` attribute.
16+
Icons used here are likely to be purely decorative, which means they should be hidden from assistive technologies using `aria-hidden="true"`, as we've done in our examples. For icons that are more than decorative, provide an appropriate text alternative via `alt` for `<img>` elements `role="img"` and `aria-label` for SVGs.
1717
{{< /callout >}}
1818

1919
## Example

site/content/docs/5.3/utilities/link.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ added: 5.3
99

1010
## Link opacity
1111

12-
Change the alpha opacity of the link `rgba()` color value with utilities. Please be aware that changes to a color's opacity can result in contrast ratios below the WCAG minimum.
12+
Change the alpha opacity of the link `rgba()` color value with utilities. Please be aware that changes to a color's opacity can lead to links with [*insufficient* contrast]({{< docsref "getting-started/accessibility#color-contrast" >}}).
1313

1414
{{< example >}}
1515
<p><a class="link-opacity-10" href="#">Link opacity 10</a></p>

0 commit comments

Comments
 (0)