WCAG Compliance Checker

List all WCAG compliance check results

{
  "data": [
    {
      "id": "wcc-001",
      "check_type": "contrast",
      "screen_name": "LoginScreen",
      "passed": false,
      "wcag_level": "AA",
      "checked_at": "2026-03-26T07:00:00Z"
    },
    {
      "id": "wcc-002",
      "check_type": "touch_target",
      "screen_name": "Dashboard",
      "passed": true,
      "wcag_level": "AA",
      "checked_at": "2026-03-26T07:05:00Z"
    }
  ],
  "pagination": {
    "page": 1,
    "limit": 20,
    "total": 2
  }
}

Get full details of a specific WCAG compliance check

{
  "id": "wcc-001",
  "check_type": "contrast",
  "screen_name": "LoginScreen",
  "foreground_color": "#9CA3AF",
  "background_color": "#FFFFFF",
  "contrast_ratio": 2.85,
  "required_ratio": 4.5,
  "passed": false,
  "wcag_criterion": "1.4.3",
  "wcag_level": "AA",
  "checked_at": "2026-03-26T07:00:00Z"
}

Run a new WCAG compliance check

{
  "check_type": "contrast",
  "screen_name": "ProfileScreen",
  "foreground_color": "#374151",
  "background_color": "#F9FAFB"
}

{
  "id": "wcc-003",
  "check_type": "contrast",
  "screen_name": "ProfileScreen",
  "foreground_color": "#374151",
  "background_color": "#F9FAFB",
  "contrast_ratio": 9.72,
  "required_ratio": 4.5,
  "passed": true,
  "wcag_criterion": "1.4.3",
  "wcag_level": "AA",
  "checked_at": "2026-03-26T12:00:00Z"
}

Update the WCAG level target or rerun configuration for a check

{
  "wcag_level": "AAA"
}

{
  "id": "wcc-003",
  "check_type": "contrast",
  "screen_name": "ProfileScreen",
  "wcag_level": "AAA",
  "required_ratio": 7,
  "passed": false,
  "updated_at": "2026-03-26T12:01:00Z"
}

Delete a WCAG compliance check record

{
  "message": "Compliance check wcc-003 deleted"
}

Check if a widget meets the minimum 44x44dp touch target size requirement

{
  "widget_key": "icon-btn-notifications",
  "screen_name": "TopBar",
  "width_dp": 32,
  "height_dp": 32
}

{
  "widget_key": "icon-btn-notifications",
  "screen_name": "TopBar",
  "width_dp": 32,
  "height_dp": 32,
  "required_dp": 44,
  "passed": false,
  "wcag_criterion": "2.5.5",
  "recommendation": "Increase touch target to at least 44x44dp using padding or GestureDetector wrapper"
}

Validate that a semantic tree contains all required accessibility attributes

{
  "screen_name": "AppointmentBookingForm",
  "semantic_tree": {
    "root": "appointment-form",
    "nodes": [
      {
        "key": "date-picker",
        "label": "Appointment date",
        "role": "textField",
        "hint": "Select date"
      },
      {
        "key": "time-picker",
        "label": null,
        "role": "button",
        "hint": null
      }
    ]
  }
}

{
  "screen_name": "AppointmentBookingForm",
  "total_nodes": 2,
  "passed_nodes": 1,
  "failed_nodes": 1,
  "passed": false,
  "issues": [
    {
      "node_key": "time-picker",
      "missing": [
        "label",
        "hint"
      ],
      "wcag_criterion": "1.3.1"
    }
  ]
}

Generate a full WCAG compliance report for a named screen

{
  "screen_name": "PatientRegistration",
  "wcag_level": "AA"
}

{
  "id": "wcag-report-007",
  "screen_name": "PatientRegistration",
  "wcag_level": "AA",
  "generated_at": "2026-03-26T12:05:00Z",
  "overall_passed": false,
  "summary": {
    "contrast_checks": {
      "passed": 8,
      "failed": 2
    },
    "touch_target_checks": {
      "passed": 12,
      "failed": 0
    },
    "semantic_completeness_checks": {
      "passed": 15,
      "failed": 1
    }
  },
  "critical_issues": [
    "Label text on 'helper-text' has contrast ratio 2.1:1",
    "'submit-btn-secondary' missing accessible label"
  ]
}

{
  "contract_summary": {
    "total_contracts": 410,
    "total_endpoints": 2416,
    "api_styles_used": [
      "rest"
    ]
  },
  "generated_at": "2026-03-26T06:55:53.316Z"
}