# Oobee Client Scanner — Test Page

This page intentionally contains several accessibility violations so `oobee-client-scanner.js` has something to detect. Open the browser DevTools console for the full JSON output.

## How to integrate into your own page

1. Add the script — include the scanner before your closing `</body>` tag:

       <script src="https://cdn.jsdelivr.net/gh/GovTechSG/oobee@0.10.86/oobee-client-scanner.js"></script>

   This points to the `v0.10.86` release. Update the version tag as needed for newer releases.
2. Run the scan — call `window.oobee.scan()` in your own script, e.g. on a button click or on page load:

       <script>
         window.oobee.scan({
           userInfo: { email: 'you@example.com', name: 'Your Name' },
           // disableOobee:   false,  // true → skip oobee custom checks
           // enableWcagAaa:  true,  // true → also run WCAG AAA rules
           // elementsToScan: [],     // [] = full page; or pass CSS selectors / DOM nodes
         }).then(function(results) {
           console.log(JSON.stringify(results, null, 2));
         });
       </script>

3. Navigate to a flagged element — call `window.oobee.scrollToElement(item.xpath)` with any `item.xpath` value from the scan results to scroll and highlight it.

## Scan Summary

Category | Total Occurrences | Unique Rules
--- | --- | ---

## Issues Found

Category | Rule ID | Occurrences | Elements | Conformance | Short Description | Long Description | Step-by-Step Guide
--- | --- | --- | --- | --- | --- | --- | ---

## Raw JSON — Full Scan Results

Complete output of `window.oobee.scan()`, including every occurrence per rule. Use this to build your own UI on top of the scanner.

## Raw JSON — Description Maps

Flat maps of `shortDescription`, `longDescription`, and `stepByStepGuide` keyed by rule ID — only rules found in this scan are included.

### Intentional Accessibility Violations

The elements below contain violations for the scanner to catch.

click here

This text has low contrast.