Description

The ToggleControl components in ApprovalMatrixCard.tsx are rendered with an empty label="" prop. This causes WCAG 2.1 AA violations as screen readers cannot announce the purpose of each checkbox.

Steps to Reproduce

1. Navigate to Tools → AI → Connector Approval (/wp-admin/tools.php?page=ai-connector-approval)
2. Inspect the toggle checkboxes in the approval matrix table
3. Observe that each checkbox has an empty label

Expected Behavior

Each toggle should have a descriptive accessible label indicating which caller and connector it controls.

Actual Behavior

Each <input type="checkbox"> renders with an empty <label> — screen readers cannot announce the purpose of the toggle.

Proposed Fix

I have a working fix ready for this issue — it addresses the screen reader support on the Connectors screen. I can share a brief outline or open a PR once the approach is confirmed.

Before Fix Applied

After Fix Applied

References

• WCAG 2.1 SC 1.3.1 Info and Relationships
• WCAG 2.1 SC 4.1.2 Name, Role, Value
• Affected file: src/experiments/connector-approval/components/ApprovalMatrixCard.tsx