Skip to content

Improve accessibility #102

@onmax

Description

@onmax

Description

To make our app more friendly for assistive technologies, we should implement the following improvements to support screen readers, keyboard navigation, and other tools.

Tasks

  • Mark decorative containers: Add aria-hidden="true" to any
    that only holds icons (e.g. those using the i-nimiq:... syntax) or is otherwise empty/decorative.
  • Provide meaningful alt text on images and icons that convey information.
  • Follow other best practices
  • Ensure focus indicators are visible for keyboard users.
  • Clarify structure for screen readers
  • Establish a clear heading hierarchy (H1 → H2 → H3).
  • Add a “Skip to content” link at the top of each page.
  • Improve blog posts for screen readers—see this video for guidance on /blog.

Discussion

  • Are there any other accessibility checks we should include?
  • What’s the best approach for testing—manual review vs. automated tooling (e.g. axe, Lighthouse)?

Done when:

  • All checklist items are implemented.
  • CI passes

Metadata

Metadata

Assignees

No one assigned

    Labels

    P2Not critical at the momentUICSS and layout relatedoutsourcedtasks for contractor

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions