Add aria-hidden to button icons

src/components/dashboard/users/AccessScheduleList.tsx

@@ -9,7 +9,7 @@ const createButtonElement = ({index}) => ({
         class='btnDelete listItemButton'
         data-index='${index}'
     >
-        <span class='material-icons delete' />
+        <span class='material-icons delete' aria-hidden='true' />
     </button>`
 });
 

src/components/dashboard/users/BlockedTagList.tsx

@@ -7,7 +7,7 @@ const createButtonElement = ({tag}) => ({
         class='blockedTag btnDeleteTag listItemButton'
         data-tag='${tag}'
     >
-        <span class='material-icons delete' />
+        <span class='material-icons delete' aria-hidden='true' />
     </button>`
 });
 

src/components/dashboard/users/SectionTitleButtonElement.tsx

@@ -15,7 +15,7 @@ const createButtonElement = ({ className, title, icon }) => ({
         style="margin-left:1em;"
         title="${title}"
     >
-        <span class="material-icons ${icon}"></span>
+        <span class="material-icons ${icon}" aria-hidden="true"></span>
     </button>`
 });
 

src/components/dashboard/users/UserCardBox.tsx

@@ -20,7 +20,7 @@ const createButtonElement = () => ({
         type="button"
         class="btnUserMenu flex-shrink-zero"
         >
-        <span class="material-icons more_vert"></span>
+        <span class="material-icons more_vert" aria-hidden="true"></span>
     </button>`
 });
 
@@ -64,7 +64,7 @@ const UserCardBox: FunctionComponent<IProps> = ({ user = [] }: IProps) => {
     const renderImgUrl = imgUrl ?
         `<div class='${imageClass}' style='background-image:url(${imgUrl})'></div>` :
         `<div class='${imageClass} ${cardBuilder.getDefaultBackgroundClass(user.Name)} flex align-items-center justify-content-center'>
-            <span class='material-icons cardImageIcon person'></span>
+            <span class='material-icons cardImageIcon person' aria-hidden='true'></span>
         </div>`;
 
     return (