Bug 1577759 - add strings and urls for a keyboard check type for non-focusable and non-semantic clickable elements. r=gl,fluent-reviewers,flod

Depends on D44232

Differential Revision: https://phabricator.services.mozilla.com/D44233

--HG--
extra : moz-landing-system : lando

devtools/client/accessibility/components/KeyboardCheck.js

@@ -25,6 +25,7 @@ const {
         FOCUSABLE_POSITIVE_TABINDEX,
         INTERACTIVE_NO_ACTION,
         INTERACTIVE_NOT_FOCUSABLE,
+        MOUSE_INTERACTIVE_ONLY,
         NO_FOCUS_VISIBLE,
       },
     },
@@ -56,6 +57,10 @@ const ISSUE_TO_ANNOTATION_MAP = {
     href: A11Y_KEYBOARD_LINKS.INTERACTIVE_NOT_FOCUSABLE,
     l10nId: "accessibility-keyboard-issue-focusable",
   },
+  [MOUSE_INTERACTIVE_ONLY]: {
+    href: A11Y_KEYBOARD_LINKS.MOUSE_INTERACTIVE_ONLY,
+    l10nId: "accessibility-keyboard-issue-mouse-only",
+  },
   [NO_FOCUS_VISIBLE]: {
     href: A11Y_KEYBOARD_LINKS.NO_FOCUS_VISIBLE,
     l10nId: "accessibility-keyboard-issue-focus-visible",

devtools/client/accessibility/constants.js

@@ -12,6 +12,7 @@ const {
         FOCUSABLE_POSITIVE_TABINDEX,
         INTERACTIVE_NO_ACTION,
         INTERACTIVE_NOT_FOCUSABLE,
+        MOUSE_INTERACTIVE_ONLY,
         NO_FOCUS_VISIBLE,
       },
       [AUDIT_TYPE.TEXT_LABEL]: {
@@ -174,6 +175,8 @@ const A11Y_KEYBOARD_LINK_IDS = {
   [INTERACTIVE_NO_ACTION]:
     "Interactive_elements_must_be_able_to_be_activated_using_a_keyboard",
   [INTERACTIVE_NOT_FOCUSABLE]: "Interactive_elements_must_be_focusable",
+  [MOUSE_INTERACTIVE_ONLY]:
+    "Clickable_elements_must_be_focusable_and_should_have_interactive_semantics",
   [NO_FOCUS_VISIBLE]: "Focusable_element_must_have_focus_styling",
 };
 

devtools/client/locales/en-US/accessibility.ftl

@@ -74,3 +74,5 @@ accessibility-keyboard-issue-action = Interactive elements must be able to be ac
 accessibility-keyboard-issue-focusable = Interactive elements must be focusable. <a>Learn more</a>
 
 accessibility-keyboard-issue-focus-visible = Focusable element may be missing focus styling. <a>Learn more</a>
+
+accessibility-keyboard-issue-mouse-only = Clickable elements must be focusable and should have interactive semantics. <a>Learn more</a>