a11y: Apply workspace Q&A toggle missing aria-expanded #99

New issue

Closed

opened 2026-04-14 15:44:29 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-14 15:44:29 -07:00

Owner

The APPLICATION Q&A section toggle button in ApplyWorkspace.vue does not set aria-expanded. Screen readers cannot tell users whether the section is open or closed.

Fails WCAG 4.1.2 (Name, Role, Value).

Fix: Find the Q&A toggle button and add :aria-expanded="qaExpanded" (matching whatever reactive ref controls open state).

<button :aria-expanded="qaOpen" @click="qaOpen = !qaOpen">
  Application Q&A {{ qaOpen ? ▲ : ▼ }}
</button>

The APPLICATION Q&A section toggle button in `ApplyWorkspace.vue` does not set `aria-expanded`. Screen readers cannot tell users whether the section is open or closed. Fails WCAG 4.1.2 (Name, Role, Value). **Fix:** Find the Q&A toggle button and add `:aria-expanded="qaExpanded"` (matching whatever reactive ref controls open state). ```html <button :aria-expanded="qaOpen" @click="qaOpen = !qaOpen"> Application Q&A {{ qaOpen ? ▲ : ▼ }} </button> ```