finish theme a11y

digdir · Jun 24, 2024 · f7b6403 · f7b6403
1 parent f314717
commit f7b6403
Show file tree

Hide file tree

Showing 4 changed files with 6 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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
@@ -202,6 +202,7 @@ export const TokenModal = ({
               size='sm'
               onClick={() => onButtonClick()}
               onMouseEnter={() => setToolTipText('Kopier nettadresse')}
+              autoFocus
             >
               Del
               <ArrowForwardIcon