Skip to content

IDEA GATHERING: Links need meaningful text #2342

@mariathecitizen

Description

@mariathecitizen

What is the problem?
Scanned our test environment using axe-core (https://github.com/dequelabs/axe-core) and Playwright (https://github.com/microsoft/playwright)

The following pages related to Idea Gathering were scanned

test.app.citizenos.com/en/topics
test.app.citizenos.com/en/topics/ideation/create
test.app.citizenos.com/en/topics/ideation/edit/
test.app.citizenos.com/en/topics/[topic-id]#ideation
test.app.citizenos.com/en/topics/[topic-id]/ideas/[idea-id]
List of buttons missing meaningful labels or descriptions

List of links missing meaningful descriptions

  1. .nav > .logo_wrap > a[routerlink="/"][href="/"]
  2. .footer_icon_wrap[target="_blank"]:nth-child(1)
  3. .footer_icon_wrap[target="_blank"]:nth-child(2)
  4. a[href$="Citizen_OS"]
  5. a[href$="citizenos"]

Why is this a problem?

  1. Context needed for screen readers

Possible solution.
As per axe-core (https://github.com/dequelabs/axe-core) suggestions, any of the following should be fixed

Fix all of the following:

Element is in tab order and does not have accessible text

Fix any of the following:

Element does not have text that is visible to screen readers
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    Status

    No status

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions