From f7b64035f52214d4558c85d13ece02abed6d9d8e Mon Sep 17 00:00:00 2001
From: barsnes <tobias.barsnes@digdir.no>
Date: Mon, 24 Jun 2024 13:04:30 +0200
Subject: [PATCH] finish theme a11y

---
 apps/theme/components/Color/Color.tsx                    | 2 ++
 apps/theme/components/Header/Header.tsx                  | 1 +
 apps/theme/components/Previews/Components/Components.tsx | 3 ++-
 apps/theme/components/TokenModal/TokenModal.tsx          | 1 +
 4 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/apps/theme/components/Color/Color.tsx b/apps/theme/components/Color/Color.tsx
index 347278fd96..72cabec573 100644
--- a/apps/theme/components/Color/Color.tsx
+++ b/apps/theme/components/Color/Color.tsx
@@ -42,6 +42,8 @@ const Color = ({
         }}
         style={{ backgroundColor: color.hex }}
         className={cl(classes.box, featured && classes.featured, 'ds-focus')}
+        aria-label={`${type} farge ${color.number}, ${color.name}`}
+        type='button'
       ></button>
 
       {showColorMeta && (
diff --git a/apps/theme/components/Header/Header.tsx b/apps/theme/components/Header/Header.tsx
index 6bcf73dc4f..518fab62b4 100644
--- a/apps/theme/components/Header/Header.tsx
+++ b/apps/theme/components/Header/Header.tsx
@@ -15,6 +15,7 @@ export const Header = () => {
           <Link
             href='/'
             className='ds-focus'
+            aria-label='Gå til forsiden'
           >
             <img
               src='img/logo.svg'
diff --git a/apps/theme/components/Previews/Components/Components.tsx b/apps/theme/components/Previews/Components/Components.tsx
index cb76b05e75..2f190cd6d3 100644
--- a/apps/theme/components/Previews/Components/Components.tsx
+++ b/apps/theme/components/Previews/Components/Components.tsx
@@ -116,8 +116,9 @@ export const Components = () => {
         <div className={classes.tableHeader}>
           <div className={classes.tableAction}>
             <NativeSelect
-              label=''
+              label='Velg handling'
               size='sm'
+              hideLabel
             >
               <option value='blank'>Velg handling</option>
               <option value='everest'>Dupliser</option>
diff --git a/apps/theme/components/TokenModal/TokenModal.tsx b/apps/theme/components/TokenModal/TokenModal.tsx
index dbba4788b6..a093a256d2 100644
--- a/apps/theme/components/TokenModal/TokenModal.tsx
+++ b/apps/theme/components/TokenModal/TokenModal.tsx
@@ -202,6 +202,7 @@ export const TokenModal = ({
               size='sm'
               onClick={() => onButtonClick()}
               onMouseEnter={() => setToolTipText('Kopier nettadresse')}
+              autoFocus
             >
               Del
               <ArrowForwardIcon