{
    "title": "Accessible Online Tool UX Checklist",
    "updated": "2026-08-06",
    "methodology": "The checklist is derived from WCAG-oriented interaction patterns and applied manually to public tool workflows.",
    "limitations": "It is not a conformance audit or certification and does not cover every disability, browser, assistive technology, or legal requirement.",
    "columns": [
        "Area",
        "Check"
    ],
    "rows": [
        [
            "Page structure",
            "One descriptive H1 and logical headings"
        ],
        [
            "Form labels",
            "Every field has a programmatic label"
        ],
        [
            "Instructions",
            "Required format appears before input"
        ],
        [
            "Keyboard",
            "All controls operate without a mouse"
        ],
        [
            "Focus",
            "Visible focus indicator"
        ],
        [
            "Order",
            "Focus follows visual and logical sequence"
        ],
        [
            "Errors",
            "Specific text identifies field and remedy"
        ],
        [
            "Error association",
            "Message is tied to the field"
        ],
        [
            "Results",
            "Result update is announced appropriately"
        ],
        [
            "Units",
            "Units stay visible and are not placeholder-only"
        ],
        [
            "Buttons",
            "Action labels describe outcome"
        ],
        [
            "Contrast",
            "Text and controls meet applicable contrast"
        ],
        [
            "Zoom",
            "Content works at enlarged text/zoom"
        ],
        [
            "Reflow",
            "No essential horizontal scrolling on narrow screens"
        ],
        [
            "Motion",
            "Nonessential motion can be reduced"
        ],
        [
            "Color",
            "Meaning is not conveyed by color alone"
        ],
        [
            "Tables",
            "Headers identify rows/columns"
        ],
        [
            "Iframe",
            "Embed has a descriptive title"
        ]
    ]
}