[Observability Onboarding] Add ARIA labels to option containers on the main screen

[mykolaharmash]

Closes https://github.com/elastic/observability-accessibility/issues/125 (🔒 internal)
Closes https://github.com/elastic/observability-accessibility/issues/124 (🔒 internal)

Improves accessibility of the option groups.

[obltmachine]

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

• /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
• run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

[kibana-ci]

💚 Build Succeeded

• Buildkite Build
• Commit: d2c955a
• Kibana Serverless Image: docker.elastic.co/kibana-ci/kibana-serverless:pr-190707-d2c955ae267d

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id	before	after	diff
observabilityOnboarding	247.4KB	247.4KB	+81.0B

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

[flash1293]

LGTM

[thomheymann]

There's been a regressions as a result of this PR.

The description and icons inside each card are no longer clickable.

This is because they were moved from the label prop to the children prop.

Users now need to click directly on either the radio button or the label itself to select the card. This is not expected behaviour, the entire card should be clickable and change the selection.

[flash1293]

@thomheymann was the comment above fixed already? If not, could you create an issue to track it please?