Add WCAG 2.2 rules to Keyboard Check Mode list of rules to be trigger

[philljenkins]

When running KCM, additional new WCAG 2.2 rules related to tab stops should also be fired, such as WCAG 2.2 new rules:

• element_tabbable_unobscured in PR newrule(element_tabbable_unobscured): WCAG 2.2: 2.4.11 Focus not obscured (Minimum)  #1705

Related rules

• similar to the existing rule: element_tabbable_visible, (not off-screen) which is already in KCM list
• WCAG 2.2 new rule: target_spacing_sufficient is not included because it is related only to touch and mouse target size. Not keyboard-related.
• WCAG 2.2 new rule: element_draggable_alternative is not included because it has to do with providing a single pointer (mouse click) alternative to dragging. Not keyboard-related.

List of rules for KCM

The KCM rules are in: .../accessibility-checker-extension/src/ts/util/UtilKCM.tsx

• add rule to KCM list

[philljenkins]

Also, fix the User Guide in chrome-extension://lkcagbfjnkomcinoddgooolagloogehp/usingAC.html#keyboard_checker_mode, which incorrectly refers to "the triangle icons"

Manual keyboard testing
Automated tools can’t find all keyboard access issues. Using the visualization, test for basic keyboard navigation:

1. Make sure every interactive element is a tab stop*
2. No tab stops on non-interactive or non-visible elements**
3. Tab order matches the visual flow of the page
4. Inspect elements with found issues (select the triangle icons)

Note that the following is already in the Quick Guide content AND in the preceding section in the User's Guide:

However, it might be better to instead link to the Verify - Manual section in the Toolkit so that it is maintained in only one place. Or, duplicate the content by replacing/harmonizing the "Manual keyboard testing" section in the User Guide with content from the following links in the Toolkit:

• Test without a keyboard
• Test with a keyboard

[philljenkins]

@drjoho The test cases that will trigger this new rule are in a ruleunit folder.
Open each .html file (test case) and run the Checker & KCM to determine if the new rule is added correctly.

https://github.com/IBMa/equal-access/tree/master/accessibility-checker-engine/test/v2/checker/accessibility/rules/element_tabbable_unobscured_ruleunit

[drjoho]

Done. Phil will review and then will be ready for test.

[philljenkins]

also removed reference to old triangle icons

[ErickRenteria]

We're showing a violation in the KCM but should be a needs review. Also the KCM format needs improvement.
tested with accessibility-checker-engine/test/v2/checker/accessibility/rules/element_tabbable_unobscured_ruleunit/element_overlaid_hidden_zindex.html

Please review attachment.

Not ready for QA @drjoho please review

[ErickRenteria]

Validated