Problem
billing.computeGauge.component.vue (PR #4126) has two accessibility gaps:
role="region" with tabindex="0" supports keyboard focus expansion, but aria-expanded is missing. Screen readers are not informed of the expand/collapse state.
- Expansion relies solely on
mouseenter/mouseleave and focus/blur. Touch-only users cannot reveal the "remaining · resets" detail line.
Fix
- Bind
:aria-expanded="isExpanded" on the region element
- Add
@click or @touchstart toggle for the expansion state
Affected file(s)
src/modules/billing/components/billing.computeGauge.component.vue
Problem
billing.computeGauge.component.vue(PR #4126) has two accessibility gaps:role="region"withtabindex="0"supports keyboard focus expansion, butaria-expandedis missing. Screen readers are not informed of the expand/collapse state.mouseenter/mouseleaveandfocus/blur. Touch-only users cannot reveal the "remaining · resets" detail line.Fix
:aria-expanded="isExpanded"on the region element@clickor@touchstarttoggle for the expansion stateAffected file(s)
src/modules/billing/components/billing.computeGauge.component.vue