carbon icon indicating copy to clipboard operation
carbon copied to clipboard

Published 20 hours ago • verified publisher icon Sage

Axe violation found in advanced-color-picker

Open divyajindel opened this issue 3 years ago • 3 comments

Current behaviour

  1. ARIA dialog and alertdialog nodes should have an accessible name - Ensures every ARIA dialog and alertdialog node has an accessible name.

  2. Buttons must have discernible text - Ensures buttons have discernible text

Screenshot 2022-03-09 at 22 58 15

Expected behaviour

No axe violation should occur.

CodeSandbox or Storybook URL

https://carbon.sage.com/?path=/story/advanced-color-picker--default-story

JIRA Ticket (Sage Only)

No response

Suggested Solution

No response

Carbon Version

latest

What browsers are you seeing the problem on?

Chrome

What Operating System are you seeing the problem on?

MacOS

Anything else we should know?

No response

Confidentiality

  • [X] I confirm there is no confidential or commercially sensitive information included.

divyajindel avatar Mar 09 '22 23:03 divyajindel

Hi @tempertemper, is there a solution you would recommend here? Thanks!

Parsium avatar Mar 15 '22 14:03 Parsium

This is probably one to kick back to design. You could add an ARIA label to each colour, but that's only half the battle: a visible label paired with the 'colour swatch' is the most accessible way to do this.

tempertemper avatar Mar 15 '22 15:03 tempertemper

@harpalsingh please could you take a look at this?

Parsium avatar May 31 '22 13:05 Parsium