search

angelajholden / fiberandkraft

An e-commerce platform designed for fiber enthusiasts looking to purchase custom blend wool and hand-dyed yarn.
https://fiberandkraft.herokuapp.com/
0 stars 0 forks source link

User Story - Keyboard shortcuts #1

Closed angelajholden closed 4 months ago

angelajholden commented 4 months ago

User Story

As a user, I want to navigate a site using my keyboard, so I can move quickly to the things I want to see.

Feature Description

<action> the <result> <by|for|of|to> <object>

Implement the code by correctly using HTML elements to support keyboard shortcuts.

Input User presses the tab key on their keyboard.

Activation Elements receive focus on the web page.

Action As the tab key is pressed, the focus moves from interactive item to interactive item.

Output When user is focused on item of interest, pressing return will activate that item as if they had clicked in it with a mouse.

Fully Dressed Use Case

Input Action
Screenreader moved forward or backward by tabbing Screenreader jumps to elements that receive focus
Up or down keyboard arrows pressed Page scrolls up or down
angelajholden commented 4 months ago

Keyboard shortcuts - tab, focus, arrows, enter - all work as expected. Will continue to make sure these work as new elements are built.