{
    "inapplicable": [
        {
            "description": "Ensures every accesskey attribute value is unique",
            "help": "accesskey attribute value must be unique",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/accesskeys?application=axeAPI",
            "id": "accesskeys",
            "impact": null,
            "nodes": [],
            "tags": [
                "best-practice",
                "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/3.1/area-alt?application=axeAPI",
            "id": "area-alt",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag111",
                "section508",
                "section508.22.a"
            ]
        },
        {
            "description": "Ensures unsupported DPUB roles are only used on elements with implicit fallback roles",
            "help": "Unsupported DPUB ARIA roles should be used on elements with implicit fallback roles",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/aria-dpub-role-fallback?application=axeAPI",
            "id": "aria-dpub-role-fallback",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.aria",
                "wcag2a",
                "wcag131"
            ]
        },
        {
            "description": "Ensure the autocomplete attribute is correct and suitable for the form field",
            "help": "autocomplete attribute must be used correctly",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/autocomplete-valid?application=axeAPI",
            "id": "autocomplete-valid",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.forms",
                "wcag21aa",
                "wcag135"
            ]
        },
        {
            "description": "Ensures <blink> elements are not used",
            "help": "<blink> elements are deprecated and must not be used",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/blink?application=axeAPI",
            "id": "blink",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.time-and-media",
                "wcag2a",
                "wcag222",
                "section508",
                "section508.22.j"
            ]
        },
        {
            "description": "Ensures each page has at least one mechanism for a user to bypass navigation and jump straight to the content",
            "help": "Page must have means to bypass repeated blocks",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/bypass?application=axeAPI",
            "id": "bypass",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.keyboard",
                "wcag2a",
                "wcag241",
                "section508",
                "section508.22.o"
            ]
        },
        {
            "description": "Ensures related <input type=\"checkbox\"> elements have a group and that the 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/3.1/checkboxgroup?application=axeAPI",
            "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/3.1/definition-list?application=axeAPI",
            "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/3.1/dlitem?application=axeAPI",
            "id": "dlitem",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.structure",
                "wcag2a",
                "wcag131"
            ]
        },
        {
            "description": "Ensures every id attribute value of active elements is unique",
            "help": "IDs of active elements must be unique",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/duplicate-id-active?application=axeAPI",
            "id": "duplicate-id-active",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.parsing",
                "wcag2a",
                "wcag411"
            ]
        },
        {
            "description": "Ensures every id attribute value used in ARIA and in labels is unique",
            "help": "IDs used in ARIA and labels must be unique",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/duplicate-id-aria?application=axeAPI",
            "id": "duplicate-id-aria",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.parsing",
                "wcag2a",
                "wcag411"
            ]
        },
        {
            "description": "Ensures every id attribute value is unique",
            "help": "id attribute value must be unique",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI",
            "id": "duplicate-id",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.parsing",
                "wcag2a",
                "wcag411"
            ]
        },
        {
            "description": "Ensures <iframe> and <frame> elements contain the axe-core script",
            "help": "Frames must be tested with axe-core",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/frame-tested?application=axeAPI",
            "id": "frame-tested",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.structure",
                "review-item"
            ]
        },
        {
            "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/3.1/frame-title-unique?application=axeAPI",
            "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/3.1/frame-title?application=axeAPI",
            "id": "frame-title",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag241",
                "wcag412",
                "section508",
                "section508.22.i"
            ]
        },
        {
            "description": "Ensure that HTML elements with both valid lang and xml:lang attributes agree on the base language of the page",
            "help": "HTML elements with lang and xml:lang must have the same base language",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/html-xml-lang-mismatch?application=axeAPI",
            "id": "html-xml-lang-mismatch",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.language",
                "wcag2a",
                "wcag311"
            ]
        },
        {
            "description": "Ensures <img> elements have alternate text or a role of none or presentation",
            "help": "Images must have alternate text",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/image-alt?application=axeAPI",
            "id": "image-alt",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag111",
                "section508",
                "section508.22.a"
            ]
        },
        {
            "description": "Ensures <input type=\"image\"> elements have alternate text",
            "help": "Image buttons must have alternate text",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/input-image-alt?application=axeAPI",
            "id": "input-image-alt",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag111",
                "section508",
                "section508.22.a"
            ]
        },
        {
            "description": "Ensures the banner landmark is at top level",
            "help": "Banner landmark must not be contained in another landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-banner-is-top-level?application=axeAPI",
            "id": "landmark-banner-is-top-level",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures the contentinfo landmark is at top level",
            "help": "Contentinfo landmark must not be contained in another landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-contentinfo-is-top-level?application=axeAPI",
            "id": "landmark-contentinfo-is-top-level",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures the main landmark is at top level",
            "help": "Main landmark must not be contained in another landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-main-is-top-level?application=axeAPI",
            "id": "landmark-main-is-top-level",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.semantics",
                "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/3.1/layout-table?application=axeAPI",
            "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/3.1/link-name?application=axeAPI",
            "id": "link-name",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.name-role-value",
                "wcag2a",
                "wcag412",
                "wcag244",
                "section508",
                "section508.22.a"
            ]
        },
        {
            "description": "Ensures that lists are structured correctly",
            "help": "<ul> and <ol> must only directly contain <li>, <script> or <template> elements",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/list?application=axeAPI",
            "id": "list",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.structure",
                "wcag2a",
                "wcag131"
            ]
        },
        {
            "description": "Ensures <li> elements are used semantically",
            "help": "<li> elements must be contained in a <ul> or <ol>",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/listitem?application=axeAPI",
            "id": "listitem",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.structure",
                "wcag2a",
                "wcag131"
            ]
        },
        {
            "description": "Ensures <marquee> elements are not used",
            "help": "<marquee> elements are deprecated and must not be used",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/marquee?application=axeAPI",
            "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/3.1/meta-refresh?application=axeAPI",
            "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/3.1/object-alt?application=axeAPI",
            "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/3.1/radiogroup?application=axeAPI",
            "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/3.1/scope-attr-valid?application=axeAPI",
            "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/3.1/server-side-image-map?application=axeAPI",
            "id": "server-side-image-map",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag211",
                "section508",
                "section508.22.f"
            ]
        },
        {
            "description": "Ensure all skip links have a focusable target",
            "help": "The skip-link target should exist and be focusable",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/skip-link?application=axeAPI",
            "id": "skip-link",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.keyboard",
                "best-practice"
            ]
        },
        {
            "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/3.1/tabindex?application=axeAPI",
            "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/3.1/table-duplicate-name?application=axeAPI",
            "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/3.1/td-headers-attr?application=axeAPI",
            "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/3.1/th-has-data-cells?application=axeAPI",
            "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/3.1/valid-lang?application=axeAPI",
            "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/3.1/video-caption?application=axeAPI",
            "id": "video-caption",
            "impact": null,
            "nodes": [],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag122",
                "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/3.1/video-description?application=axeAPI",
            "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/3.1/color-contrast?application=axeAPI",
            "id": "color-contrast",
            "impact": "serious",
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": "shortTextContent"
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element content is too short to determine if it is actual text content",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-bold\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            B\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-bold\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-bold\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            B\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-bold\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": "shortTextContent"
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element content is too short to determine if it is actual text content",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-italic\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            I\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-italic\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-italic\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            I\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-italic\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": "shortTextContent"
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element content is too short to determine if it is actual text content",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-underline\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            U\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-underline\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-underline\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            U\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-underline\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": "shortTextContent"
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element content is too short to determine if it is actual text content",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-strikethrough\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            S\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-strikethrough\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-strikethrough\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            S\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-strikethrough\"]"
                    ]
                }
            ],
            "tags": [
                "cat.color",
                "wcag2aa",
                "wcag143"
            ]
        }
    ],
    "passes": [
        {
            "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/3.1/aria-allowed-attr?application=axeAPI",
            "id": "aria-allowed-attr",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-allowed-attr",
                            "impact": "critical",
                            "message": "ARIA attributes are used correctly for the defined role",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "wcag412"
            ]
        },
        {
            "description": "Ensures role attribute has an appropriate value for the element",
            "help": "ARIA role must be appropriate for the element",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI",
            "id": "aria-allowed-role",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-allowed-role",
                            "impact": "minor",
                            "message": "ARIA role is allowed for given element",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "best-practice"
            ]
        },
        {
            "description": "Ensures aria-hidden='true' is not present on the document body.",
            "help": "aria-hidden='true' must not be present on the document body",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/aria-hidden-body?application=axeAPI",
            "id": "aria-hidden-body",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-hidden-body",
                            "impact": "critical",
                            "message": "No aria-hidden attribute is present on document body",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<body class=\"bg-gray-100\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "body"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "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/3.1/aria-required-attr?application=axeAPI",
            "id": "aria-required-attr",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-required-attr",
                            "impact": "critical",
                            "message": "All required ARIA attributes are present",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "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/3.1/aria-required-children?application=axeAPI",
            "id": "aria-required-children",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-required-children",
                            "impact": "critical",
                            "message": "Required ARIA children are present",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "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/3.1/aria-required-parent?application=axeAPI",
            "id": "aria-required-parent",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-required-parent",
                            "impact": "critical",
                            "message": "Required ARIA parent role present",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "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/3.1/aria-roles?application=axeAPI",
            "id": "aria-roles",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "invalidrole",
                            "impact": "critical",
                            "message": "ARIA role is valid",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "abstractrole",
                            "impact": "serious",
                            "message": "Abstract roles are not used",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "unsupportedrole",
                            "impact": "critical",
                            "message": "ARIA role is supported",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "wcag412"
            ]
        },
        {
            "description": "Ensures all ARIA attributes have valid values",
            "help": "ARIA attributes must conform to valid values",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI",
            "id": "aria-valid-attr-value",
            "impact": null,
            "nodes": [
                {
                    "all": [
                        {
                            "data": null,
                            "id": "aria-valid-attr-value",
                            "impact": "critical",
                            "message": "ARIA attribute values are valid",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "aria-errormessage",
                            "impact": "critical",
                            "message": "Uses a supported aria-errormessage technique",
                            "relatedNodes": []
                        }
                    ],
                    "any": [],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "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/3.1/aria-valid-attr?application=axeAPI",
            "id": "aria-valid-attr",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-valid-attr",
                            "impact": "critical",
                            "message": "ARIA attribute name are valid",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<div data-testid=\"wysiwyg-editor\" class=\"h-64 border border-gray-300 p-4 rounded-md\" contenteditable=\"true\" role=\"textbox\" aria-multiline=\"true\">\n        <h1>This is your editable content</h1>\n    </div>",
                    "impact": null,
                    "none": [],
                    "target": [
                        ".h-64"
                    ]
                }
            ],
            "tags": [
                "cat.aria",
                "wcag2a",
                "wcag412"
            ]
        },
        {
            "description": "Ensures buttons have discernible text",
            "help": "Buttons must have discernible text",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI",
            "id": "button-name",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": "B",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-bold\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            B\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-bold\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "I",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-italic\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            I\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-italic\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "U",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-underline\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            U\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-underline\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "S",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-strikethrough\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            S\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-strikethrough\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Sub",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-subscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sub\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-subscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Sup",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-superscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sup\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-superscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "UL",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-ul\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            UL\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ul\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "OL",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-ol\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            OL\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ol\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Left",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-left\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Left\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-left\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Center",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-center\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Center\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-center\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Right",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-right\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Right\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-right\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Justify",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-justify\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Justify\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-justify\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Link",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-link\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Link\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-link\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Image",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-image\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Image\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-image\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Table",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-table\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Table\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-table\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Undo",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-undo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Undo\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-undo\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": "Redo",
                            "id": "button-has-visible-text",
                            "impact": "critical",
                            "message": "Element has inner text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<button data-testid=\"toolbar-btn-redo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Redo\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "focusable-no-name",
                            "impact": "serious",
                            "message": "Element is not in tab order or has accessible text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-redo\"]"
                    ]
                }
            ],
            "tags": [
                "cat.name-role-value",
                "wcag2a",
                "wcag412",
                "section508",
                "section508.22.a"
            ]
        },
        {
            "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/3.1/color-contrast?application=axeAPI",
            "id": "color-contrast",
            "impact": "serious",
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#f3f4f6",
                                "contrastRatio": 19.08,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#000000",
                                "fontSize": "12.0pt",
                                "fontWeight": "normal",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has sufficient color contrast of 19.08",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<body class=\"bg-gray-100\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "body"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#f3f4f6",
                                "contrastRatio": 19.08,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#000000",
                                "fontSize": "12.0pt",
                                "fontWeight": "normal",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has sufficient color contrast of 19.08",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<h1>This is your editable content</h1>",
                    "impact": null,
                    "none": [],
                    "target": [
                        "h1"
                    ]
                }
            ],
            "tags": [
                "cat.color",
                "wcag2aa",
                "wcag143"
            ]
        },
        {
            "description": "Ensures each HTML document contains a non-empty <title> element",
            "help": "Documents must have <title> element to aid in navigation",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/document-title?application=axeAPI",
            "id": "document-title",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "doc-has-title",
                            "impact": "serious",
                            "message": "Document has a non-empty <title> element",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.text-alternatives",
                "wcag2a",
                "wcag242"
            ]
        },
        {
            "description": "Ensures headings have discernible text",
            "help": "Headings must not be empty",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/empty-heading?application=axeAPI",
            "id": "empty-heading",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "has-visible-text",
                            "impact": "minor",
                            "message": "Element has text that is visible to screen readers",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<h1>This is your editable content</h1>",
                    "impact": null,
                    "none": [],
                    "target": [
                        "h1"
                    ]
                }
            ],
            "tags": [
                "cat.name-role-value",
                "best-practice"
            ]
        },
        {
            "description": "Ensures the order of headings is semantically correct",
            "help": "Heading levels should only increase by one",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/heading-order?application=axeAPI",
            "id": "heading-order",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": 1,
                            "id": "heading-order",
                            "impact": "moderate",
                            "message": "Heading order valid",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<h1>This is your editable content</h1>",
                    "impact": null,
                    "none": [],
                    "target": [
                        "h1"
                    ]
                }
            ],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures every HTML document has a lang attribute",
            "help": "<html> element must have a lang attribute",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/html-has-lang?application=axeAPI",
            "id": "html-has-lang",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "has-lang",
                            "impact": "serious",
                            "message": "The <html> element has a lang attribute",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.language",
                "wcag2a",
                "wcag311"
            ]
        },
        {
            "description": "Ensures the lang attribute of the <html> element has a valid value",
            "help": "<html> element must have a valid value for the lang attribute",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/html-lang-valid?application=axeAPI",
            "id": "html-lang-valid",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "valid-lang",
                            "impact": "serious",
                            "message": "Value of lang attribute is included in the list of valid languages",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.language",
                "wcag2a",
                "wcag311"
            ]
        },
        {
            "description": "Ensure button and link text is not repeated as image alternative",
            "help": "Text of buttons and links should not be repeated in the image alternative",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/image-redundant-alt?application=axeAPI",
            "id": "image-redundant-alt",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-bold\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            B\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-bold\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-italic\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            I\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-italic\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-underline\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            U\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-underline\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-strikethrough\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            S\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-strikethrough\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-subscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sub\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-subscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-superscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sup\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-superscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-ul\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            UL\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ul\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-ol\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            OL\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ol\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-left\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Left\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-left\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-center\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Center\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-center\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-right\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Right\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-right\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-justify\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Justify\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-justify\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-link\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Link\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-link\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-image\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Image\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-image\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-table\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Table\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-table\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-undo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Undo\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-undo\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [],
                    "html": "<button data-testid=\"toolbar-btn-redo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Redo\n        </button>",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "duplicate-img-label",
                            "impact": "minor",
                            "message": "Element does not duplicate existing text in <img> alt text",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "button[data-testid=\"toolbar-btn-redo\"]"
                    ]
                }
            ],
            "tags": [
                "cat.text-alternatives",
                "best-practice"
            ]
        },
        {
            "description": "Ensures that every form element is not solely labeled using the title or aria-describedby attributes",
            "help": "Form elements should have a visible label",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/label-title-only?application=axeAPI",
            "id": "label-title-only",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [],
                    "html": "<select data-testid=\"toolbar-select-heading\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">",
                    "impact": null,
                    "none": [
                        {
                            "data": null,
                            "id": "title-only",
                            "impact": "serious",
                            "message": "Form element does not solely use title attribute for its label",
                            "relatedNodes": []
                        }
                    ],
                    "target": [
                        "select"
                    ]
                }
            ],
            "tags": [
                "cat.forms",
                "best-practice"
            ]
        },
        {
            "description": "Ensures the page has at most one banner landmark",
            "help": "Page must not have more than one banner landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-no-duplicate-banner?application=axeAPI",
            "id": "landmark-no-duplicate-banner",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "page-no-duplicate-banner",
                            "impact": "moderate",
                            "message": "Document has no more than one banner landmark",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures the page has at most one contentinfo landmark",
            "help": "Page must not have more than one contentinfo landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-no-duplicate-contentinfo?application=axeAPI",
            "id": "landmark-no-duplicate-contentinfo",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "page-no-duplicate-contentinfo",
                            "impact": "moderate",
                            "message": "Page does not have more than one contentinfo landmark",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures <meta name=\"viewport\"> can scale a significant amount",
            "help": "Users should be able to zoom and scale the text up to 500%",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/meta-viewport-large?application=axeAPI",
            "id": "meta-viewport-large",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "meta-viewport-large",
                            "impact": "minor",
                            "message": "<meta> tag does not prevent significant zooming on mobile devices",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "meta[name=\"viewport\"]"
                    ]
                }
            ],
            "tags": [
                "cat.sensory-and-visual-cues",
                "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/3.1/meta-viewport?application=axeAPI",
            "id": "meta-viewport",
            "impact": null,
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "meta-viewport",
                            "impact": "critical",
                            "message": "<meta> tag does not disable zooming on mobile devices",
                            "relatedNodes": []
                        }
                    ],
                    "html": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "meta[name=\"viewport\"]"
                    ]
                }
            ],
            "tags": [
                "cat.sensory-and-visual-cues",
                "wcag2aa",
                "wcag144"
            ]
        },
        {
            "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
            "help": "Page must contain a level-one heading",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/page-has-heading-one?application=axeAPI",
            "id": "page-has-heading-one",
            "impact": null,
            "nodes": [
                {
                    "all": [
                        {
                            "data": null,
                            "id": "page-has-heading-one",
                            "impact": "moderate",
                            "message": "Page has at least one level-one heading",
                            "relatedNodes": [
                                {
                                    "html": "<h1>This is your editable content</h1>",
                                    "target": [
                                        "h1"
                                    ]
                                }
                            ]
                        }
                    ],
                    "any": [],
                    "html": "<html lang=\"en\">",
                    "impact": null,
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        }
    ],
    "timestamp": "2025-07-16T21:53:04.146Z",
    "url": "file:///Users/jma345/Tesslate/UIGenEval/v4/all_code_outputs/fullpage_challenge/Groq-Gemma2-9b/FPC010_WYSIWYG_Rich_Text_Editor_with_Image_Upload_and_Tables.html",
    "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/3.1/color-contrast?application=axeAPI",
            "id": "color-contrast",
            "impact": "serious",
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-subscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sub\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-subscript\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-subscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sub\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-subscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-superscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sup\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-superscript\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-superscript\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Sup\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-superscript\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<select data-testid=\"toolbar-select-heading\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">",
                                    "target": [
                                        "select"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<select data-testid=\"toolbar-select-heading\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "select"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-ul\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            UL\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-ul\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-ul\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            UL\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ul\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-ol\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            OL\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-ol\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-ol\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            OL\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-ol\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-left\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Left\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-left\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-left\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Left\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-left\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-center\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Center\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-center\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-center\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Center\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-center\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-right\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Right\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-right\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-right\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Right\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-right\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-justify\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Justify\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-justify\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-justify\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Justify\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-justify\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-link\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Link\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-link\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-link\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Link\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-link\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-image\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Image\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-image\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-image\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Image\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-image\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-table\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Table\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-table\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-table\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Table\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-table\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-undo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Undo\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-undo\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-undo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Undo\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-undo\"]"
                    ]
                },
                {
                    "all": [],
                    "any": [
                        {
                            "data": {
                                "bgColor": "#3b82f6",
                                "contrastRatio": 3.67,
                                "expectedContrastRatio": "4.5:1",
                                "fgColor": "#ffffff",
                                "fontSize": "12.0pt",
                                "fontWeight": "bold",
                                "missingData": null
                            },
                            "id": "color-contrast",
                            "impact": "serious",
                            "message": "Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                            "relatedNodes": [
                                {
                                    "html": "<button data-testid=\"toolbar-btn-redo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Redo\n        </button>",
                                    "target": [
                                        "button[data-testid=\"toolbar-btn-redo\"]"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Element has insufficient color contrast of 3.67 (foreground color: #ffffff, background color: #3b82f6, font size: 12.0pt, font weight: bold). Expected contrast ratio of 4.5:1",
                    "html": "<button data-testid=\"toolbar-btn-redo\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">\n            Redo\n        </button>",
                    "impact": "serious",
                    "none": [],
                    "target": [
                        "button[data-testid=\"toolbar-btn-redo\"]"
                    ]
                }
            ],
            "tags": [
                "cat.color",
                "wcag2aa",
                "wcag143"
            ]
        },
        {
            "description": "Ensures every form element has a label",
            "help": "Form elements must have labels",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI",
            "id": "label",
            "impact": "critical",
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "aria-label",
                            "impact": "serious",
                            "message": "aria-label attribute does not exist or is empty",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "aria-labelledby",
                            "impact": "serious",
                            "message": "aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "implicit-label",
                            "impact": "critical",
                            "message": "Form element does not have an implicit (wrapped) <label>",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "explicit-label",
                            "impact": "critical",
                            "message": "Form element does not have an explicit <label>",
                            "relatedNodes": []
                        },
                        {
                            "data": null,
                            "id": "non-empty-title",
                            "impact": "serious",
                            "message": "Element has no title attribute or the title attribute is empty",
                            "relatedNodes": []
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  aria-label attribute does not exist or is empty\n  aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty\n  Form element does not have an implicit (wrapped) <label>\n  Form element does not have an explicit <label>\n  Element has no title attribute or the title attribute is empty",
                    "html": "<select data-testid=\"toolbar-select-heading\" class=\"bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded\">",
                    "impact": "critical",
                    "none": [],
                    "target": [
                        "select"
                    ]
                }
            ],
            "tags": [
                "cat.forms",
                "wcag2a",
                "wcag332",
                "wcag131",
                "section508",
                "section508.22.n"
            ]
        },
        {
            "description": "Ensures the page has only one main landmark and each iframe in the page has at most one main landmark",
            "help": "Page must have one main landmark",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/landmark-one-main?application=axeAPI",
            "id": "landmark-one-main",
            "impact": "moderate",
            "nodes": [
                {
                    "all": [
                        {
                            "data": null,
                            "id": "page-has-main",
                            "impact": "moderate",
                            "message": "Page does not have a main landmark",
                            "relatedNodes": []
                        }
                    ],
                    "any": [],
                    "failureSummary": "Fix all of the following:\n  Page does not have a main landmark",
                    "html": "<html lang=\"en\">",
                    "impact": "moderate",
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.semantics",
                "best-practice"
            ]
        },
        {
            "description": "Ensures all page content is contained by landmarks",
            "help": "All page content must be contained by landmarks",
            "helpUrl": "https://dequeuniversity.com/rules/axe/3.1/region?application=axeAPI",
            "id": "region",
            "impact": "moderate",
            "nodes": [
                {
                    "all": [],
                    "any": [
                        {
                            "data": null,
                            "id": "region",
                            "impact": "moderate",
                            "message": "Some page content is not contained by landmarks",
                            "relatedNodes": [
                                {
                                    "html": "<body class=\"bg-gray-100\">",
                                    "target": [
                                        "body"
                                    ]
                                }
                            ]
                        }
                    ],
                    "failureSummary": "Fix any of the following:\n  Some page content is not contained by landmarks",
                    "html": "<html lang=\"en\">",
                    "impact": "moderate",
                    "none": [],
                    "target": [
                        "html"
                    ]
                }
            ],
            "tags": [
                "cat.keyboard",
                "best-practice"
            ]
        }
    ]
}