From 7a75d27481053051cfd9b9db533f67ef9bbeb32a Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andrewnelson@ibm.com>
Date: Thu, 31 Jan 2019 19:28:32 -0500
Subject: [PATCH 1/3] feat(progress-indicator): adds 'vertical' variant

---
 .../_progress-indicator.scss                  |   35 +
 .../progress-indicator.config.js              |   12 +
 .../progress-indicator/progress-indicator.hbs |    4 +-
 tests/axe/a11y-progress-indicator.json        |  590 +-
 tests/axe/allHtml/a11y-html.json              | 7036 ++++++++++++++++-
 5 files changed, 7377 insertions(+), 300 deletions(-)

diff --git a/src/components/progress-indicator/_progress-indicator.scss b/src/components/progress-indicator/_progress-indicator.scss
index 605e764de6be..5772349c1c8a 100644
--- a/src/components/progress-indicator/_progress-indicator.scss
+++ b/src/components/progress-indicator/_progress-indicator.scss
@@ -121,6 +121,41 @@
     height: rem(12px);
     width: rem(40px);
   }
+
+  .#{$prefix}--progress--vertical {
+    display: block;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step {
+    display: list-item;
+    min-height: 3rem;
+
+    svg {
+      display: inline-block;
+    }
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-label {
+    display: inline-block;
+    width: auto;
+    vertical-align: top;
+    margin-top: 0.26rem;
+    margin-left: 0.5rem;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-line {
+    top: 22px;
+    left: 0.69rem;
+    height: calc(100% - 22px);
+    width: 1px;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step:first-child .#{$prefix}--progress-line {
+    display: block;
+  }
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step:last-child .#{$prefix}--progress-line {
+    display: none;
+  }
 }
 
 @mixin progress-indicator--x {
diff --git a/src/components/progress-indicator/progress-indicator.config.js b/src/components/progress-indicator/progress-indicator.config.js
index 417a21507755..031109f91d72 100644
--- a/src/components/progress-indicator/progress-indicator.config.js
+++ b/src/components/progress-indicator/progress-indicator.config.js
@@ -54,5 +54,17 @@ module.exports = {
         componentsX,
       },
     },
+    {
+      name: 'vertical',
+      label: 'Vertical',
+      context: {
+        vertical: true,
+        steps,
+        componentsX,
+      },
+      meta: {
+        xVersionNotSupported: true,
+      },
+    },
   ],
 };
diff --git a/src/components/progress-indicator/progress-indicator.hbs b/src/components/progress-indicator/progress-indicator.hbs
index ef61aa0fddda..8f12ba5eafa7 100644
--- a/src/components/progress-indicator/progress-indicator.hbs
+++ b/src/components/progress-indicator/progress-indicator.hbs
@@ -1,11 +1,11 @@
-<!-- 
+<!--
   Copyright IBM Corp. 2016, 2018
 
   This source code is licensed under the Apache-2.0 license found in the
   LICENSE file in the root directory of this source tree.
 -->
 
-<ul data-progress data-progress-current class="{{@root.prefix}}--progress">
+<ul data-progress data-progress-current class="{{@root.prefix}}--progress {{#if vertical}}{{@root.prefix}}--progress--vertical{{/if}}">
   {{#each steps}}
     <li class="{{@root.prefix}}--progress-step {{@root.prefix}}--progress-step--{{state}} {{#if disabled}} {{@root.prefix}}--progress-step--disabled {{/if}}" {{#if invalid}} data-invalid {{/if}}>
       {{#is state "complete"}}
diff --git a/tests/axe/a11y-progress-indicator.json b/tests/axe/a11y-progress-indicator.json
index 266f29a921c7..0ae4e64bcbe5 100644
--- a/tests/axe/a11y-progress-indicator.json
+++ b/tests/axe/a11y-progress-indicator.json
@@ -1,90 +1,570 @@
 [
   {
-    "inapplicable": [],
-    "incomplete": [],
-    "timestamp": 1497302875471,
-    "url": "http://localhost:3000/components/progress-indicator/",
-    "violations": [
+    "inapplicable": [
+      {
+        "description": "Ensures every accesskey attribute value is unique",
+        "help": "accesskey attribute value must be unique",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/accesskeys?application=webdriverjs",
+        "id": "accesskeys",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "wcag2a",
+          "wcag211",
+          "cat.keyboard"
+        ]
+      },
+      {
+        "description": "Ensures <area> elements of image maps have alternate text",
+        "help": "Active <area> elements must have alternate text",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/area-alt?application=webdriverjs",
+        "id": "area-alt",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag111",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures ARIA attributes are allowed for an element's role",
+        "help": "Elements must only use allowed ARIA attributes",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-allowed-attr?application=webdriverjs",
+        "id": "aria-allowed-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures elements with ARIA roles have all required ARIA attributes",
+        "help": "Required ARIA attributes must be provided",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-attr?application=webdriverjs",
+        "id": "aria-required-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures elements with an ARIA role that require child roles contain them",
+        "help": "Certain ARIA roles must contain particular children",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-children?application=webdriverjs",
+        "id": "aria-required-children",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures elements with an ARIA role that require parent roles are contained by them",
+        "help": "Certain ARIA roles must be contained by particular parents",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-parent?application=webdriverjs",
+        "id": "aria-required-parent",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures all elements with a role attribute use a valid value",
+        "help": "ARIA roles used must conform to valid values",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-roles?application=webdriverjs",
+        "id": "aria-roles",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures all ARIA attributes have valid values",
+        "help": "ARIA attributes must conform to valid values",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr-value?application=webdriverjs",
+        "id": "aria-valid-attr-value",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures attributes that begin with aria- are valid ARIA attributes",
+        "help": "ARIA attributes must conform to valid names",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr?application=webdriverjs",
+        "id": "aria-valid-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411"
+        ]
+      },
+      {
+        "description": "Ensures <audio> elements have captions",
+        "help": "<audio> elements must have a captions track",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/audio-caption?application=webdriverjs",
+        "id": "audio-caption",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.time-and-media",
+          "wcag2a",
+          "wcag122",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures <blink> elements are not used",
+        "help": "<blink> elements are deprecated and must not be used",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/blink?application=webdriverjs",
+        "id": "blink",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.time-and-media",
+          "wcag2a",
+          "wcag222",
+          "section508",
+          "section508.22.j"
+        ]
+      },
+      {
+        "description": "Ensures buttons have discernible text",
+        "help": "Buttons must have discernible text",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/button-name?application=webdriverjs",
+        "id": "button-name",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.name-role-value",
+          "wcag2a",
+          "wcag412",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures related <input type=\"checkbox\"> elements have a group and that that group designation is consistent",
+        "help": "Checkbox inputs with the same name attribute value must be part of a group",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/checkboxgroup?application=webdriverjs",
+        "id": "checkboxgroup",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.forms",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures <dl> elements are structured correctly",
+        "help": "<dl> elements must only directly contain properly-ordered <dt> and <dd> groups, <script> or <template> elements",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/definition-list?application=webdriverjs",
+        "id": "definition-list",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.structure",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures <dt> and <dd> elements are contained by a <dl>",
+        "help": "<dt> and <dd> elements must be contained by a <dl>",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/dlitem?application=webdriverjs",
+        "id": "dlitem",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.structure",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures headings have discernible text",
+        "help": "Headings must not be empty",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/empty-heading?application=webdriverjs",
+        "id": "empty-heading",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.name-role-value",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures <iframe> and <frame> elements contain a unique title attribute",
+        "help": "Frames must have a unique title attribute",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/frame-title-unique?application=webdriverjs",
+        "id": "frame-title-unique",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures <iframe> and <frame> elements contain a non-empty title attribute",
+        "help": "Frames must have title attribute",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/frame-title?application=webdriverjs",
+        "id": "frame-title",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag241",
+          "section508",
+          "section508.22.i"
+        ]
+      },
+      {
+        "description": "Ensures <input type=\"image\"> elements have alternate text",
+        "help": "Image buttons must have alternate text",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/input-image-alt?application=webdriverjs",
+        "id": "input-image-alt",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag111",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures every form element has a label",
+        "help": "Form elements must have labels",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/label?application=webdriverjs",
+        "id": "label",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.forms",
+          "wcag2a",
+          "wcag332",
+          "wcag131",
+          "section508",
+          "section508.22.n"
+        ]
+      },
+      {
+        "description": "The main landmark should not be contained in another landmark",
+        "help": "Main landmark is not at top level",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-main-is-top-level?application=webdriverjs",
+        "id": "landmark-main-is-top-level",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures presentational <table> elements do not use <th>, <caption> elements or the summary attribute",
+        "help": "Layout tables must not use data table elements",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/layout-table?application=webdriverjs",
+        "id": "layout-table",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.semantics",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures links have discernible text",
+        "help": "Links must have discernible text",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/link-name?application=webdriverjs",
+        "id": "link-name",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.name-role-value",
+          "wcag2a",
+          "wcag111",
+          "wcag412",
+          "wcag244",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures <marquee> elements are not used",
+        "help": "<marquee> elements are deprecated and must not be used",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/marquee?application=webdriverjs",
+        "id": "marquee",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.parsing",
+          "wcag2a",
+          "wcag222"
+        ]
+      },
+      {
+        "description": "Ensures <meta http-equiv=\"refresh\"> is not used",
+        "help": "Timed refresh must not exist",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/meta-refresh?application=webdriverjs",
+        "id": "meta-refresh",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.time",
+          "wcag2a",
+          "wcag2aaa",
+          "wcag221",
+          "wcag224",
+          "wcag325"
+        ]
+      },
+      {
+        "description": "Ensures <object> elements have alternate text",
+        "help": "<object> elements must have alternate text",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/object-alt?application=webdriverjs",
+        "id": "object-alt",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag111",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures related <input type=\"radio\"> elements have a group and that the group designation is consistent",
+        "help": "Radio inputs with the same name attribute value must be part of a group",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/radiogroup?application=webdriverjs",
+        "id": "radiogroup",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.forms",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures the scope attribute is used correctly on tables",
+        "help": "scope attribute should be used correctly",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/scope-attr-valid?application=webdriverjs",
+        "id": "scope-attr-valid",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensures that server-side image maps are not used",
+        "help": "Server-side image maps must not be used",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/server-side-image-map?application=webdriverjs",
+        "id": "server-side-image-map",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag211",
+          "section508",
+          "section508.22.f"
+        ]
+      },
+      {
+        "description": "Ensure that tables do not have the same summary and caption",
+        "help": "The <caption> element should not contain the same text as the summary attribute",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/table-duplicate-name?application=webdriverjs",
+        "id": "table-duplicate-name",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensure that each cell in a table using the headers refers to another cell in that table",
+        "help": "All cells in a table element that use the headers attribute must only refer to other cells of that same table",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/td-headers-attr?application=webdriverjs",
+        "id": "td-headers-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "wcag2a",
+          "wcag131",
+          "section508",
+          "section508.22.g"
+        ]
+      },
+      {
+        "description": "Ensure that each table header in a data table refers to data cells",
+        "help": "All th elements and elements with role=columnheader/rowheader must have data cells they describe",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/th-has-data-cells?application=webdriverjs",
+        "id": "th-has-data-cells",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "wcag2a",
+          "wcag131",
+          "section508",
+          "section508.22.g"
+        ]
+      },
+      {
+        "description": "Ensures lang attributes have valid values",
+        "help": "lang attribute must have a valid value",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/valid-lang?application=webdriverjs",
+        "id": "valid-lang",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.language",
+          "wcag2aa",
+          "wcag312"
+        ]
+      },
+      {
+        "description": "Ensures <video> elements have captions",
+        "help": "<video> elements must have captions",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/video-caption?application=webdriverjs",
+        "id": "video-caption",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2a",
+          "wcag122",
+          "wcag123",
+          "section508",
+          "section508.22.a"
+        ]
+      },
+      {
+        "description": "Ensures <video> elements have audio descriptions",
+        "help": "<video> elements must have an audio description track",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/video-description?application=webdriverjs",
+        "id": "video-description",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.text-alternatives",
+          "wcag2aa",
+          "wcag125",
+          "section508",
+          "section508.22.b"
+        ]
+      }
+    ],
+    "incomplete": [
       {
         "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
         "help": "Elements must have sufficient color contrast",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.2/color-contrast?application=webdriverjs",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/color-contrast?application=webdriverjs",
         "id": "color-contrast",
-        "impact": "critical",
+        "impact": "serious",
         "nodes": [
           {
             "all": [],
             "any": [
               {
                 "data": {
-                  "bgColor": "#f5f7fa",
-                  "contrastRatio": 2.66,
-                  "fgColor": "#8c9ba5",
-                  "fontSize": "12.0pt",
-                  "fontWeight": "normal",
-                  "missingData": null
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#ffffff",
+                  "fontSize": "10.8pt",
+                  "fontWeight": "normal"
                 },
                 "id": "color-contrast",
-                "impact": "critical",
-                "message": "Element has insufficient color contrast of 2.66 (foreground color: #8c9ba5, background color: #f5f7fa, font size: 12.0pt, font weight: normal)",
-                "relatedNodes": [
-                  {
-                    "html": "<div class=\"demo--container\" data-card-list=\"\">",
-                    "target": [
-                      "html > .bx--body > .demo--container"
-                    ]
-                  }
-                ]
+                "impact": "serious",
+                "message": "Unable to determine contrast ratio",
+                "relatedNodes": []
               }
             ],
-            "html": "<p class=\"bx--progress-label\">Label 3</p>",
-            "impact": "critical",
+            "html": "<div id=\"__bs_notify__\" style=\"display: block; padding: 15px; font-family: sans-serif; position: fixed; font-size: 0.9em; z-index: 9999; right: 0px; top: 0px; border-bottom-left-radius: 5px; background-color: rgb(27, 32, 50); margin: 0px; color: white; text-align: center; pointer-events: none;\">",
+            "impact": "serious",
             "none": [],
             "target": [
-              "html > .bx--body > .demo--container > .bx--progress > li:nth-of-type(3) > .bx--progress-label"
+              "#__bs_notify__"
             ]
-          },
+          }
+        ],
+        "tags": [
+          "cat.color",
+          "wcag2aa",
+          "wcag143"
+        ]
+      }
+    ],
+    "timestamp": 1548980051164,
+    "url": "http://localhost:3000/component/progress-indicator/",
+    "violations": [
+      {
+        "description": "Ensures a navigation point to the primary content of the page. If the page contains iframes, each iframe should contain either no main landmarks or just one.",
+        "help": "Page must contain one main landmark.",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-one-main?application=webdriverjs",
+        "id": "landmark-one-main",
+        "impact": "moderate",
+        "nodes": [
           {
-            "all": [],
-            "any": [
+            "all": [
               {
-                "data": {
-                  "bgColor": "#f5f7fa",
-                  "contrastRatio": 2.66,
-                  "fgColor": "#8c9ba5",
-                  "fontSize": "12.0pt",
-                  "fontWeight": "normal",
-                  "missingData": null
-                },
-                "id": "color-contrast",
-                "impact": "critical",
-                "message": "Element has insufficient color contrast of 2.66 (foreground color: #8c9ba5, background color: #f5f7fa, font size: 12.0pt, font weight: normal)",
-                "relatedNodes": [
-                  {
-                    "html": "<div class=\"demo--container\" data-card-list=\"\">",
-                    "target": [
-                      "html > .bx--body > .demo--container"
-                    ]
-                  }
-                ]
+                "data": false,
+                "id": "has-at-least-one-main",
+                "impact": "moderate",
+                "message": "Document has no main landmarks",
+                "relatedNodes": []
               }
             ],
-            "html": "<p class=\"bx--progress-label\">Label 4</p>",
-            "impact": "critical",
+            "any": [],
+            "html": "<html lang=\"en\">",
+            "impact": "moderate",
             "none": [],
             "target": [
-              "html > .bx--body > .demo--container > .bx--progress > li:nth-of-type(4) > .bx--progress-label"
+              "html"
             ]
           }
         ],
         "tags": [
-          "cat.color",
-          "wcag2aa",
-          "wcag143"
+          "best-practice"
         ]
       }
     ],
-    "time": 354,
+    "time": 242,
     "status": 200
   }
 ]
\ No newline at end of file
diff --git a/tests/axe/allHtml/a11y-html.json b/tests/axe/allHtml/a11y-html.json
index a5f54ad516c6..9db91e6e276e 100644
--- a/tests/axe/allHtml/a11y-html.json
+++ b/tests/axe/allHtml/a11y-html.json
@@ -29,103 +29,6 @@
           "section508.22.a"
         ]
       },
-      {
-        "description": "Ensures ARIA attributes are allowed for an element's role",
-        "help": "Elements must only use allowed ARIA attributes",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-allowed-attr?application=webdriverjs",
-        "id": "aria-allowed-attr",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag411",
-          "wcag412"
-        ]
-      },
-      {
-        "description": "Ensures elements with ARIA roles have all required ARIA attributes",
-        "help": "Required ARIA attributes must be provided",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-attr?application=webdriverjs",
-        "id": "aria-required-attr",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag411",
-          "wcag412"
-        ]
-      },
-      {
-        "description": "Ensures elements with an ARIA role that require child roles contain them",
-        "help": "Certain ARIA roles must contain particular children",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-children?application=webdriverjs",
-        "id": "aria-required-children",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag131"
-        ]
-      },
-      {
-        "description": "Ensures elements with an ARIA role that require parent roles are contained by them",
-        "help": "Certain ARIA roles must be contained by particular parents",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-parent?application=webdriverjs",
-        "id": "aria-required-parent",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag131"
-        ]
-      },
-      {
-        "description": "Ensures all elements with a role attribute use a valid value",
-        "help": "ARIA roles used must conform to valid values",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-roles?application=webdriverjs",
-        "id": "aria-roles",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag131",
-          "wcag411",
-          "wcag412"
-        ]
-      },
-      {
-        "description": "Ensures all ARIA attributes have valid values",
-        "help": "ARIA attributes must conform to valid values",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr-value?application=webdriverjs",
-        "id": "aria-valid-attr-value",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag131",
-          "wcag411",
-          "wcag412"
-        ]
-      },
-      {
-        "description": "Ensures attributes that begin with aria- are valid ARIA attributes",
-        "help": "ARIA attributes must conform to valid names",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr?application=webdriverjs",
-        "id": "aria-valid-attr",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.aria",
-          "wcag2a",
-          "wcag411"
-        ]
-      },
       {
         "description": "Ensures <audio> elements have captions",
         "help": "<audio> elements must have a captions track",
@@ -236,33 +139,6 @@
           "section508.22.a"
         ]
       },
-      {
-        "description": "Ensures every form element has a label",
-        "help": "Form elements must have labels",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/label?application=webdriverjs",
-        "id": "label",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.forms",
-          "wcag2a",
-          "wcag332",
-          "wcag131",
-          "section508",
-          "section508.22.n"
-        ]
-      },
-      {
-        "description": "The main landmark should not be contained in another landmark",
-        "help": "Main landmark is not at top level",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-main-is-top-level?application=webdriverjs",
-        "id": "landmark-main-is-top-level",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "best-practice"
-        ]
-      },
       {
         "description": "Ensures presentational <table> elements do not use <th>, <caption> elements or the summary attribute",
         "help": "Layout tables must not use data table elements",
@@ -359,60 +235,6 @@
           "section508.22.f"
         ]
       },
-      {
-        "description": "Ensures tabindex attribute values are not greater than 0",
-        "help": "Elements should not have tabindex greater than zero",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/tabindex?application=webdriverjs",
-        "id": "tabindex",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.keyboard",
-          "best-practice"
-        ]
-      },
-      {
-        "description": "Ensure that tables do not have the same summary and caption",
-        "help": "The <caption> element should not contain the same text as the summary attribute",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/table-duplicate-name?application=webdriverjs",
-        "id": "table-duplicate-name",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.tables",
-          "best-practice"
-        ]
-      },
-      {
-        "description": "Ensure that each cell in a table using the headers refers to another cell in that table",
-        "help": "All cells in a table element that use the headers attribute must only refer to other cells of that same table",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/td-headers-attr?application=webdriverjs",
-        "id": "td-headers-attr",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.tables",
-          "wcag2a",
-          "wcag131",
-          "section508",
-          "section508.22.g"
-        ]
-      },
-      {
-        "description": "Ensure that each table header in a data table refers to data cells",
-        "help": "All th elements and elements with role=columnheader/rowheader must have data cells they describe",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/th-has-data-cells?application=webdriverjs",
-        "id": "th-has-data-cells",
-        "impact": null,
-        "nodes": [],
-        "tags": [
-          "cat.tables",
-          "wcag2a",
-          "wcag131",
-          "section508",
-          "section508.22.g"
-        ]
-      },
       {
         "description": "Ensures lang attributes have valid values",
         "help": "lang attribute must have a valid value",
@@ -458,10 +280,7 @@
         ]
       }
     ],
-    "incomplete": [],
-    "timestamp": 1538076704912,
-    "url": "http://localhost:3000",
-    "violations": [
+    "incomplete": [
       {
         "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
         "help": "Elements must have sufficient color contrast",
@@ -474,104 +293,6835 @@
             "any": [
               {
                 "data": {
-                  "bgColor": "#4285f4",
-                  "contrastRatio": 3.56,
+                  "contrastRatio": 0,
                   "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#ffffff",
+                  "fgColor": "#000000",
                   "fontSize": "9.8pt",
                   "fontWeight": "normal"
                 },
                 "id": "color-contrast",
                 "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.56 (foreground color: #ffffff, background color: #4285f4, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "message": "Unable to determine contrast ratio",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<code class=\"  language-html\">",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal",
+                  "missingData": "elmPartiallyObscuring"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element's background color could not be determined because it partially overlaps other elements",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal",
+                  "missingData": "elmPartiallyObscuring"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element's background color could not be determined because it partially overlaps other elements",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal",
+                  "missingData": "elmPartiallyObscuring"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element's background color could not be determined because it partially overlaps other elements",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal",
+                  "missingData": "elmPartiallyObscuring"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element's background color could not be determined because it partially overlaps other elements",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 1,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#ffffff",
+                  "fontSize": "8.3pt",
+                  "fontWeight": "normal",
+                  "missingData": "equalRatio"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has a 1:1 contrast ratio with the background",
                 "relatedNodes": [
                   {
-                    "html": "<button id=\"reload-button\" class=\"blue-button text-button\" onclick=\"trackClick(this.trackingId);\n                     reloadButtonClick(this.url);\" jsselect=\"reloadButton\" jsvalues=\".url:reloadUrl; .trackingId:reloadTrackingId\" jscontent=\"msg\" jstcache=\"8\">Reload</button>",
+                    "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
                     "target": [
-                      "#reload-button"
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
                     ]
                   }
                 ]
               }
             ],
-            "html": "<button id=\"reload-button\" class=\"blue-button text-button\" onclick=\"trackClick(this.trackingId);\n                     reloadButtonClick(this.url);\" jsselect=\"reloadButton\" jsvalues=\".url:reloadUrl; .trackingId:reloadTrackingId\" jscontent=\"msg\" jstcache=\"8\">Reload</button>",
+            "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
             "impact": "serious",
             "none": [],
             "target": [
-              "#reload-button"
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
             ]
-          }
-        ],
-        "tags": [
-          "cat.color",
-          "wcag2aa",
-          "wcag143"
-        ]
-      },
-      {
-        "description": "Ensures a navigation point to the primary content of the page. If the page contains iframes, each iframe should contain either no main landmarks or just one.",
-        "help": "Page must contain one main landmark.",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-one-main?application=webdriverjs",
-        "id": "landmark-one-main",
-        "impact": "moderate",
-        "nodes": [
+          },
           {
-            "all": [
+            "all": [],
+            "any": [
               {
-                "data": false,
-                "id": "has-at-least-one-main",
-                "impact": "moderate",
-                "message": "Document has no main landmarks",
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#000000",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Unable to determine contrast ratio",
                 "relatedNodes": []
               }
             ],
-            "any": [],
-            "html": "<html dir=\"ltr\" lang=\"en\" i18n-processed=\"\">",
-            "impact": "moderate",
+            "html": "<code class=\"  language-html\">",
+            "impact": "serious",
             "none": [],
             "target": [
-              "html"
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
             ]
-          }
-        ],
-        "tags": [
-          "best-practice"
-        ]
-      },
-      {
-        "description": "Ensures <meta name=\"viewport\"> does not disable text scaling and zooming",
-        "help": "Zooming and scaling must not be disabled",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/meta-viewport?application=webdriverjs",
-        "id": "meta-viewport",
-        "impact": "critical",
-        "nodes": [
+          },
           {
             "all": [],
             "any": [
               {
-                "data": null,
-                "id": "meta-viewport",
-                "impact": "critical",
-                "message": "<meta> tag disables zooming on mobile devices",
-                "relatedNodes": []
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 1,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#ffffff",
+                  "fontSize": "8.3pt",
+                  "fontWeight": "normal",
+                  "missingData": "equalRatio"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has a 1:1 contrast ratio with the background",
+                "relatedNodes": [
+                  {
+                    "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
+                    ]
+                  }
+                ]
               }
             ],
-            "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\n                                 maximum-scale=1.0, user-scalable=no\">",
-            "impact": "critical",
+            "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
+            "impact": "serious",
             "none": [],
             "target": [
-              "head > meta[name=\"viewport\"]"
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
             ]
-          }
-        ],
-        "tags": [
-          "cat.sensory-and-visual-cues",
-          "wcag2aa",
-          "wcag144"
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "contrastRatio": 0,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#ffffff",
+                  "fontSize": "10.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Unable to determine contrast ratio",
+                "relatedNodes": []
+              }
+            ],
+            "html": "<div id=\"__bs_notify__\" style=\"display: block; padding: 15px; font-family: sans-serif; position: fixed; font-size: 0.9em; z-index: 9999; right: 0px; top: 0px; border-bottom-left-radius: 5px; background-color: rgb(27, 32, 50); margin: 0px; color: white; text-align: center; pointer-events: none;\">",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#__bs_notify__"
+            ]
+          }
+        ],
+        "tags": [
+          "cat.color",
+          "wcag2aa",
+          "wcag143"
+        ]
+      },
+      {
+        "description": "Ensure that each table header in a data table refers to data cells",
+        "help": "All th elements and elements with role=columnheader/rowheader must have data cells they describe",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/th-has-data-cells?application=webdriverjs",
+        "id": "th-has-data-cells",
+        "impact": "serious",
+        "nodes": [
+          {
+            "all": [
+              {
+                "data": null,
+                "id": "th-has-data-cells",
+                "impact": "serious",
+                "message": "Table data cells are missing or empty",
+                "relatedNodes": [
+                  {
+                    "html": "<th>Params</th>",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > .page_md > table:nth-child(7) > thead > tr > th:nth-child(2)"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "any": [],
+            "html": "<table>\n<thead>\n<tr>\n<th>Name</th>\n<th>Params</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>release</td>\n<td></td>\n<td>Deletes the instance</td>\n</tr>\n</tbody>\n</table>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              ".page_md > table:nth-child(7)"
+            ]
+          }
+        ],
+        "tags": [
+          "cat.tables",
+          "wcag2a",
+          "wcag131",
+          "section508",
+          "section508.22.g"
+        ]
+      }
+    ],
+    "timestamp": 1548980018843,
+    "url": "http://localhost:3000",
+    "violations": [
+      {
+        "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
+        "help": "Elements must have sufficient color contrast",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/color-contrast?application=webdriverjs",
+        "id": "color-contrast",
+        "impact": "serious",
+        "nodes": [
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.48,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#7d8b99",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.48 (foreground color: #7d8b99, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token comment\" spellcheck=\"true\">&lt;!-- \n  Copyright IBM Corp. 2016, 2018\n\n  This source code is licensed under the Apache-2.0 license found in the\n  LICENSE file in the root directory of this source tree.\n--&gt;</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span.comment"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-expanded</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-controls</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane1<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(8) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(8) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">id</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane1<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-expanded</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-controls</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane2<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(21) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(21) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">id</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane2<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-expanded</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-controls</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane3<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">id</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane3<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-expanded</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">aria-controls</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane4<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">id</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane4<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.48,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#7d8b99",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.48 (foreground color: #7d8b99, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token comment\" spellcheck=\"true\">&lt;!-- \n  Copyright IBM Corp. 2016, 2018\n\n  This source code is licensed under the Apache-2.0 license found in the\n  LICENSE file in the root directory of this source tree.\n--&gt;</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span.comment"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">tabindex</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(10)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(11)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(9) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(9) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(12) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(12) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">tabindex</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(10)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(11)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(20) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(20) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(23) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(23) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(26) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(26) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">tabindex</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(10)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(11)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(40) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(40) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">tabindex</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(46) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(46) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(2)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(3)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">width</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(4)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(5)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">height</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(6)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(7)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">viewBox</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(8)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(9)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">fill-rule</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(10)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(11)"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">d</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(48) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(48) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(51) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(51) > span.attr-value"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.57,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#2f9c0a",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-name\">class</span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(54) > span.attr-name"
+            ]
+          },
+          {
+            "all": [],
+            "any": [
+              {
+                "data": {
+                  "bgColor": "#ffffff",
+                  "contrastRatio": 3.66,
+                  "expectedContrastRatio": "4.5:1",
+                  "fgColor": "#1990b8",
+                  "fontSize": "9.8pt",
+                  "fontWeight": "normal"
+                },
+                "id": "color-contrast",
+                "impact": "serious",
+                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
+                "relatedNodes": [
+                  {
+                    "html": "<code class=\"  language-html\">",
+                    "target": [
+                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
+                    ]
+                  }
+                ]
+              }
+            ],
+            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
+            "impact": "serious",
+            "none": [],
+            "target": [
+              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(54) > span.attr-value"
+            ]
+          }
+        ],
+        "tags": [
+          "cat.color",
+          "wcag2aa",
+          "wcag143"
         ]
       }
     ],
-    "time": 8052,
-    "status": 404
+    "time": 1976,
+    "status": 200
   }
 ]
\ No newline at end of file

From 7acda2dce7c532f8f062c6a0984b08e3d63c5156 Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andrewnelson@ibm.com>
Date: Fri, 1 Feb 2019 11:15:31 -0500
Subject: [PATCH 2/3] feat(progress-indicator): adds 'vertical' experimental
 variant

---
 .../_progress-indicator.scss                  |   46 +
 .../progress-indicator.config.js              |    3 -
 .../progress-indicator/progress-indicator.hbs |    6 +-
 tests/axe/a11y-progress-indicator.json        |    4 +-
 tests/axe/allHtml/a11y-html.json              | 7024 +----------------
 5 files changed, 267 insertions(+), 6816 deletions(-)

diff --git a/src/components/progress-indicator/_progress-indicator.scss b/src/components/progress-indicator/_progress-indicator.scss
index 5772349c1c8a..64d1c3e7cc4a 100644
--- a/src/components/progress-indicator/_progress-indicator.scss
+++ b/src/components/progress-indicator/_progress-indicator.scss
@@ -122,6 +122,7 @@
     width: rem(40px);
   }
 
+  // Vertical variant
   .#{$prefix}--progress--vertical {
     display: block;
   }
@@ -347,6 +348,51 @@
     height: rem(12px);
     width: rem(40px);
   }
+
+  .#{$prefix}--progress--vertical {
+    display: block;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step {
+    display: list-item;
+    min-height: 3rem;
+    width: initial;
+    min-width: initial;
+
+    svg {
+      display: inline-block;
+      margin: 0.1rem 0.5rem;
+    }
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step--current svg {
+    margin-left: 0.563rem;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-label {
+    display: inline-block;
+    width: initial;
+    max-width: none;
+    vertical-align: top;
+    margin: 0;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-step .bx--tooltip {
+    margin-top: 0.5rem;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-optional {
+    margin-top: initial;
+    position: initial;
+    margin-left: 2.25rem;
+  }
+
+  .#{$prefix}--progress--vertical .#{$prefix}--progress-line {
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 1px;
+  }
 }
 
 @include exports('progress-indicator') {
diff --git a/src/components/progress-indicator/progress-indicator.config.js b/src/components/progress-indicator/progress-indicator.config.js
index 031109f91d72..1138b215dd19 100644
--- a/src/components/progress-indicator/progress-indicator.config.js
+++ b/src/components/progress-indicator/progress-indicator.config.js
@@ -62,9 +62,6 @@ module.exports = {
         steps,
         componentsX,
       },
-      meta: {
-        xVersionNotSupported: true,
-      },
     },
   ],
 };
diff --git a/src/components/progress-indicator/progress-indicator.hbs b/src/components/progress-indicator/progress-indicator.hbs
index 8f12ba5eafa7..8d3c7742f05f 100644
--- a/src/components/progress-indicator/progress-indicator.hbs
+++ b/src/components/progress-indicator/progress-indicator.hbs
@@ -39,7 +39,11 @@
       <p tabindex="0" class="{{@root.prefix}}--progress-label" {{#if ../componentsX}} aria-describedby="label-tooltip" {{/if}}>
         {{#if ../componentsX}}
           {{#if overflow}}
-            {{overflowLabel}}
+            {{#if ../vertical}}
+              {{label}}
+            {{else}}
+              {{overflowLabel}}
+            {{/if}}
           {{else}}
             {{label}}
           {{/if}}
diff --git a/tests/axe/a11y-progress-indicator.json b/tests/axe/a11y-progress-indicator.json
index 0ae4e64bcbe5..0f9d3ffa827c 100644
--- a/tests/axe/a11y-progress-indicator.json
+++ b/tests/axe/a11y-progress-indicator.json
@@ -530,7 +530,7 @@
         ]
       }
     ],
-    "timestamp": 1548980051164,
+    "timestamp": 1549037654536,
     "url": "http://localhost:3000/component/progress-indicator/",
     "violations": [
       {
@@ -564,7 +564,7 @@
         ]
       }
     ],
-    "time": 242,
+    "time": 250,
     "status": 200
   }
 ]
\ No newline at end of file
diff --git a/tests/axe/allHtml/a11y-html.json b/tests/axe/allHtml/a11y-html.json
index 9db91e6e276e..6acb0020a096 100644
--- a/tests/axe/allHtml/a11y-html.json
+++ b/tests/axe/allHtml/a11y-html.json
@@ -29,6 +29,103 @@
           "section508.22.a"
         ]
       },
+      {
+        "description": "Ensures ARIA attributes are allowed for an element's role",
+        "help": "Elements must only use allowed ARIA attributes",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-allowed-attr?application=webdriverjs",
+        "id": "aria-allowed-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures elements with ARIA roles have all required ARIA attributes",
+        "help": "Required ARIA attributes must be provided",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-attr?application=webdriverjs",
+        "id": "aria-required-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures elements with an ARIA role that require child roles contain them",
+        "help": "Certain ARIA roles must contain particular children",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-children?application=webdriverjs",
+        "id": "aria-required-children",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures elements with an ARIA role that require parent roles are contained by them",
+        "help": "Certain ARIA roles must be contained by particular parents",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-required-parent?application=webdriverjs",
+        "id": "aria-required-parent",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131"
+        ]
+      },
+      {
+        "description": "Ensures all elements with a role attribute use a valid value",
+        "help": "ARIA roles used must conform to valid values",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-roles?application=webdriverjs",
+        "id": "aria-roles",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures all ARIA attributes have valid values",
+        "help": "ARIA attributes must conform to valid values",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr-value?application=webdriverjs",
+        "id": "aria-valid-attr-value",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag131",
+          "wcag411",
+          "wcag412"
+        ]
+      },
+      {
+        "description": "Ensures attributes that begin with aria- are valid ARIA attributes",
+        "help": "ARIA attributes must conform to valid names",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/aria-valid-attr?application=webdriverjs",
+        "id": "aria-valid-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.aria",
+          "wcag2a",
+          "wcag411"
+        ]
+      },
       {
         "description": "Ensures <audio> elements have captions",
         "help": "<audio> elements must have a captions track",
@@ -139,6 +236,33 @@
           "section508.22.a"
         ]
       },
+      {
+        "description": "Ensures every form element has a label",
+        "help": "Form elements must have labels",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/label?application=webdriverjs",
+        "id": "label",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.forms",
+          "wcag2a",
+          "wcag332",
+          "wcag131",
+          "section508",
+          "section508.22.n"
+        ]
+      },
+      {
+        "description": "The main landmark should not be contained in another landmark",
+        "help": "Main landmark is not at top level",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-main-is-top-level?application=webdriverjs",
+        "id": "landmark-main-is-top-level",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "best-practice"
+        ]
+      },
       {
         "description": "Ensures presentational <table> elements do not use <th>, <caption> elements or the summary attribute",
         "help": "Layout tables must not use data table elements",
@@ -235,6 +359,60 @@
           "section508.22.f"
         ]
       },
+      {
+        "description": "Ensures tabindex attribute values are not greater than 0",
+        "help": "Elements should not have tabindex greater than zero",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/tabindex?application=webdriverjs",
+        "id": "tabindex",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.keyboard",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensure that tables do not have the same summary and caption",
+        "help": "The <caption> element should not contain the same text as the summary attribute",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/table-duplicate-name?application=webdriverjs",
+        "id": "table-duplicate-name",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "best-practice"
+        ]
+      },
+      {
+        "description": "Ensure that each cell in a table using the headers refers to another cell in that table",
+        "help": "All cells in a table element that use the headers attribute must only refer to other cells of that same table",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/td-headers-attr?application=webdriverjs",
+        "id": "td-headers-attr",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "wcag2a",
+          "wcag131",
+          "section508",
+          "section508.22.g"
+        ]
+      },
+      {
+        "description": "Ensure that each table header in a data table refers to data cells",
+        "help": "All th elements and elements with role=columnheader/rowheader must have data cells they describe",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/th-has-data-cells?application=webdriverjs",
+        "id": "th-has-data-cells",
+        "impact": null,
+        "nodes": [],
+        "tags": [
+          "cat.tables",
+          "wcag2a",
+          "wcag131",
+          "section508",
+          "section508.22.g"
+        ]
+      },
       {
         "description": "Ensures lang attributes have valid values",
         "help": "lang attribute must have a valid value",
@@ -280,6848 +458,74 @@
         ]
       }
     ],
-    "incomplete": [
-      {
-        "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
-        "help": "Elements must have sufficient color contrast",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/color-contrast?application=webdriverjs",
-        "id": "color-contrast",
-        "impact": "serious",
-        "nodes": [
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#000000",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Unable to determine contrast ratio",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<code class=\"  language-html\">",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal",
-                  "missingData": "elmPartiallyObscuring"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element's background color could not be determined because it partially overlaps other elements",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal",
-                  "missingData": "elmPartiallyObscuring"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element's background color could not be determined because it partially overlaps other elements",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal",
-                  "missingData": "elmPartiallyObscuring"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element's background color could not be determined because it partially overlaps other elements",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal",
-                  "missingData": "elmPartiallyObscuring"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element's background color could not be determined because it partially overlaps other elements",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M5.569 5.994L0 .726.687 0l6.336 5.994-6.335 6.002L0 11.27z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 1,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#ffffff",
-                  "fontSize": "8.3pt",
-                  "fontWeight": "normal",
-                  "missingData": "equalRatio"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has a 1:1 contrast ratio with the background",
-                "relatedNodes": [
-                  {
-                    "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#000000",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Unable to determine contrast ratio",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<code class=\"  language-html\">",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 1,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#ffffff",
-                  "fontSize": "8.3pt",
-                  "fontWeight": "normal",
-                  "missingData": "equalRatio"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has a 1:1 contrast ratio with the background",
-                "relatedNodes": [
-                  {
-                    "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<button type=\"button\" data-copy-btn=\"true\" class=\"bx--snippet-button code-example__copy-btn\">",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > button.bx--snippet-button.code-example__copy-btn"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "contrastRatio": 0,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#ffffff",
-                  "fontSize": "10.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Unable to determine contrast ratio",
-                "relatedNodes": []
-              }
-            ],
-            "html": "<div id=\"__bs_notify__\" style=\"display: block; padding: 15px; font-family: sans-serif; position: fixed; font-size: 0.9em; z-index: 9999; right: 0px; top: 0px; border-bottom-left-radius: 5px; background-color: rgb(27, 32, 50); margin: 0px; color: white; text-align: center; pointer-events: none;\">",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#__bs_notify__"
-            ]
-          }
-        ],
-        "tags": [
-          "cat.color",
-          "wcag2aa",
-          "wcag143"
-        ]
-      },
+    "incomplete": [],
+    "timestamp": 1549037585897,
+    "url": "http://localhost:3000",
+    "violations": [
       {
-        "description": "Ensure that each table header in a data table refers to data cells",
-        "help": "All th elements and elements with role=columnheader/rowheader must have data cells they describe",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/th-has-data-cells?application=webdriverjs",
-        "id": "th-has-data-cells",
-        "impact": "serious",
+        "description": "Ensures a navigation point to the primary content of the page. If the page contains iframes, each iframe should contain either no main landmarks or just one.",
+        "help": "Page must contain one main landmark.",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/landmark-one-main?application=webdriverjs",
+        "id": "landmark-one-main",
+        "impact": "moderate",
         "nodes": [
           {
             "all": [
               {
-                "data": null,
-                "id": "th-has-data-cells",
-                "impact": "serious",
-                "message": "Table data cells are missing or empty",
-                "relatedNodes": [
-                  {
-                    "html": "<th>Params</th>",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > .page_md > table:nth-child(7) > thead > tr > th:nth-child(2)"
-                    ]
-                  }
-                ]
+                "data": false,
+                "id": "has-at-least-one-main",
+                "impact": "moderate",
+                "message": "Document has no main landmarks",
+                "relatedNodes": []
               }
             ],
             "any": [],
-            "html": "<table>\n<thead>\n<tr>\n<th>Name</th>\n<th>Params</th>\n<th>Description</th>\n</tr>\n</thead>\n<tbody>\n<tr>\n<td>release</td>\n<td></td>\n<td>Deletes the instance</td>\n</tr>\n</tbody>\n</table>",
-            "impact": "serious",
+            "html": "<html dir=\"ltr\" lang=\"en\" i18n-processed=\"\">",
+            "impact": "moderate",
             "none": [],
             "target": [
-              ".page_md > table:nth-child(7)"
+              "html"
             ]
           }
         ],
         "tags": [
-          "cat.tables",
-          "wcag2a",
-          "wcag131",
-          "section508",
-          "section508.22.g"
+          "best-practice"
         ]
-      }
-    ],
-    "timestamp": 1548980018843,
-    "url": "http://localhost:3000",
-    "violations": [
+      },
       {
-        "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds",
-        "help": "Elements must have sufficient color contrast",
-        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/color-contrast?application=webdriverjs",
-        "id": "color-contrast",
-        "impact": "serious",
+        "description": "Ensures <meta name=\"viewport\"> does not disable text scaling and zooming",
+        "help": "Zooming and scaling must not be disabled",
+        "helpUrl": "https://dequeuniversity.com/rules/axe/2.6/meta-viewport?application=webdriverjs",
+        "id": "meta-viewport",
+        "impact": "critical",
         "nodes": [
           {
             "all": [],
             "any": [
               {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.48,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#7d8b99",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.48 (foreground color: #7d8b99, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token comment\" spellcheck=\"true\">&lt;!-- \n  Copyright IBM Corp. 2016, 2018\n\n  This source code is licensed under the Apache-2.0 license found in the\n  LICENSE file in the root directory of this source tree.\n--&gt;</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span.comment"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-expanded</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-controls</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane1<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(8) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(8) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">id</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane1<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(11) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(16) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-expanded</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-controls</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane2<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(21) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(21) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">id</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane2<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(24) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(29) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-expanded</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-controls</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane3<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(30) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">id</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane3<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(42) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-expanded</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>false<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">aria-controls</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane4<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(43) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>7<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 7 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(44) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>nonzero<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">id</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>pane4<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(1) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(50) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.48,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#7d8b99",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.48 (foreground color: #7d8b99, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token comment\" spellcheck=\"true\">&lt;!-- \n  Copyright IBM Corp. 2016, 2018\n\n  This source code is licensed under the Apache-2.0 license found in the\n  LICENSE file in the root directory of this source tree.\n--&gt;</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span.comment"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(2) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">tabindex</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(3) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(4) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(10)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(5) > span:nth-child(11)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(6) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(9) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(9) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(12) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(12) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">tabindex</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(17) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(18) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(10)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(19) > span:nth-child(11)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(20) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(20) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(23) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(23) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(26) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(26) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">tabindex</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(31) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(32) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(10)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(33) > span:nth-child(11)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(34) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(37) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(40) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(40) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">tabindex</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">data-accordion-item</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__item<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(45) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(46) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__heading<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(46) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(2)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__arrow<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(3)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">width</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(4)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>8<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(5)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">height</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(6)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(7)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">viewBox</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(8)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>0 0 8 12<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(9)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">fill-rule</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(10)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>evenodd<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(47) > span:nth-child(11)"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">d</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(48) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>M0 10.6L4.7 6 0 1.4 1.4 0l6.1 6-6.1 6z<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(48) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(51) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__title<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(51) > span.attr-value"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.57,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#2f9c0a",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.57 (foreground color: #2f9c0a, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
-              }
-            ],
-            "html": "<span class=\"token attr-name\">class</span>",
-            "impact": "serious",
-            "none": [],
-            "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(54) > span.attr-name"
-            ]
-          },
-          {
-            "all": [],
-            "any": [
-              {
-                "data": {
-                  "bgColor": "#ffffff",
-                  "contrastRatio": 3.66,
-                  "expectedContrastRatio": "4.5:1",
-                  "fgColor": "#1990b8",
-                  "fontSize": "9.8pt",
-                  "fontWeight": "normal"
-                },
-                "id": "color-contrast",
-                "impact": "serious",
-                "message": "Element has insufficient color contrast of 3.66 (foreground color: #1990b8, background color: #ffffff, font size: 9.8pt, font weight: normal). Expected contrast ratio of 4.5:1",
-                "relatedNodes": [
-                  {
-                    "html": "<code class=\"  language-html\">",
-                    "target": [
-                      "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code.language-html"
-                    ]
-                  }
-                ]
+                "data": null,
+                "id": "meta-viewport",
+                "impact": "critical",
+                "message": "<meta> tag disables zooming on mobile devices",
+                "relatedNodes": []
               }
             ],
-            "html": "<span class=\"token attr-value\"><span class=\"token punctuation\">=</span><span class=\"token punctuation\">\"</span>bx--accordion__content<span class=\"token punctuation\">\"</span></span>",
-            "impact": "serious",
+            "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0,\n                                 maximum-scale=1.0, user-scalable=no\">",
+            "impact": "critical",
             "none": [],
             "target": [
-              "#maincontent > div:nth-child(2) > div:nth-child(2) > .component-example > .code-example > .code-example__raw-html > pre > code > span:nth-child(54) > span.attr-value"
+              "head > meta[name=\"viewport\"]"
             ]
           }
         ],
         "tags": [
-          "cat.color",
+          "cat.sensory-and-visual-cues",
           "wcag2aa",
-          "wcag143"
+          "wcag144"
         ]
       }
     ],
-    "time": 1976,
-    "status": 200
+    "time": 264,
+    "status": 404
   }
 ]
\ No newline at end of file

From 6f31e5f89d9a39d2a015f104f77be3b144675d90 Mon Sep 17 00:00:00 2001
From: Andrew Nelson <andrewnelson@ibm.com>
Date: Tue, 5 Feb 2019 14:51:52 -0500
Subject: [PATCH 3/3] fix(progress-indicator): doubled vertical item's
 min-height to 6rem/96px

---
 src/components/progress-indicator/_progress-indicator.scss | 4 ++--
 tests/axe/a11y-progress-indicator.json                     | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/progress-indicator/_progress-indicator.scss b/src/components/progress-indicator/_progress-indicator.scss
index 64d1c3e7cc4a..8e6e8352b7e5 100644
--- a/src/components/progress-indicator/_progress-indicator.scss
+++ b/src/components/progress-indicator/_progress-indicator.scss
@@ -129,7 +129,7 @@
 
   .#{$prefix}--progress--vertical .#{$prefix}--progress-step {
     display: list-item;
-    min-height: 3rem;
+    min-height: 6rem;
 
     svg {
       display: inline-block;
@@ -355,7 +355,7 @@
 
   .#{$prefix}--progress--vertical .#{$prefix}--progress-step {
     display: list-item;
-    min-height: 3rem;
+    min-height: 6rem;
     width: initial;
     min-width: initial;
 
diff --git a/tests/axe/a11y-progress-indicator.json b/tests/axe/a11y-progress-indicator.json
index 0f9d3ffa827c..ce9a253292b4 100644
--- a/tests/axe/a11y-progress-indicator.json
+++ b/tests/axe/a11y-progress-indicator.json
@@ -530,7 +530,7 @@
         ]
       }
     ],
-    "timestamp": 1549037654536,
+    "timestamp": 1549396215286,
     "url": "http://localhost:3000/component/progress-indicator/",
     "violations": [
       {
@@ -564,7 +564,7 @@
         ]
       }
     ],
-    "time": 250,
+    "time": 257,
     "status": 200
   }
 ]
\ No newline at end of file