fix(a11y): Add aria-label to DocFindBar input field (#1350)

box · Apr 7, 2021 · e1ce28b · e1ce28b
1 parent fc9c662
commit e1ce28b
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/i18n/en-US.properties b/src/i18n/en-US.properties
@@ -54,6 +54,8 @@ find_next=Find next
 find_previous=Find previous
 # Button tooltip for closing the find bar
 find_close=Close
+# Search input Aria-label attribute
+find_label=Search input
 
 # Error messages
 # Default preview error message

diff --git a/src/lib/viewers/doc/DocFindBar.js b/src/lib/viewers/doc/DocFindBar.js
@@ -82,6 +82,7 @@ class DocFindBar extends EventEmitter {
         // Find input field
         this.findFieldEl = document.createElement('input');
         this.findFieldEl.classList.add('bp-doc-find-field');
+        this.findFieldEl.setAttribute('aria-label', __('find_label'));
         this.findBarEl.appendChild(this.findFieldEl);
 
         // Match Results Count