fix: feature icons a11y (#974)

* fix: feature icons a11y * fix: no icon wrap with no icon
gravity-ui · Aug 8, 2024 · 30b8cab · 30b8cab
1 parent d702a42
commit 30b8cab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.scss b/src/blocks/ExtendedFeatures/ExtendedFeatures.scss
@@ -69,7 +69,10 @@ $block: '.#{$ns}ExtendedFeaturesBlock';
         @include icon();
 
         display: block;
-        margin-bottom: $indentXXS;
+
+        &-wrap {
+            margin-bottom: $indentXXS;
+        }
     }
 
     @media (max-width: map-get($gridBreakpoints, 'sm')) {

diff --git a/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx b/src/blocks/ExtendedFeatures/ExtendedFeatures.tsx
@@ -57,7 +57,11 @@ export const ExtendedFeaturesBlock = ({
 
                             return (
                                 <Col className={b('item')} key={text || itemTitle} sizes={colSizes}>
-                                    {iconData && <Image {...iconData} className={b('icon')} />}
+                                    {iconData && (
+                                        <div className={b('icon-wrap')} aria-hidden>
+                                            <Image {...iconData} className={b('icon')} />
+                                        </div>
+                                    )}
                                     <div className={b('container')}>
                                         {itemTitle &&
                                             React.createElement(