[accessibility-review] TOC filter control is mouse-only and its input is unlabeled

[github-actions[bot]]

Problem

The Contents filter is implemented as a clickable <i> element. It is not keyboard focusable, has no semantic button role, no accessible name, and does not expose whether the filter is open. Once opened, the text input has only a placeholder and no associated label. Keyboard and screen-reader users cannot discover or operate this feature reliably.

WCAG 2.2

• 2.1.1 Keyboard (Level A): all functionality must be operable through a keyboard interface.
• 4.1.2 Name, Role, Value (Level A): the filter toggle needs a programmatic name, role, and state.
• 3.3.2 Labels or Instructions (Level A): the search field needs a persistent programmatic label.

Evidence

EssentialCSharp.Web/src/components/SidebarPanel.vue:78-90:

<h5 style="margin-right:8px;">Contents</h5>
<i class="fa-solid fa-filter" @click="shell.enableTocFilter = shell.enableTocFilter === 'filter' ? 'none' : 'filter'" />
...
<input v-model="shell.searchQuery" type="text" class="filter-input" placeholder="Search sections..." />

Replace the icon with a <button type="button"> labelled, for example, Filter contents, expose aria-expanded and aria-controls, and associate a visible or visually-hidden <label for="..."> with the input.

Warning

Firewall blocked 7 domains

The following domains were blocked by the firewall during workflow execution:

• accounts.google.com
• android.clients.google.com
• clients2.google.com
• update.googleapis.com
• www.google.com
• www.gstatic.com
• www.microsoft.com

To allow these domains, add them to the network.allowed list in your workflow frontmatter:

network:
  allowed:
    - defaults
    - "accounts.google.com"
    - "android.clients.google.com"
    - "clients2.google.com"
    - "update.googleapis.com"
    - "www.google.com"
    - "www.gstatic.com"
    - "www.microsoft.com"

See Network Configuration for more information.

Generated by Accessibility Review · copilot · gpt56 · 18.6 AIC · ⌖ 2.87 AIC · ⊞ 29K · ◷

_{Add this agentic workflow to your repo}

To install this agentic workflow, run

gh aw add githubnext/agentics/workflows/accessibility-review.md@5d11aa2a05ce2c943c085acb7b12b583f83ed375

• expires on Oct 11, 2026, 8:39 AM UTC

[github-actions[bot]]

This discussion was automatically closed because it expired on 2026-10-11T08:39:11.229Z.

Closed by Workflow