fix: added aria-hidden attribute to icons block (#595)

* fix: added aria-hidden attribute to icons * fix: removed unused null * fix: used native aria-hidden attribute for icons
RedTurtle · Mar 27, 2024 · da2e1a4 · da2e1a4
1 parent 48320ad
commit da2e1a4
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/RELEASE.md b/RELEASE.md
@@ -34,6 +34,7 @@
 
 ### Migliorie
 
+- Migliorata l'accessibilità del blocco Icone.
 - Migliorata l'accessibilità per la customer satisfaction.
 
 ### Fix

diff --git a/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx b/src/components/ItaliaTheme/Blocks/IconBlocks/Block/ViewBlock.jsx
@@ -41,7 +41,7 @@ const ViewBlock = ({ data, isOpen, toggle, id, index }) => {
       <CardBody tag="div">
         {data.icon?.length > 0 && (
           <div className="iconblock-icon">
-            <Icon icon={data.icon} />
+            <Icon icon={data.icon} aria-hidden={true} />
           </div>
         )}
 

diff --git a/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx b/src/components/ItaliaTheme/Icons/FontAwesomeIcon.jsx
@@ -40,6 +40,7 @@ const FontAwesomeIcon = (props) => {
           ? `<title>${title}</title>${loadedIcon.content}`
           : loadedIcon.content,
       }}
+      aria-hidden={props['aria-hidden']}
     />
   ) : icon ? (
     <span className={`icon fa-icon placeholder ${className ?? ''}`}></span>