Progress indicator confused for radio bottons (interactive to progress)

[meirachefitz]

Environment

Operating system
Any
Browser
Any

Within a service in IBM Cloud Platform

Detailed description

What version of the Carbon Design System are you using?
latest
What did you expect to happen?
Users expected that if they click on an "empty circle", it would move them to the next step of the process.
What happened instead?
Only after they noticed the "radio button" was not clickable did the users see the bottom right button to proceed to the next step.

What WCAG 2.1 checkpoint does the issue violate?
I could not map this to a specific item in WCAG 2.1

Steps to reproduce the issue

Dependent upon access to the service.

Please create a reduced test case in CodeSandbox

Additional information

This is where we are seeing the issue

[tw15egan]

cc @carbon-design-system/design

[laurenmrice]

We plan to update the icons in this component for this reason. It will look something like this but we will post final design specs once we come to a conclusion with our icon indicator guidance that we are working on right now. 👍

[tw15egan]

@laurenmrice has there been any more work on this?

[laurenmrice]

@tw15egan Not yet. Once we get some dedicated design time for this we will update the spec. 👍

[tymekg]

Hi, not sure if it's worth a separate issue, so commenting here:
@laurenmrice The blue bar on top looks confusing. It does not reinforce the message about progress but adds ambiguity instead. This occurs both in your new design pasted above and in the current implementation (we are using v10.31):

I think the bar is stretched to far, it makes impression that it's almost done with the Running step, while actually the step Pending is still in progress.

[thyhmdo]

We plan to update the icons in this component for this reason. It will look something like this but we will post final design specs once we come to a conclusion with our icon indicator guidance that we are working on right now. 👍

This is correct according to our guidance. Except that we have blue for the Not started. And seems like we don't have that icon in either our Icon page or Sketch. We also don't have a specific icon for disabled, but the description says that it is used for upstarted tasks or disabled processes, I think it makes sense.

[thyhmdo]

@abbeyhrt the final spec (updated again, we decided to go back to dark gray for Not started)

[abbeyhrt]

@thyhmdo thank you for the final spec! @laurenmrice or Thy, do you all know when the "Not started" icon will be available?

[laurenmrice]

@abbeyhrt The "Not started" icon is available. The icon name is just circle-dash https://carbon-elements.netlify.app/icons/examples/preview/#CircleDash16