🎩 O-Hat Standalone Scanner

Welcome to the Test Site

This is a companion project to O-Hat Scanner, providing a local test environment for accessibility scanning. This site contains multiple pages with intentional accessibility issues for testing and evaluation purposes.

Scanner Tool

Use the standalone scanner to evaluate the pages on this site:

Test Pages

Each page below contains different types of accessibility issues to test scanner detection capabilities:

📄 Page 1: Images & Contrast

Tests for missing alt text and color contrast issues.

Missing image alt text
Poor color contrast (7.77:1 ratio)
Visit Page 1 →

📋 Page 2: Forms & Labels

Tests for missing form labels and field associations.

Inputs without associated labels
Missing form field descriptions
Visit Page 2 →

🎯 Page 3: Buttons & Headings

Tests for missing button text and improper heading hierarchy.

Icon button without accessible name
Skipped heading levels (h1 to h3)
Visit Page 3 →

⚙️ Page 4: ARIA & Language

Tests for ARIA misuse and missing language declarations.

Incorrect role usage
Missing page language attribute
Visit Page 4 →

✨ Demo Bad Page

Comprehensive test page with multiple violation types.

Various accessibility errors
Visit Demo Page →

📝 Auth: Login Page

Tests form accessibility in authentication flows.

Form accessibility violations
Visit Login Page →

📑 Blog: Post 1

Tests content accessibility in blog format.

Table structure issues
Heading hierarchy problems
Visit Blog Post →

📖 Blog: Post 2

Manual testing issues - what axe cannot detect.

Meaningless alt text examples
Semantic misuse (contextual)
Visit Blog Post 2 →

🎬 Page 5: Media & Captions

Tests video, audio, and embedded media accessibility.

Missing video captions
Iframe without title
Visit Page 5 →

📊 Page 6: Tables & Data

Tests data table structure and associations.

Table headers not associated
List structure violations
Visit Page 6 →

This text has poor contrast (text color #777777 on background #888888) - intentional for testing.

Quick Start

  1. Open the Accessibility Scanner
  2. Select "Custom List" as the scan source
  3. Enter one or more of these test pages:
    • http://127.0.0.1:8082/standalone/page1.html
    • http://127.0.0.1:8082/standalone/page2.html
    • http://127.0.0.1:8082/standalone/page3.html
    • http://127.0.0.1:8082/standalone/page4.html
  4. Click "Start Scan" to begin evaluation
  5. Review violations, passes, and incomplete checks