Skip to content

Add ARIA roles and labels to tabs and icon buttons #2

Description

@false200

What is this about?

Problem

Cipher's UI has almost no accessibility metadata. Screen reader users can't tell which tab is active or what icon-only buttons do.

Currently only one aria-hidden exists on the brand icon.

Where to look

  • index.html — tab buttons (~617), titlebar buttons (~602), composer, opacity slider (~705), capture remove buttons

Acceptance criteria

  • Tab list uses role="tablist"; tabs have role="tab", aria-selected, aria-controls
  • Icon-only buttons (hide, close, remove capture, copy code) have aria-label
  • Opacity slider has a label or aria-label

Skills needed

HTML accessibility basics — great first PR, no backend work.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or improvementgood first issueGood for newcomersui/uxInterface and experience

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions