[Obs Infrastructure > Hosts][SCREEN READER]: Tooltips must be able to take keyboard focus: 0006

[1Copenut]

Point of contact

@petrklapka

Description

See https://github.com/elastic/observability-accessibility/issues/65 for full description of the issue and code reference for a suggested fix.

Environment

• MacOS
• Safari + VO
• [Hosts table](https://serverless-hkonz-eb67d0.kb.eu-west-1.aws.qa.elastic.cloud/app/metrics/hosts?_a=(dateRange:(from:%272024-06-20T15:43:20.000Z%27,to:%272024-06-21T19:48:29.000Z%27),filters:!(),limit:100,panelFilters:!(),query:(language:kuery,query:%27%27))&controlPanels=(cloud.provider:(explicitInput:(fieldName:cloud.provider,id:cloud.provider,title:%27Cloud%20Provider%27),grow:!f,order:1,type:optionsListControl,width:medium),host.os.name:(explicitInput:(fieldName:host.os.name,id:host.os.name,title:%27Operating%20System%27),grow:!f,order:0,type:optionsListControl,width:medium),service.name:(explicitInput:(fieldName:service.name,id:service.name,title:%27Service%20Name%27),grow:!f,order:2,type:optionsListControl,width:medium))&tableProperties=(detailsItemId:!n,pagination:(pageIndex:0,pageSize:10),sorting:(direction:desc,field:rx)))

Screenshots or Trace Logs

WCAG or Vendor Guidance (optional)

• Understanding SC 2.1.1 Keyboard (Level A)

[alexwizp]

@1Copenut, The current table API doesn't allow adding extra buttons as siblings to the sort button.

For that case keyboard navigation works as expected.

https://github.com/elastic/observability-dev/assets/20072247/e77d2928-2014-4f0c-81e1-81cc250a1ee6

We can discuss possible solution here

[alexwizp]

Blocked by https://github.com/elastic/eui/issues/7963