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.

Intentional Accessibility Violations

The elements below contain violations for the scanner to catch.

image click here

This text has low contrast.