DBC22-2140: added aria-labelledby attribute on button to avoid text b…

…een cut off on Narrator DBC22-2140: added aria-labelledby attribute on button to avoid text been cut off on Narrator
bcgov · May 27, 2024 · fff0963 · fff0963
1 parent 9cfad3a
commit fff0963
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/frontend/src/Components/map/Map.js b/src/frontend/src/Components/map/Map.js
@@ -389,9 +389,11 @@ export default function DriveBCMap(props) {
             maximizePanel(panel);
           }
         }}>
+        <span id="button-close-side-panel-label" aria-hidden="false" hidden>close side panel</span>
         <button
           className="close-panel"
           aria-label={`${openPanel ? 'close side panel' : ''}`}
+          aria-labelledby="button-close-side-panel-label" 
           aria-hidden={`${openPanel ? false : true}`}
           tabIndex={`${openPanel ? 0 : -1}`}
           onClick={() => togglePanel(panel, resetClickedStates, clickedFeatureRef, updateClickedFeature)}>