GoogleChromeLabs / GoogleChromeLabs/ui-element-samples

Swipeable cards a11y

Open
#18 4 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
4.1k
Forks
723
Avg merge
3m
Merged PRs (30d)
4

Description

The cards present an interesting challenge because there isn't a great analog for them in existing browser semantics.

Some things I was considering...

Can the cards be made out of a ul and li instead of divs? That way the screen reader would announce how many cards are in the list. Alternatively I think you could give the parent div a role of `list` and the children a role of `listitem`.

Can the cards be made focusable. Maybe adding a hint with an aria-label that they can be deleted either by swiping or pressing the esc key.

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.