[Obs Infrastructire > Inventory flyout][COGNITION]: Create rule form has challenging UX for screen reader users

[1Copenut]

Point of contact

@petrklapka

Description

The Inventory > Kubernetes Pods popover has two UX rough edges that could create significant issues for screen reader users. I've called these out in the attached screenshot. Design input will be needed to make the proper adjustments.

Steps to recreate

1. Open Inventory Hosts map view
2. Change Hosts to Kubernetes Clusters
3. Click a tile to open the popover
4. Click "Create Inventory Rule"
5. When the modal is open, compare it to the screenshot below for UX considerations

Environment

• MacOS
• Safari
• VoiceOver

Screenshots or Trace Logs

WCAG or Vendor Guidance (optional)

• Understanding SC 1.3.1: Info and Relationships (Level A)
• Understanding SC 3.3.1: Error Identification (Level A)

[smith]

Since this is about the rule creation flow I'm handing this over to @elastic/obs-ux-management-team.

[jasonrhodes]

For the chart text, I assume we need some kind of alt text or aria text that describes the chart by saying "X of Y buckets are over the threshold" or something similar to that?