Tag 2215 a11y fixes (#128)

* fiks manglende id på dropdown referert til via aria-controls * bump patch version
navikt · Nov 27, 2023 · ae5a3ce · ae5a3ce
1 parent 241a70b
commit ae5a3ce
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 5 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@navikt/bedriftsmeny",
-    "version": "6.12.0",
+    "version": "6.12.1",
     "description": "Bedriftsvelger og -meny for innlogget arbeidsgiver. Laget av TAG (Tjenester for Arbeidsgivere).",
     "author": "NAVIKT",
     "license": "MIT",

diff --git a/src/bedriftsmeny/velger/Dropdown.tsx b/src/bedriftsmeny/velger/Dropdown.tsx
@@ -1,17 +1,18 @@
 import React from "react";
 
-interface Props {
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
   children: React.ReactNode,
   ariaLabel: string,
   friKomponent: boolean,
   erApen: boolean,
 }
 
-const Dropdown = ({erApen, ariaLabel, friKomponent,  children}: Props) => {
+const Dropdown = ({erApen, ariaLabel, friKomponent,  children, ...divProperties}: Props) => {
   return erApen ? <div
     role='dialog'
     aria-label={ariaLabel}
     className={`Dropdown-panel ${!friKomponent ? "Dropdown-panel-Bedriftsmeny" : ""}`}
+    {...divProperties}
   >
     {children}
   </div> : null

diff --git a/src/bedriftsmeny/velger/Virksomhetsvelger.tsx b/src/bedriftsmeny/velger/Virksomhetsvelger.tsx
@@ -94,6 +94,7 @@ const Velger = ({friKomponent} : {friKomponent: boolean} ) => {
                 </div>
             </Button>
             <Dropdown
+                id="navbm-virksomhetsvelger-popup"
                 ariaLabel="Virksomhetsvelger"
                 friKomponent={friKomponent}
                 erApen={åpen}