Skip to content

Decorative SVG icons expose as unlabeled images in the a11y tree #62

Description

@aasis21

Problem

Several decorative SVGs on the landing ("What you can do" icons, privacy lock, step icons) surface as img nodes without an accessible name in the accessibility snapshot, despite being visual-only. They should be hidden from AT.

Suggested fix

Ensure decorative SVGs have aria-hidden="true" / role="presentation" (and no implicit img role) so screen readers skip them.

Where

mobile/src/components/LandingScreen.tsx (ICONS, LOCK_ICON, step/do icons).


Filed from a UI research sweep of the Helm mobile app (landing + live demo session) using Playwright + full source review, cross-referenced against Claude, ChatGPT, GitHub Copilot Chat, and Codex/Claude Code UIs.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions