Merge branch 'master' into joho-2.2KBrule-1726

.github/workflows/test.yml

@@ -40,6 +40,12 @@ jobs:
       working-directory: accessibility-checker-engine
     - run: npx mocha ./test/mocha/help/help.test.js
       working-directory: accessibility-checker-engine
+    - name: Upload rule listing
+      uses: actions/upload-artifact@v1
+      with:
+        name: Rule listing
+        path: accessibility-checker-engine/dist/help/rules.html
+
 
   act-results:
     runs-on: ubuntu-22.04
@@ -445,7 +451,7 @@ jobs:
         working-directory: cypress-accessibility-checker/test
 
 ###############################################################################
-# Extension Build verification
+# Extension Build verification and test
 ####
   extension-test:
     runs-on: ubuntu-22.04
@@ -492,6 +498,9 @@ jobs:
       with:
         name: accessibility-checker-extension for Firefox
         path: accessibility-checker-extension/package/accessibility-checker-extension.zip
+    - name: Jest tests
+      run: npm test
+      working-directory: accessibility-checker-extension
 
   rule-deploy:
     runs-on: ubuntu-22.04

accessibility-checker-engine/help-v4/common/help.css

@@ -29,7 +29,7 @@ bx-list-item>code, p>code, td>code {
     position: relative;
 }
 
-.toolhelp a {
+.toolHelp a {
     color: var(--cds-link-primary)
 }
 
@@ -38,23 +38,23 @@ bx-list-item>code, p>code, td>code {
 }
 
 .toolHelp .toolHead h3 {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
 }
 
 .toolHelp .toolHead .issueLevel {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
     line-height: 16px;
 }
 
 .toolHelp .toolHead #ruleMessage {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
@@ -64,7 +64,7 @@ bx-list-item>code, p>code, td>code {
 }
 
 .toolHelp .toolHead #groupLabel {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 400;
     font-size: 12px;
@@ -73,7 +73,7 @@ bx-list-item>code, p>code, td>code {
 
 /* productive-heading-03 */
 .toolHelp .toolMain h3 {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
@@ -88,7 +88,7 @@ bx-list-item>code, p>code, td>code {
 
 /* productive-heading-03 */
 .toolHelp .toolSide h3 {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     font-style: normal;
     font-weight: 600;
     font-size: 16px;
@@ -101,7 +101,7 @@ bx-list-item>code, p>code, td>code {
     }
 }
 body {
-    font-family: 'IBM Plex Sans', sans-serif;
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
     color: var(--cds-text-primary);
     background-color: var(--cds-ui-background);
 }
@@ -114,7 +114,7 @@ body {
 }
 
 .toolHelp p {
-    font-family: 'IBM Plex Sans';
+    font-family: 'IBM Plex Sans','Helvetica Neue',Arial,sans-serif;
 font-style: normal;
 font-weight: 400;
 font-size: 14px;
@@ -156,7 +156,7 @@ letter-spacing: 0.16px;
 
 .toolHelp .toolSide {
     padding: 16px 16px 16px 32px;
-    background-color: var(--cds-ui-background);;
+    background-color: var(--cds-ui-background);
     color: var(--cds-text-primary);
     border-top: solid var(--cds-text-primary) 1px;
 }
@@ -193,3 +193,76 @@ bx-code-snippet[type="multi"]::after {
 #ruleInfo p {
     font-size: 14px;
 }
+
+mark-down table tbody tr:hover {
+    background: var(--cds-layer-hover);
+}
+mark-down table tbody tr:hover td, mark-down table tbody tr:hover th {
+    background: var(--cds-layer-hover);
+    -webkit-border-after: 1px solid var(--cds-layer-hover);
+    border-block-end: 1px solid var(--cds-layer-hover);
+    -webkit-border-before: 1px solid var(--cds-layer-hover);
+    border-block-start: 1px solid var(--cds-layer-hover);
+    color: var(--cds-text-primary,#161616);
+}
+
+mark-down table {
+    margin-top: 1rem;
+    width: 100%;
+}
+
+@media (min-width: 66rem) {
+    mark-down table {
+        max-width: 66.66%;
+    }
+}
+
+mark-down table thead {
+    font-size: var(--cds-heading-compact-01-font-size,0.875rem);
+    font-weight: var(--cds-heading-compact-01-font-weight,600);
+    line-height: var(--cds-heading-compact-01-line-height,1.28572);
+    letter-spacing: var(--cds-heading-compact-01-letter-spacing,0.16px);
+    background-color: var(--cds-layer-accent);
+}
+
+mark-down table tr {
+    border: none;
+    block-size: 3rem;
+    inline-size: 100%;
+}
+
+mark-down table th {
+    background-color: var(--cds-layer-accent);
+    color: var(--cds-text-primary,#161616);
+    -webkit-padding-end: 1rem;
+    padding-inline-end: 1rem;
+    -webkit-padding-start: 1rem;
+    padding-inline-start: 1rem;
+}
+
+mark-down table td, mark-down table th {
+    text-align: start;
+    vertical-align: middle;
+}
+
+mark-down table tbody {
+    font-size: var(--cds-body-compact-01-font-size,0.875rem);
+    font-weight: var(--cds-body-compact-01-font-weight,400);
+    line-height: var(--cds-body-compact-01-line-height,1.28572);
+    letter-spacing: var(--cds-body-compact-01-letter-spacing,0.16px);
+    background-color: var(--cds-layer);
+    inline-size: 100%;
+}
+
+mark-down table td, mark-down table tbody th {
+    background: var(--cds-layer);
+    -webkit-border-after: 1px solid var(--cds-border-subtle);
+    border-block-end: 1px solid var(--cds-border-subtle);
+    -webkit-border-before: 1px solid var(--cds-layer);
+    border-block-start: 1px solid var(--cds-layer);
+    color: var(--cds-text-secondary,#525252);
+    -webkit-padding-end: 1rem;
+    padding-inline-end: 1rem;
+    -webkit-padding-start: 1rem;
+    padding-inline-start: 1rem;
+}

accessibility-checker-engine/help-v4/en-US/IBMA_Color_Contrast_WCAG2AA_PV.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/Rpt_Aria_ArticleRoleLabel_Implicit.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/Rpt_Aria_GroupRoleLabel_Implicit.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/a_target_warning.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/a_text_purpose.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/applet_alt_exists.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/application_content_accessible.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/area_alt_exists.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_accessiblename_exists.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_activedescendant_tabindex_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_activedescendant_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_application_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_application_labelled.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_article_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_allowed.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_conflict.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_deprecated.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_exists.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_redundant.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_required.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_attribute_value_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_banner_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_banner_single.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_child_tabbable.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_child_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_complementary_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_complementary_label_visible.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_complementary_labelled.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_content_in_landmark.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_contentinfo_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_contentinfo_misuse.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_contentinfo_single.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_descendant_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_document_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_eventhandler_role_valid.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_form_label_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_graphic_labelled.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_hidden_nontabbable.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--

accessibility-checker-engine/help-v4/en-US/aria_id_unique.html

@@ -1,3 +1,4 @@
+<!DOCTYPE html>
 <html lang="en-US">
 <head>
     <!--