mindpatterns icon indicating copy to clipboard operation
mindpatterns copied to clipboard

HTML Accessibility Pattern Examples

Results 32 mindpatterns issues
Sort by recently updated
recently updated
newest added

With keyboard focus on textbox, pressing down key results in textbox losing focus. Focus should remain on textbox, while ARROW key navigates active descendant.

bug
Screen reader: Narrator

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...

![Screen Shot 2020-11-09 at 10 38 18 AM](https://user-images.githubusercontent.com/38065/98582364-bc44a500-2277-11eb-9a11-60849329cce5.png)

![Screen Shot 2020-11-06 at 12 10 52 PM](https://user-images.githubusercontent.com/38065/98410333-5531b100-2029-11eb-9e5b-82b1b2ca4fe9.png)

![Screen Shot 2020-11-06 at 12 10 52 PM](https://user-images.githubusercontent.com/38065/98410333-5531b100-2029-11eb-9e5b-82b1b2ca4fe9.png)

Create a new messaging pattern to document "characters remaining" behaviour on textarea element.

enhancement

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...

enhancement

https://ebay.gitbook.io/mindpatterns/disclosure/panel-dialog

enhancement

https://ebay.gitbook.io/mindpatterns/disclosure/input-dialog

enhancement

https://ebay.gitbook.io/mindpatterns/disclosure/fullscreen-dialog

enhancement