From a79f60148b43c760f8b8ed599d466d5ecef3dc9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emil=20Schr=C3=B8der?= <emil.schroder@nav.no>
Date: Fri, 13 Dec 2024 15:38:49 +0100
Subject: [PATCH] =?UTF-8?q?Aria=20hidden=20p=C3=A5=20ikoner=20som=20kun=20?=
 =?UTF-8?q?er=20for=20"syns"=20skyld?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../oppgavebenk/components/HandlingerForOppgave.tsx      | 2 +-
 .../oppgavebenk/filtreringAvOppgaver/FilterRad.tsx       | 9 +++++++--
 .../oppgavebenk/filtreringAvOppgaver/GosysFilterRad.tsx  | 9 +++++++--
 .../oppgavebenk/oppgaveModal/BrevOppgaveModal.tsx        | 2 +-
 .../oppgavebenk/oppgaveModal/GeneriskOppgaveModal.tsx    | 2 +-
 .../oppgavebenk/oppgaveModal/InntektsopplysningModal.tsx | 2 +-
 .../oppgaveModal/TilleggsinformasjonOppgaveModal.tsx     | 2 +-
 .../oppgavebenk/tildeling/VelgSaksbehandler.tsx          | 4 ++--
 .../client/src/shared/components/Sidebar.tsx             | 6 +++++-
 .../client/src/shared/header/ReleaseAlerts.tsx           | 4 ++--
 10 files changed, 28 insertions(+), 14 deletions(-)

diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/components/HandlingerForOppgave.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/components/HandlingerForOppgave.tsx
index cbe8aa82bac..bcdea84d5c1 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/components/HandlingerForOppgave.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/components/HandlingerForOppgave.tsx
@@ -79,7 +79,7 @@ export const HandlingerForOppgave = ({
       return (
         <PersonButtonLink
           size="small"
-          icon={<EyeIcon />}
+          icon={<EyeIcon aria-hidden />}
           fnr={fnr || '-'}
           fane={PersonOversiktFane.HENDELSER}
           queryParams={{ referanse: referanse || '-' }}
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/FilterRad.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/FilterRad.tsx
index d0071905134..c9d13d97496 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/FilterRad.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/FilterRad.tsx
@@ -132,7 +132,12 @@ export const FilterRad = ({
       </HStack>
 
       <HStack gap="4">
-        <Button onClick={() => hentAlleOppgaver()} size="small" icon={<ArrowCirclepathIcon />} iconPosition="right">
+        <Button
+          onClick={() => hentAlleOppgaver()}
+          size="small"
+          icon={<ArrowCirclepathIcon aria-hidden />}
+          iconPosition="right"
+        >
           Hent oppgaver
         </Button>
         <Button
@@ -144,7 +149,7 @@ export const FilterRad = ({
             setFilter(filter)
           }}
           size="small"
-          icon={<ArrowUndoIcon />}
+          icon={<ArrowUndoIcon aria-hidden />}
           iconPosition="right"
         >
           Tilbakestill filtre
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/GosysFilterRad.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/GosysFilterRad.tsx
index bb3fe3597d9..53557541f43 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/GosysFilterRad.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/filtreringAvOppgaver/GosysFilterRad.tsx
@@ -64,7 +64,12 @@ export const GosysFilterRad = ({ hentAlleOppgaver, filter, setFilter, filterFoed
       </HStack>
 
       <HStack gap="4">
-        <Button onClick={() => hentAlleOppgaver()} size="small" icon={<ArrowCirclepathIcon />} iconPosition="right">
+        <Button
+          onClick={() => hentAlleOppgaver()}
+          size="small"
+          icon={<ArrowCirclepathIcon aria-hidden />}
+          iconPosition="right"
+        >
           Hent oppgaver
         </Button>
         <Button
@@ -73,7 +78,7 @@ export const GosysFilterRad = ({ hentAlleOppgaver, filter, setFilter, filterFoed
             setFilter({ enhetFilter: 'visAlle' })
           }}
           size="small"
-          icon={<ArrowUndoIcon />}
+          icon={<ArrowUndoIcon aria-hidden />}
           iconPosition="right"
         >
           Tilbakestill filtre
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/BrevOppgaveModal.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/BrevOppgaveModal.tsx
index b000fa0d1ac..c7979330a58 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/BrevOppgaveModal.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/BrevOppgaveModal.tsx
@@ -52,7 +52,7 @@ export const BrevOppgaveModal = ({
 
   return (
     <>
-      <Button variant="primary" size="small" icon={<EyeIcon />} onClick={() => setIsOpen(true)}>
+      <Button variant="primary" size="small" icon={<EyeIcon aria-hidden />} onClick={() => setIsOpen(true)}>
         Se oppgave
       </Button>
 
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/GeneriskOppgaveModal.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/GeneriskOppgaveModal.tsx
index a1dcca56beb..fb396a503da 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/GeneriskOppgaveModal.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/GeneriskOppgaveModal.tsx
@@ -42,7 +42,7 @@ export const GeneriskOppgaveModal = ({
 
   return (
     <>
-      <Button variant="primary" size="small" icon={<EyeIcon />} onClick={() => setOpen(true)}>
+      <Button variant="primary" size="small" icon={<EyeIcon aria-hidden />} onClick={() => setOpen(true)}>
         Se oppgave
       </Button>
 
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/InntektsopplysningModal.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/InntektsopplysningModal.tsx
index 53b444ca61d..f3051ff6694 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/InntektsopplysningModal.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/InntektsopplysningModal.tsx
@@ -44,7 +44,7 @@ export const InntektsopplysningModal = ({ oppgave, oppdaterStatus }: Props) => {
 
   return (
     <>
-      <Button variant="primary" size="small" icon={<EyeIcon />} onClick={() => setOpen(true)}>
+      <Button variant="primary" size="small" icon={<EyeIcon aria-hidden />} onClick={() => setOpen(true)}>
         Se oppgave
       </Button>
 
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/TilleggsinformasjonOppgaveModal.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/TilleggsinformasjonOppgaveModal.tsx
index 2a0cb4e9a17..d3f1cbcea23 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/TilleggsinformasjonOppgaveModal.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/oppgaveModal/TilleggsinformasjonOppgaveModal.tsx
@@ -65,7 +65,7 @@ export const TilleggsinformasjonOppgaveModal = ({
 
   return (
     <>
-      <Button onClick={() => setIsOpen(true)} size="small" icon={<EyeIcon />}>
+      <Button onClick={() => setIsOpen(true)} size="small" icon={<EyeIcon aria-hidden />}>
         Se oppgave
       </Button>
 
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/tildeling/VelgSaksbehandler.tsx b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/tildeling/VelgSaksbehandler.tsx
index 0ab4a0ab5dc..fbbfc0a54cf 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/tildeling/VelgSaksbehandler.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/components/oppgavebenk/tildeling/VelgSaksbehandler.tsx
@@ -265,7 +265,7 @@ export const VelgSaksbehandler = ({ saksbehandlereIEnhet, oppdaterTildeling, opp
         <Dropdown open={openDropdown}>
           <Button
             as={Dropdown.Toggle}
-            icon={valgtSaksbehandler?.ident ? <PersonPencilIcon /> : <PersonPlusIcon />}
+            icon={valgtSaksbehandler?.ident ? <PersonPencilIcon aria-hidden /> : <PersonPlusIcon aria-hidden />}
             iconPosition="left"
             size="small"
             variant="tertiary"
@@ -328,7 +328,7 @@ export const VelgSaksbehandler = ({ saksbehandlereIEnhet, oppdaterTildeling, opp
         </Dropdown>
       ) : (
         <SaksbehandlerNavnHStack gap="2" align="center">
-          <PersonIcon width="1.5rem" height="1.5rem" />
+          <PersonIcon width="1.5rem" height="1.5rem" aria-hidden />
           <Label size="small" textColor="subtle">
             {saksbehandler ? saksbehandler.navn : 'Navn mangler'}
           </Label>
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/shared/components/Sidebar.tsx b/apps/etterlatte-saksbehandling-ui/client/src/shared/components/Sidebar.tsx
index cf698861bd6..c4b81cce882 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/shared/components/Sidebar.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/shared/components/Sidebar.tsx
@@ -9,7 +9,11 @@ export const Sidebar = ({ children }: { children: ReactNode }) => {
   return (
     <CollapsibleSidebar $collapsed={collapsed}>
       <SidebarTools>
-        <Button variant={collapsed ? 'primary' : 'tertiary'} onClick={() => setCollapsed(!collapsed)}>
+        <Button
+          variant={collapsed ? 'primary' : 'tertiary'}
+          onClick={() => setCollapsed(!collapsed)}
+          aria-label={collapsed ? 'Åpne sidemeny' : 'Lukk sidemeny'}
+        >
           {collapsed ? <ChevronLeftDoubleIcon /> : <ChevronRightDoubleIcon />}
         </Button>
       </SidebarTools>
diff --git a/apps/etterlatte-saksbehandling-ui/client/src/shared/header/ReleaseAlerts.tsx b/apps/etterlatte-saksbehandling-ui/client/src/shared/header/ReleaseAlerts.tsx
index 7a6ef81e14e..bca44ba9464 100644
--- a/apps/etterlatte-saksbehandling-ui/client/src/shared/header/ReleaseAlerts.tsx
+++ b/apps/etterlatte-saksbehandling-ui/client/src/shared/header/ReleaseAlerts.tsx
@@ -47,9 +47,9 @@ export const ReleaseAlerts = () => {
 
   return (
     <Dropdown onOpenChange={(isOpen) => open(isOpen)}>
-      <InternalHeader.Button as={Dropdown.Toggle}>
+      <InternalHeader.Button as={Dropdown.Toggle} aria-label="Vis varslinger">
         <div style={{ position: 'relative' }}>
-          <BellFillIcon style={{ fontSize: '1.5rem' }} />
+          <BellFillIcon style={{ fontSize: '1.5rem' }} aria-hidden />
           {antallUlest > 0 && <UnreadCircle>{antallUlest}</UnreadCircle>}
         </div>
       </InternalHeader.Button>