Skip to content

Filter select elements in Abilities Explorer lack accessible names #641

Description

@Trushiv04

Description

Description

The provider and category filter <select> elements on the Abilities Explorer screen do not have accessible names. This causes a WCAG 2.1 AA violation as screen readers cannot announce the purpose of each dropdown.

Expected Behavior

Each filter dropdown should have an accessible name indicating its purpose (e.g. "Filter by provider", "Filter by category").

Actual Behavior

Both <select> elements render with no label, aria-label, or aria-labelledby — screen readers cannot announce what they control.

References

  • WCAG 2.1 SC 1.3.1 Info and Relationships
  • WCAG 2.1 SC 4.1.2 Name, Role, Value
  • Affected file: includes/Experiments/Abilities_Explorer/Ability_Table.php

Step-by-step reproduction instructions

Steps to Reproduce

  1. Navigate to Tools → AI → Abilities Explorer (/wp-admin/tools.php?page=ai-abilities-explorer)
  2. Inspect the "All Providers" and "All Categories" filter dropdowns
  3. Observe that each <select> has no associated label

Screenshots, screen recording, code snippet

Image

Environment info

No response

Please confirm that you have searched existing issues in the repo.

  • Yes

Please confirm that you have tested with all plugins deactivated except the AI plugin.

  • Yes

Please confirm which theme type you used for testing.

  • Block
  • Classic
  • Hybrid (e.g. classic with theme.json)
  • Not sure

Metadata

Metadata

Assignees

Labels

[Type] BugSomething isn't working

Type

No type
No fields configured for issues without a type.

Projects

Status
Done

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions