Anchors in disabled viz picker option...?

[ceyerkes]

Hi!

Wondering if it's ok/a good idea to use an anchor in a disabled visual picker option.

The scenario: How should we direct a user to set up dbt if they haven't set it up yet? We've considered a couple options:

1. Disable the dbt visual picker option, and provide an anchor within the copy to the setup page.
2. Enable the dbt option, but if they select it, pop up a modal explaining that they need to set up dbt before continuing.
3. Enable the dbt option, but if they select it, pop up a callout below explaining that they need to set up dbt before continuing.
4. Don't show the dbt option at all if they haven't set it up yet.

Anchor within the visual picker feels cleanest, but i wasn't sure if that breaks accessibility.

[TwilioPasteBot]

Disclaimer: This is a very experimental bot using OpenAI's GPT-4. The answers may not be correct, a human will review the answer and update it if necessary.

---

Sorry, I don't know how to help with that.

I did do a search though, and I managed to find these other Discussions that might be similar or related to your question. Give them a read to see if they answer your question. If they do, head back here and update this discussion and mark it as answered, pointing others to the related discussion:

• Callout vs. Alert vs. Empty State + CTA (updated: 04/04/2024, similarity score: 85%)
• Is there a disabled state for an anchor? (updated: 07/07/2021, similarity score: 84%)
• Button vs Anchor (updated: 12/01/2022, similarity score: 83%)

[roxanagomez]

Hi @ceyerkes thank you for sharing this, according to Paste guidelines all elements in a disabled state should set all text colors to color-text-weak and gray out any other content, also it ads a cursor: not-allowed as an additional visual cue, so adding children-active-elements might be confusing and might pose accessibility challenges for people using screen-readers.

An option you could try in order to keep the 2 visual pickers, is to add a help text with the anchor to set up the dbt model under the disabled option.

[ceyerkes]

perfect, thanks @roxanagomez!