Skip to content

Accessibility: Missing ARIA Labels on Icon-Only Buttons #12

Description

@HarshalPatel1972

Problem

Several critical action buttons rely purely on icons to convey their function (e.g., the RefreshCw button, or the X button on pins) and lack text or �ria-label attributes.

Why it matters

Screen readers will only announce them as "button", making their purpose incomprehensible to visually impaired users.

Suggested Solution

Add explicit �ria-label attributes to all icon-only buttons.

Severity

High

Category

Accessibility

Estimated Difficulty

Easy

Files

src/app/(app)/dashboard/page.tsx, src/app/(app)/pins/page.tsx`n

Evidence

// src/app/(app)/dashboard/page.tsx:220
<button
  onClick={() => refetch()}
  disabled={isRefetching}
  // No aria-label
>
  <RefreshCw size={16} />
</button>

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions