Skip to content

Accessibility Issue with "Latest Version" Icon #311

Description

@msymons

Current Behavior:

The Components Tab for projects displays a "Latest Version" icon as seen here:

image

The use of images in this way is an accessibility issue as the only way to distinguish between icons is by colour.

Steps to Reproduce:

Browse to any project and vew the latest version icons.

It is possible to enable the "Latest Version" column which displays actual version numbers... but then one has to perform a comparison on every component to pick out which are actually out of date. Much slower.

Expected Behavior:

There is nothing wrong with colour, per se. A way to improve accessibility would be to combine with shape. There are a lot of excellent resources on how best to select shapes to indicate status, as shapes can also have cultural significance.

eg square or tick (green) could be used to indicate "up to date". Note also that this current status currently has an exclamation mark on it... which can be a bit confusing to some as this symbol is often associated with a warning of some sort.

If shapes ARE used then I would hope that would allow the possibility of having the version status displayed in a separate column so that they can be sorted... allowing everything that is not up to date to be grouped together for improved usability. This latter logged as #322

Environment:

  • Dependency-Track Version: 4.6.1
  • Client Browser: Firefox 106
  • Client O/S: Windows 10

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

      Milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions