DBC22-2729: Accessibility for BCeID info tooltip

bcgov · Sep 17, 2024 · 76daeb0 · 76daeb0
1 parent 61585c2
commit 76daeb0
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/frontend/src/Modal.js b/src/frontend/src/Modal.js
@@ -138,7 +138,7 @@ export default function Modal() {
                 <span>What is a BCeID?</span>
 
                 <OverlayTrigger placement="top" overlay={tooltipBCeID}>
-                  <span className="tooltip-info">?</span>
+                <button className="tooltip-info" aria-label="BCeID tooltip" aria-describedby="tooltipBCeID">?</button>
                 </OverlayTrigger>
               </div>
             </form>

diff --git a/src/frontend/src/Modal.scss b/src/frontend/src/Modal.scss
@@ -76,6 +76,7 @@
         background-color: $Type-Secondary;
         padding: 0 6px;
         border-radius: 18px;
+        border: none;
         font-size: 0.75rem;
 
         &:hover {