♿ Add a missing label to a button

See https://dequeuniversity.com/rules/axe/4.8/button-name
ENT8R · Apr 22, 2024 · 517679c · 517679c
1 parent eaba8e1
commit 517679c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/app/js/toast.js b/app/js/toast.js
@@ -1,3 +1,4 @@
+import * as Localizer from './localizer.js';
 import { wait, waitForFocus } from './util.js';
 
 export default class Toast {
@@ -21,6 +22,7 @@ export default class Toast {
     // Add a close button
     this.close = document.createElement('button');
     this.close.classList.add('btn', 'btn-clear', 'float-right');
+    this.close.setAttribute('aria-label', Localizer.message('accessibility.closeNotification'));
     this.close.addEventListener('click', () => {
       this.container.removeChild(this.toast);
     });

diff --git a/app/locales/en.json b/app/locales/en.json
@@ -155,7 +155,8 @@
         "openFaq": "Open frequently asked questions",
         "openSettings": "Open settings",
         "shareQuery": "Share the current query",
-        "filter": "Apply a filter to the selection"
+        "filter": "Apply a filter to the selection",
+        "closeNotification": "Close notification"
     },
     "mapillary": {
         "empty": {