{
  "date": "2026-10-11",
  "revision": 2,
  "packageVersion": "0.2.8",
  "minimum": "WCAG 2.1 AA",
  "target": "WCAG 2.2 AA",
  "engine": "axe-core 4.13.0",
  "scope": "All 28 website component playgrounds, Examples and Code previews in Light and Dark. OutSystems coverage is reported separately by component. Consumer applications are outside this scope.",
  "nativeVerification": "Current publication checked.",
  "components": [
    {
      "slug": "button",
      "name": "Button",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "chip",
      "name": "Chip & ChipGroup",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "transfer",
      "name": "TransferList",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "tree-select",
      "name": "TreeSelect",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "upload-manager",
      "name": "UploadManager",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "badge",
      "name": "Badge",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "card",
      "name": "Card",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "skeleton",
      "name": "Skeleton",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "splitter",
      "name": "Splitter",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "breadcrumbs",
      "name": "Breadcrumbs",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "page-header",
      "name": "PageHeader",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "sidebar",
      "name": "Sidebar",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "tree",
      "name": "TreeView",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "command-palette",
      "name": "CommandPalette",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "grid",
      "name": "BluGrid",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "kanban",
      "name": "Kanban",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "filter-builder",
      "name": "FilterBuilder",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "timeline",
      "name": "Timeline",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "modal",
      "name": "Modal",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "drawer",
      "name": "Drawer",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "notification",
      "name": "Notification",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "pagination",
      "name": "Pagination",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "cascader",
      "name": "Cascader",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "statistic",
      "name": "Statistic",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "qr-code",
      "name": "QRCode",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "tour",
      "name": "Tour",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "empty-state",
      "name": "EmptyState",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    },
    {
      "slug": "descriptions",
      "name": "Descriptions",
      "minimum": "WCAG 2.1 AA",
      "target": "WCAG 2.2 AA",
      "surfaces": {
        "website": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "package": {
          "status": "supported",
          "states": 2,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        },
        "native": {
          "status": "supported",
          "states": 4,
          "ruleFailures": 0,
          "rules": [],
          "verification": "Current implementation."
        }
      },
      "fullyConformant": false,
      "observed": "Website evidence covers Light and Dark playgrounds, examples and TypeScript previews. Native evidence is recorded separately; its current publication status is shown below.",
      "remaining": "Complete screen-reader and criterion-by-criterion evaluation of the full pages and workflows before declaring full conformance."
    }
  ],
  "checks": {
    "websiteStates": 168,
    "websiteRuleFailures": 0,
    "nativeStates": 112,
    "nativeRuleFailures": 0,
    "nativeInteractionChecks": 7,
    "nativeInteractionPassed": 7,
    "nativeAdditionalStates": 7,
    "nativeAdditionalRuleFailures": 0,
    "nativeNarrowLayoutStates": 112,
    "nativeHorizontalOverflow": 0,
    "keyboardChecks": 22,
    "keyboardPassed": 22,
    "interactionStates": 14,
    "interactionRuleFailures": 0,
    "standalonePackageStates": 56,
    "standalonePackageRuleFailures": 0,
    "designPageStates": 4,
    "designPageRuleFailures": 0,
    "narrowLayoutStates": 168,
    "horizontalPageOverflow": 0
  },
  "limitations": [
    "Automated checks cover machine-testable requirements. A zero-failure scan is not a WCAG conformance claim.",
    "Screen-reader announcements and complete criterion-by-criterion evaluation remain outstanding.",
    "Grid and Kanban preserve horizontal scrolling inside their data regions; page controls must remain reachable.",
    "Custom content, labels, application flows and consumer styling require their own evaluation."
  ],
  "fixes": [
    "Contrast-tuned shared Light/Dark palette, including muted text and status colors.",
    "Stable keyboard focus after FilterBuilder, Sidebar, Chip and UploadManager updates.",
    "Accessible loading states, named upload actions and persistent selection/save feedback.",
    "Keyboard-scrollable code and Kanban regions; larger clear-selection target.",
    "Dialog tab containment and responsive grid pagination and showcase tabs.",
    "Click/tap Splitter resizing and grid column position/width controls provide alternatives to dragging."
  ],
  "keyboard": [
    {
      "slug": "filter-builder",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "chip",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "sidebar",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "transfer",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "pagination",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "modal",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "drawer",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "command-palette",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "tree-select",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "splitter",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "tree",
      "surface": "Playground",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "filter-builder",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "chip",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "sidebar",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "transfer",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "pagination",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "modal",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "drawer",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "command-palette",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "tree-select",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "splitter",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    },
    {
      "slug": "tree",
      "surface": "Code",
      "action": "Keyboard interaction and focus continuity",
      "passed": true
    }
  ],
  "interactionStates": [
    {
      "slug": "kanban",
      "state": "Move card dialog",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "kanban",
      "state": "After keyboard move",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "grid",
      "state": "Column settings",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "grid",
      "state": "Column filter menu",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "tour",
      "state": "Open first step",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "tour",
      "state": "Centered last step",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "notification",
      "state": "Persistent error with retry action",
      "violations": [],
      "incomplete": [
        "color-contrast"
      ]
    },
    {
      "slug": "notification",
      "state": "Multiple announcements",
      "violations": [],
      "incomplete": [
        "color-contrast"
      ]
    },
    {
      "slug": "cascader",
      "state": "Open hierarchy",
      "violations": [],
      "incomplete": [
        "aria-valid-attr-value"
      ]
    },
    {
      "slug": "cascader",
      "state": "Three levels",
      "violations": [],
      "incomplete": [
        "aria-valid-attr-value",
        "color-contrast"
      ]
    },
    {
      "slug": "filter-builder",
      "state": "Required value validation",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "statistic",
      "state": "Loading",
      "violations": [],
      "incomplete": []
    },
    {
      "slug": "upload-manager",
      "state": "Queued file",
      "violations": [],
      "incomplete": [
        "color-contrast"
      ]
    },
    {
      "slug": "shell",
      "state": "Search dialog",
      "violations": [],
      "incomplete": [
        "color-contrast"
      ]
    }
  ],
  "nativeInteractions": [
    {
      "slug": "drawer",
      "check": "Busy keeps confirmation disabled; Tab stays inside; Escape closes and returns focus",
      "passed": true
    },
    {
      "slug": "splitter",
      "check": "Pointer and keyboard resizing, collapse/expand and preserved native content",
      "passed": true
    },
    {
      "slug": "kanban",
      "check": "Keyboard dialog containment and move into another column",
      "passed": true
    },
    {
      "slug": "grid",
      "check": "Column reorder without dragging and Escape focus return",
      "passed": true
    },
    {
      "slug": "command-palette",
      "check": "Tab containment and Escape focus return",
      "passed": true
    },
    {
      "slug": "modal",
      "check": "Busy modal retains keyboard containment and Cancel returns focus",
      "passed": true
    },
    {
      "slug": "tour",
      "check": "Tour keyboard containment and Escape focus return",
      "passed": true
    }
  ],
  "nativeAdditionalStates": [
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/DrawerDemo?a11y-audit=1",
      "title": "Drawer | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "dark",
      "violations": [],
      "incomplete": [
        {
          "id": "color-contrast",
          "impact": "serious",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=axeAPI",
          "tags": [
            "cat.color",
            "wcag2aa",
            "wcag143",
            "TTv5",
            "TT13.c",
            "EN-301-549",
            "EN-9.1.4.3",
            "ACT",
            "RGAAv4",
            "RGAA-3.2.1"
          ],
          "nodes": [
            {
              "target": [
                "#text60"
              ],
              "html": "<span class=\"blu-showcase__hint\" id=\"text60\">This native input belongs to the screen. Close and reopen the panel to see that its value is preserved.</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it partially overlaps other elements",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it partially overlaps other elements",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "10.5pt (14px)",
                    "fontWeight": "normal",
                    "messageKey": "elmPartiallyObscuring",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            }
          ]
        }
      ],
      "passes": [
        "aria-allowed-attr",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-roles",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "avoid-inline-spacing",
        "button-name",
        "bypass",
        "color-contrast",
        "document-title",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "html-has-lang",
        "html-lang-valid",
        "label",
        "meta-viewport",
        "nested-interactive",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "drawer",
      "state": "Busy open"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/KanbanDemo?a11y-audit=1",
      "title": "Kanban | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "light",
      "violations": [],
      "incomplete": [],
      "passes": [
        "aria-allowed-attr",
        "aria-conditional-attr",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-prohibited-attr",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "button-name",
        "color-contrast",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "meta-viewport",
        "nested-interactive",
        "select-name",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "kanban",
      "state": "Move dialog"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/GridDemo?a11y-audit=1",
      "title": "BluGrid | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "light",
      "violations": [],
      "incomplete": [
        {
          "id": "aria-valid-attr-value",
          "impact": "critical",
          "help": "ARIA attributes must conform to valid values",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/aria-valid-attr-value?application=axeAPI",
          "tags": [
            "cat.aria",
            "wcag2a",
            "wcag412",
            "EN-301-549",
            "EN-9.4.1.2",
            "RGAAv4",
            "RGAA-7.1.1"
          ],
          "nodes": [
            {
              "target": [
                "button[aria-controls=\"b6-ColumnChooserPanel\"]"
              ],
              "html": "<button data-button=\"\" class=\"blu-button blu-button--primary blu-button--filled blu-button--medium\" type=\"button\" aria-label=\"Columns\" aria-expanded=\"true\" aria-controls=\"b6-ColumnChooserPanel\" aria-current=\"false\" aria-busy=\"false\" aria-haspopup=\"dialog\">",
              "failureSummary": "Fix all of the following:\n  Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls=\"b6-ColumnChooserPanel\"",
              "checks": [
                {
                  "id": "aria-valid-attr-value",
                  "message": "Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls=\"b6-ColumnChooserPanel\"",
                  "data": {
                    "messageKey": "controlsWithinPopup",
                    "needsReview": "aria-controls=\"b6-ColumnChooserPanel\""
                  }
                }
              ]
            }
          ]
        },
        {
          "id": "color-contrast",
          "impact": "serious",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=axeAPI",
          "tags": [
            "cat.color",
            "wcag2aa",
            "wcag143",
            "TTv5",
            "TT13.c",
            "EN-301-549",
            "EN-9.1.4.3",
            "ACT",
            "RGAAv4",
            "RGAA-3.2.1"
          ],
          "nodes": [
            {
              "target": [
                ".blu-grid-column-title"
              ],
              "html": "<span data-expression=\"\" class=\"blu-grid-column-title\">Columns &amp; display</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it's partially obscured by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it's partially obscured by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "11.3pt (15px)",
                    "fontWeight": "normal",
                    "messageKey": "elmPartiallyObscured",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Row spacing\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Row spacing\"><option class=\"\" value=\"32\">Compact</option><option class=\"\" value=\"44\">Comfortable</option><option class=\"\" value=\"56\">Spacious</option><option class=\"\" value=\"custom\">Custom</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Revenue\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Revenue\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Customer\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Customer\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Position of Customer\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Position of Customer\" data-options=\"Revenue|Name|Seats|Joined|LastActivity|Active\">",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "input[aria-label=\"Width of Customer in pixels\"]"
              ],
              "html": "<input class=\"blu-grid-tool-select\" type=\"number\" min=\"1\" max=\"10000\" step=\"1\" aria-label=\"Width of Customer in pixels\">",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Seats\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Seats\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Joined\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Joined\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Last activity\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Last activity\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "select[aria-label=\"Pin Active\"]"
              ],
              "html": "<select class=\"blu-grid-tool-select\" aria-label=\"Pin Active\"><option class=\"\" value=\"None\">No pin</option><option class=\"\" value=\"Left\">Left</option><option class=\"\" value=\"Right\">Right</option></select>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a background image",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a background image",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgImage",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                ".blu-grid-number-header.ag-header-cell-sortable[aria-sort=\"none\"]:nth-child(1) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Revenue</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"9\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(2) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Customer</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"9\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .blu-grid-number-header.ag-header-cell-sortable[aria-sort=\"none\"]:nth-child(3) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Seats</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"9\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(4) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Joined</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"9\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(5) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Last activity</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"9\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(6) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Active</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                ".ag-header-cell-first-right-pinned > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Actions</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"517\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"517\" col-id=\"Name\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-summary-label\" tabindex=\"-1\" aria-colindex=\"4\" style=\"left: 154px; width: 309px;\">Totals\n250 filtered records</div>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it partially overlaps other elements",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it partially overlaps other elements",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "8.3pt (11px)",
                    "fontWeight": "normal",
                    "messageKey": "elmPartiallyObscuring",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-last-row"
              ],
              "html": "<span class=\"ag-paging-row-summary-panel-number\" data-ref=\"lbLastRowOnPage\" id=\"ag-208-last-row\">25</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-of"
              ],
              "html": "<span id=\"ag-208-of\">of</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-row-count"
              ],
              "html": "<span class=\"ag-paging-row-summary-panel-number\" data-ref=\"lbRecordCount\" id=\"ag-208-row-count\">250</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-start-page"
              ],
              "html": "<span id=\"ag-208-start-page\">Page</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-218-input"
              ],
              "html": "<input class=\"ag-input-field-input ag-number-field-input\" data-ref=\"eInput\" type=\"number\" id=\"ag-218-input\" autocomplete=\"off\" tabindex=\"0\" step=\"any\" role=\"spinbutton\" min=\"1\" max=\"10\" aria-label=\"Page number, 1 of 10\" aria-valuenow=\"1\" aria-valuemin=\"1\" aria-valuemax=\"10\" style=\"width: 4.5ch;\">",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-of-page"
              ],
              "html": "<span id=\"ag-208-of-page\">of</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#ag-208-of-page-number"
              ],
              "html": "<span class=\"ag-paging-number\" data-ref=\"lbTotal\" id=\"ag-208-of-page-number\">10</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "#b18-EventsToggleLabel"
              ],
              "html": "<span data-expression=\"\" id=\"b18-EventsToggleLabel\">View events</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it is overlapped by another element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it is overlapped by another element",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "bgOverlap",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            }
          ]
        },
        {
          "id": "target-size",
          "impact": "serious",
          "help": "All touch targets must be 24px large, or leave sufficient space",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/target-size?application=axeAPI",
          "tags": [
            "cat.sensory-and-visual-cues",
            "wcag22aa",
            "wcag258"
          ],
          "nodes": [
            {
              "target": [
                "div[comp-id=\"286\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"286\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"298\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"298\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"310\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"310\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"322\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"322\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"334\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"334\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"346\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"346\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"358\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"358\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"370\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"370\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Element with negative tabindex has insufficient size because it is partially obscured (smallest space is 16px by 43px, should be at least 24px by 24px). Is this a target?",
                  "data": {
                    "messageKey": "partiallyObscured",
                    "minSize": 24,
                    "width": 16,
                    "height": 43
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"379\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"379\" col-id=\"ag-Grid-SelectionColumn\" class=\"ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-column-first\" tabindex=\"-1\" aria-colindex=\"1\" style=\"left: 0px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 44,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"382\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"382\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 16px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 1.2px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 16px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 16,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 1.2px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 1.2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "button[aria-label=\"Expand details for row 9\"]"
              ],
              "html": "<button class=\"blu-grid-detail-toggle\" type=\"button\" aria-label=\"Expand details for row 9\" aria-expanded=\"false\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 26px by 16.7px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 26px by 16.7px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 26,
                    "height": 16.7
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 0px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 0,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"374\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"374\" col-id=\"Revenue\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"3\" style=\"left: 0px; width: 154px;\">$52,096.25</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"373\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"373\" col-id=\"Name\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"4\" style=\"left: 154px; width: 309px;\">BluUI Harbor Systems 0005</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 309,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"375\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"375\" col-id=\"Seats\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"5\" style=\"left: 463px; width: 154px;\">93</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"376\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"376\" col-id=\"Joined\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"6\" style=\"left: 617px; width: 154px;\">Jan 16, 2024</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"377\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"377\" col-id=\"LastActivity\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"7\" style=\"left: 771px; width: 309px;\">Sep 01, 2026, 11:25 AM</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 309,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"378\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"378\" col-id=\"Active\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-boolean\" tabindex=\"-1\" aria-colindex=\"8\" style=\"left: 1080px; width: 154px;\"><span class=\"blu-grid-cell-badge blu-grid-cell-badge--success\">Yes</span></div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 23px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 23,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"383\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"383\" col-id=\"__blu_actions\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-first-right-pinned ag-column-last\" tabindex=\"-1\" aria-colindex=\"9\" style=\"right: 0px; width: 90px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 22px, should be at least 24px by 24px). Is the neighbor a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 7.6px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 22px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 44,
                    "height": 22
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 7.6px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 7.6,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "button[aria-label=\"Actions for row 9\"]"
              ],
              "html": "<button class=\"blu-grid-row-action-trigger\" type=\"button\" aria-label=\"Actions for row 9\" title=\"Row actions\" aria-haspopup=\"menu\" aria-expanded=\"false\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 30px by 14.5px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 5px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 30px by 14.5px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 30,
                    "height": 14.5
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 5px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 5,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"391\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"391\" col-id=\"ag-Grid-SelectionColumn\" class=\"ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-column-first\" tabindex=\"-1\" aria-colindex=\"1\" style=\"left: 0px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 44,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"394\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"394\" col-id=\"__blu_details\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 44px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 44,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 2px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 2,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"386\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"386\" col-id=\"Revenue\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"3\" style=\"left: 0px; width: 154px;\">$60,015.50</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"385\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"385\" col-id=\"Name\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"4\" style=\"left: 154px; width: 309px;\">BluUI Juniper Co 0006</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 309,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"387\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"387\" col-id=\"Seats\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"5\" style=\"left: 463px; width: 154px;\">110</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"388\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"388\" col-id=\"Joined\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"6\" style=\"left: 617px; width: 154px;\">Jan 19, 2024</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"389\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"389\" col-id=\"LastActivity\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"7\" style=\"left: 771px; width: 309px;\">Sep 01, 2026, 01:42 PM</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 309px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 309,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"390\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"390\" col-id=\"Active\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-boolean\" tabindex=\"-1\" aria-colindex=\"8\" style=\"left: 1080px; width: 154px;\"><span class=\"blu-grid-cell-badge blu-grid-cell-badge--success\">Yes</span></div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 154px by 9px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 154,
                    "height": 9
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 9px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 9,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"395\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"395\" col-id=\"__blu_actions\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-first-right-pinned ag-column-last\" tabindex=\"-1\" aria-colindex=\"9\" style=\"right: 0px; width: 90px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 90px by 7.5px, should be at least 24px by 24px). Is the neighbor a target?\n  Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 5.4px instead of at least 24px. Is this a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 90px by 7.5px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 90,
                    "height": 7.5
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Element with negative tabindex has insufficient space to its closest neighbors. Safe clickable space has a diameter of 5.4px instead of at least 24px. Is this a target?",
                  "data": {
                    "closestOffset": 5.4,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "button[aria-label=\"Actions for row 10\"]"
              ],
              "html": "<button class=\"blu-grid-row-action-trigger\" type=\"button\" aria-label=\"Actions for row 10\" title=\"Row actions\" aria-haspopup=\"menu\" aria-expanded=\"false\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 30px by 1.5px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 1.6px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 30px by 1.5px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 30,
                    "height": 1.5
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 1.6px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 1.6,
                    "minOffset": 24
                  }
                }
              ]
            }
          ]
        }
      ],
      "passes": [
        "aria-allowed-attr",
        "aria-command-name",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-input-field-name",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-required-children",
        "aria-required-parent",
        "aria-roles",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "autocomplete-valid",
        "avoid-inline-spacing",
        "button-name",
        "bypass",
        "color-contrast",
        "document-title",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "html-has-lang",
        "html-lang-valid",
        "label",
        "link-name",
        "meta-viewport",
        "nested-interactive",
        "scrollable-region-focusable",
        "select-name",
        "summary-name",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "grid",
      "state": "Expanded column position and width"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/GridDemo?a11y-audit=1",
      "title": "BluGrid | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "light",
      "violations": [],
      "incomplete": [
        {
          "id": "aria-valid-attr-value",
          "impact": "critical",
          "help": "ARIA attributes must conform to valid values",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/aria-valid-attr-value?application=axeAPI",
          "tags": [
            "cat.aria",
            "wcag2a",
            "wcag412",
            "EN-301-549",
            "EN-9.4.1.2",
            "RGAAv4",
            "RGAA-7.1.1"
          ],
          "nodes": [
            {
              "target": [
                "#b9-ColumnsBtn > .blu-button--filled[aria-label=\"Columns\"][aria-haspopup=\"dialog\"]"
              ],
              "html": "<button data-button=\"\" class=\"blu-button blu-button--primary blu-button--filled blu-button--medium \" type=\"button\" aria-label=\"Columns\" aria-expanded=\"false\" aria-controls=\"\" aria-current=\"false\" aria-busy=\"false\" aria-haspopup=\"dialog\">",
              "failureSummary": "Fix all of the following:\n  Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls=\"\"",
              "checks": [
                {
                  "id": "aria-valid-attr-value",
                  "message": "Unable to determine if aria-controls referenced ID exists on the page while using aria-haspopup: aria-controls=\"\"",
                  "data": {
                    "messageKey": "controlsWithinPopup",
                    "needsReview": "aria-controls=\"\""
                  }
                }
              ]
            }
          ]
        },
        {
          "id": "color-contrast",
          "impact": "serious",
          "help": "Elements must meet minimum color contrast ratio thresholds",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/color-contrast?application=axeAPI",
          "tags": [
            "cat.color",
            "wcag2aa",
            "wcag143",
            "TTv5",
            "TT13.c",
            "EN-301-549",
            "EN-9.1.4.3",
            "ACT",
            "RGAAv4",
            "RGAA-3.2.1"
          ],
          "nodes": [
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(1) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Customer</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .blu-grid-number-header.ag-header-cell-sortable[aria-sort=\"none\"]:nth-child(2) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Revenue</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .blu-grid-number-header.ag-header-cell-sortable[aria-sort=\"none\"]:nth-child(3) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Seats</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(4) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Joined</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(5) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Last activity</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[aria-colcount=\"7\"] > .ag-grid-scrollable-area.ag-has-bottom-pinned-rows[data-ref=\"eGridScrollableArea\"] > .ag-grid-pinned-top-rows[data-ref=\"eTop\"][role=\"presentation\"] > .ag-header.ag-pivot-off.ag-header-allow-overflow > .ag-header-row-column.ag-header-row[aria-rowindex=\"1\"] > .ag-grid-scrolling-cells[role=\"presentation\"] > .ag-header-cell-sortable.ag-header-parent-hidden[aria-sort=\"none\"]:nth-child(6) > .ag-header-cell-comp-wrapper[data-ref=\"eHeaderCompWrapper\"][role=\"presentation\"] > .ag-header-cell-sorted-none.ag-cell-label-container[role=\"presentation\"] > .ag-header-cell-label[data-ref=\"eLabel\"][role=\"presentation\"] > .ag-header-cell-text[data-ref=\"eText\"]"
              ],
              "html": "<span class=\"ag-header-cell-text\" data-ref=\"eText\">Active</span>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined due to a pseudo element",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined due to a pseudo element",
                  "data": {
                    "fontSize": "9.0pt (12px)",
                    "fontWeight": "normal",
                    "messageKey": "pseudoContent",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"90\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"90\" col-id=\"Name\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-summary-label\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 0px; width: 342px;\">Totals\n250 server result</div>",
              "failureSummary": "Fix any of the following:\n  Element's background color could not be determined because it partially overlaps other elements",
              "checks": [
                {
                  "id": "color-contrast",
                  "message": "Element's background color could not be determined because it partially overlaps other elements",
                  "data": {
                    "contrastRatio": 0,
                    "fontSize": "8.3pt (11px)",
                    "fontWeight": "normal",
                    "messageKey": "elmPartiallyObscuring",
                    "expectedContrastRatio": "4.5:1"
                  }
                }
              ]
            }
          ]
        },
        {
          "id": "target-size",
          "impact": "serious",
          "help": "All touch targets must be 24px large, or leave sufficient space",
          "helpUrl": "https://dequeuniversity.com/rules/axe/4.13/target-size?application=axeAPI",
          "tags": [
            "cat.sensory-and-visual-cues",
            "wcag22aa",
            "wcag258"
          ],
          "nodes": [
            {
              "target": [
                "div[comp-id=\"593\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"593\" col-id=\"ag-Grid-SelectionColumn\" class=\"ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-cell-last-left-pinned ag-column-first\" tabindex=\"-1\" aria-colindex=\"1\" style=\"left: 0px; width: 44px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 44px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 44,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"587\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"587\" col-id=\"Name\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"2\" style=\"left: 0px; width: 342px;\">BluUI Aster Studio 0003</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 342px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 342px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 342,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"588\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"588\" col-id=\"Revenue\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"3\" style=\"left: 342px; width: 171px;\">$36,257.75</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 171,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"589\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"589\" col-id=\"Seats\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height blu-grid-number\" tabindex=\"-1\" aria-colindex=\"4\" style=\"left: 513px; width: 171px;\">59</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 171,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"590\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"590\" col-id=\"Joined\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"5\" style=\"left: 684px; width: 171px;\">Jan 10, 2024</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 171,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"591\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"591\" col-id=\"LastActivity\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height\" tabindex=\"-1\" aria-colindex=\"6\" style=\"left: 855px; width: 342px;\">Sep 01, 2026, 06:51 AM</div>",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 342px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 342px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 342,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            },
            {
              "target": [
                "div[comp-id=\"592\"]"
              ],
              "html": "<div role=\"gridcell\" comp-id=\"592\" col-id=\"Active\" class=\"ag-cell-value ag-cell ag-cell-not-inline-editing ag-cell-normal-height ag-column-last blu-grid-boolean\" tabindex=\"-1\" aria-colindex=\"7\" style=\"left: 1197px; width: 171px;\">",
              "failureSummary": "Fix any of the following:\n  Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?\n  Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
              "checks": [
                {
                  "id": "target-size",
                  "message": "Target has insufficient size because it is partially obscured by a neighbor with negative tabindex (smallest space is 171px by 17px, should be at least 24px by 24px). Is the neighbor a target?",
                  "data": {
                    "messageKey": "partiallyObscuredNonTabbable",
                    "minSize": 24,
                    "width": 171,
                    "height": 17
                  }
                },
                {
                  "id": "target-offset",
                  "message": "Target has insufficient space to its closest neighbors. Safe clickable space has a diameter of 17px instead of at least 24px. Is the neighbor a target?",
                  "data": {
                    "messageKey": "nonTabbableNeighbor",
                    "closestOffset": 17,
                    "minOffset": 24
                  }
                }
              ]
            }
          ]
        }
      ],
      "passes": [
        "aria-allowed-attr",
        "aria-command-name",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-input-field-name",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-required-children",
        "aria-required-parent",
        "aria-roles",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "autocomplete-valid",
        "avoid-inline-spacing",
        "button-name",
        "bypass",
        "color-contrast",
        "document-title",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "html-has-lang",
        "html-lang-valid",
        "label",
        "link-name",
        "meta-viewport",
        "nested-interactive",
        "scrollable-region-focusable",
        "select-name",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "grid",
      "state": "Loaded database pagination"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/CommandPaletteDemo?a11y-audit=1",
      "title": "CommandPalette | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "dark",
      "violations": [],
      "incomplete": [],
      "passes": [
        "aria-allowed-attr",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-required-children",
        "aria-required-parent",
        "aria-roles",
        "aria-toggle-field-name",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "button-name",
        "color-contrast",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "label",
        "meta-viewport",
        "nested-interactive",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "command-palette",
      "state": "Open command palette"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/ModalDemo?a11y-audit=1",
      "title": "Modal | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "dark",
      "violations": [],
      "incomplete": [],
      "passes": [
        "aria-allowed-attr",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-roles",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "avoid-inline-spacing",
        "button-name",
        "bypass",
        "color-contrast",
        "document-title",
        "duplicate-id-aria",
        "form-field-multiple-labels",
        "html-has-lang",
        "html-lang-valid",
        "label",
        "meta-viewport",
        "nested-interactive",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "modal",
      "state": "Busy open"
    },
    {
      "url": "https://personal-6kr71auc.outsystemscloud.com/BluGrid_Sample/TourDemo?a11y-audit=1",
      "title": "Tour | BluUI",
      "engine": {
        "name": "axe-core",
        "version": "4.13.0"
      },
      "mode": "dark",
      "violations": [],
      "incomplete": [],
      "passes": [
        "aria-allowed-attr",
        "aria-conditional-attr",
        "aria-deprecated-role",
        "aria-hidden-body",
        "aria-hidden-focus",
        "aria-prohibited-attr",
        "aria-required-attr",
        "aria-roles",
        "aria-valid-attr-value",
        "aria-valid-attr",
        "avoid-inline-spacing",
        "button-name",
        "bypass",
        "color-contrast",
        "document-title",
        "duplicate-id-aria",
        "html-has-lang",
        "html-lang-valid",
        "meta-viewport",
        "nested-interactive",
        "target-size"
      ],
      "viewport": {
        "width": 1904,
        "height": 1389
      },
      "documentOverflow": false,
      "slug": "tour",
      "state": "Open tour step"
    }
  ]
}
