Daily Accessibility ReviewAnchor elements used as buttons without href or role="button" are not keyboard accessible

[github-actions[bot]]

Problem

In shell/pages/home.vue, two <a> elements are used as interactive buttons without an href attribute and without role="button". These anchor elements are not keyboard-focusable by default (since they have no href), meaning keyboard-only users and screen reader users cannot interact with them.

Code Location

shell/pages/home.vue, lines ~496 and ~660:

<!-- line ~496 -->
<a `@click`="toggleAltClusterListDisabled(true)">{{ t('landing.clusters.tooMany.showAll') }}</a>

<!-- line ~660 -->
<a `@click`="toggleAltClusterListDisabled(false)">{{ t('landing.clusters.tooMany.showSome') }}</a>

These appear inside <h2 class="too-many-clusters"> elements and are the only way to toggle between "show all" and "show some" cluster views.

Impact

• Keyboard users cannot tab to or activate these controls.
• Screen reader users may not understand these are interactive — without role="button" or an href, the semantics are ambiguous.

WCAG 2.2 Reference

• 2.1.1 Keyboard (Level A) — All functionality must be operable through a keyboard interface. (www.w3.org/redacted)
• 4.1.2 Name, Role, Value (Level A) — For all user interface components, the name and role can be programmatically determined. (www.w3.org/redacted)

Suggested Fix

Replace the <a> elements with <button> elements (preferred, since there is no navigation URL) or add appropriate ARIA attributes:

<!-- Preferred: use a button element -->
<button
  type="button"
  class="btn btn-link"
  `@click`="toggleAltClusterListDisabled(true)"
>
  {{ t('landing.clusters.tooMany.showAll') }}
</button>

If keeping <a> for styling reasons, add role="button", tabindex="0", and keyboard handler:

<a
  role="button"
  tabindex="0"
  `@click`="toggleAltClusterListDisabled(true)"
  `@keydown`.enter.space.prevent="toggleAltClusterListDisabled(true)"
>
  {{ t('landing.clusters.tooMany.showAll') }}
</a>

Generated by Daily Accessibility Review · ● 2.4M · ◷

• expires on Jun 5, 2026, 8:36 AM UTC

[github-actions[bot]]

This discussion was automatically closed because it expired on 2026-06-05T08:36:58.761Z.

Closed by Workflow