Improve Elastic UI Accessibility

[aphelionz]

This ticket will contain the main index of all other issues related to Elastic UI accessibility.

• Elastic UI Chrome (issues that are related to the presentation wrapper, not specific elements themselves

Guidelines

• Buttons
• Colors (looks good)
• Modals
• Text scales (looks good)
• Toasts
• Writing

Layout

• Accordion
• Bottom Bar
• Flex (looks good)
• Flyout
• Header
• Horizontal Rule (looks good)
• Modal
• Page (looks good)
• Panel - question for call: should the hoverable panel be selectable via keyboard nav?
• Popover
• Spacer (looks good)

Navigation

• Button
• Context Menu
• Key Pad Menu (looks good but need to ask more context)
• Link (looks good)
• Pagination
• Side Nav
• Steps - one small note
• Tab (looks good)

Display

Hard to test without context. For example the loading icons.

• Avatar (looks good out of context (OOC))
• Badge
• Call Out (looks good)
• Card (looks ok)
• Code (looks good)
• Description List (looks good)
• EmptyPrompt (looks good)
• Health (looks good)
• Icons (looks good)
• Image (looks good)
• Loading (looks good OOC)
• Progress (looks good OOC)
• Tables
• Text (looks good)
• Title (looks good)
• Toast
• ToolTip

Forms

• Form layouts
• Form controls
• Form validation
• Combo Box
• Color Picker
• Code Editor (looks good)
• Date Picker (Incomplete: no accessibility work done, needs to be done before I can test) Dependent on Date picker accessibility #793
• Expression (looks great!)
• Filter Group (small issues but captured elsewhere)
• Search Bar (small issues but captured elsewhere)

[aphelionz]

Unassigning myself since I'm not sure this should be assigned to me. Correct me if I'm wrong @bhavyarm @rayafratkina

[snide]

Closing this as this is no longer a meta ticket we track and most of the issues have been previously closed.