Skip to content

Commit 30b8cab

Browse files
authored
fix: feature icons a11y (#974)
* fix: feature icons a11y * fix: no icon wrap with no icon
1 parent d702a42 commit 30b8cab

File tree

2 files changed

+9
-2
lines changed

2 files changed

+9
-2
lines changed

src/blocks/ExtendedFeatures/ExtendedFeatures.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -69,7 +69,10 @@ $block: '.#{$ns}ExtendedFeaturesBlock';
6969
@include icon();
7070

7171
display: block;
72-
margin-bottom: $indentXXS;
72+
73+
&-wrap {
74+
margin-bottom: $indentXXS;
75+
}
7376
}
7477

7578
@media (max-width: map-get($gridBreakpoints, 'sm')) {

src/blocks/ExtendedFeatures/ExtendedFeatures.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,11 @@ export const ExtendedFeaturesBlock = ({
5757

5858
return (
5959
<Col className={b('item')} key={text || itemTitle} sizes={colSizes}>
60-
{iconData && <Image {...iconData} className={b('icon')} />}
60+
{iconData && (
61+
<div className={b('icon-wrap')} aria-hidden>
62+
<Image {...iconData} className={b('icon')} />
63+
</div>
64+
)}
6165
<div className={b('container')}>
6266
{itemTitle &&
6367
React.createElement(

0 commit comments

Comments
 (0)