mindpatterns
mindpatterns copied to clipboard
HTML Accessibility Pattern Examples
With keyboard focus on textbox, pressing down key results in textbox losing focus. Focus should remain on textbox, while ARROW key navigates active descendant.
Scope: remove all local hardcoded CSS and replace with eBay Skin import (bundled with Webpack). A subset of styles can be overridden using Skin's CSS Custom Property API. See: eBay/skin#1452...



Create a new messaging pattern to document "characters remaining" behaviour on textarea element.
We often see developers stumbling over this one, and subsequent accessibility defects. Most notably in terms of where and how to place the interactive element (i.e. the link or button...
https://ebay.gitbook.io/mindpatterns/disclosure/panel-dialog
https://ebay.gitbook.io/mindpatterns/disclosure/input-dialog
https://ebay.gitbook.io/mindpatterns/disclosure/fullscreen-dialog