[ML] Ensure links are distinguished from surrounding text in a way that does not rely on color validation error on Overview page

[bhavyarm]

Kibana version: main

Browser version: chrome latest

Browser OS version: OS X

Describe the bug: These two links on ML overview page - transforms & entity-centric source data set here is failing the a11y validation rule:

Ensure links are distinguished from surrounding text in a way that does not rely on colour. 

[elasticmachine]

Pinging @elastic/kibana-accessibility (Project:Accessibility)

[elasticmachine]

Pinging @elastic/ml-ui (:ml)

[bhavyarm]

cc @1Copenut thanks

[bhavyarm]

cc @elastic/kibana-design this seems like a generic issue. So will need inputs. Thanks :)

[mdefazio]

@bhavyarm Here's a few thoughts on this:

• Entity-centric is a concept under Transforms. Likely that to understand it, the user must first understand transforms. So this seems premature to link to from here
• Transforms are required for most DF jobs, so we should be pushing them to create one more prominently
• The docs for Data Frame jobs provides a link to Transforms (in a callout at the top)—I'd recommend letting that do the work rather than duplicate it here
• So as for A11y issues, I think we can solve these by simply removing these links. Would still be good. to have @1Copenut review the proposed design to make sure. (We do still show links in callouts on the EUI docs pages, perhaps there's followup there too?)

Here's a mockup showing these changes:

• Adds a title to the callout: This text is long enough it would benefit from having a heading to provide context
• Swapped out callout text with some of the text from the Transforms doc callout on the data frame job docs page
• Added a secondary button to the empty prompt directing them to the Transform page within Stack Management. This could make sense as a button within the callout.

cc/ @szabosteve for some extra copy help—I tried condensing the Transform callout from the docs, but would be good to get your eyes on it. Thank you!

[szabosteve]

Hi @mdefazio, 👋

I would suggest only some minor changes in the transform callout text.

Title of the callout: 
Transform your data into a data frame

Description: 
Data frame analytics requires specifically structured source data; a two-dimensional tabular data structure. 
Use transforms to convert your data into a data frame.

WDYT?

(A side note: The transforms app contains a link to the transforms documentation, so I agree that linking to the transforms docs here in the empty state is not necessary.)

[mdefazio]

Works for me! Thanks for taking a look.

[1Copenut]

Linking related (wider) issue: #154570

[1Copenut]

@mdefazio Removing the accent links from the block of text meets the ask to my thinking. I think this solution works, with a caveat that we may end up revisiting it if so requested.

Links that stand away from other elements (low to no proximity) are easier to justify without underlines or icons, because their deliberate offset / placement gives them a subtle suggestion of action.

[peteharverson]

Moving to 8.9.0, where we plan to address this issue as part of wider changes planned for the Overview page.