carbon-design-system / ibm-products

A Carbon-powered React component library for IBM Products
https://carbon-for-ibm-products.netlify.app/
Apache License 2.0
90 stars 128 forks source link

Evaluate Keyboard tabs and Keyboard guidelines pages #5504

Open aubrey-oneal opened 1 month ago

aubrey-oneal commented 1 month ago

There is both a keyboard shortcut guidelines page in Patterns and a Keyboard (operation) guidance page.

Keyboard shortcut guidance

This pattern is suggesting a consistent way to show a user the keyboard shortcuts within a product

Keyboard (operation) guidance

This is "pattern" is outlining how to annotate keyboard operations of a product, likely used to hand off to a developer

elycheea commented 1 month ago

@aubrey-oneal I always considered these two a bit different even though at a glance they feel similar. One is more guidance on how to design (and annotate) keyboard interactions (actually guidelines) — this could possibly be merged with Accessibility content though.

“Keyboard Shortcut Guidance” could probably be called just “keyboard shortcuts” (a pattern!) and be more focus on how we trigger and display shortcuts for experiences that does include them.