Step | Actor | Action | Result | Mobile Design | Alternate Flow | Accessibility Notes |
---|
1 | patron | logs in and navigates to the library catalog | - displays 'Formats' with 'Books' format selected by default
- ebooks are displayed in the lanes
- Interface can be read by a screen reader:
- For Screen reader, selection must announce
- KW: does it need to announce that there is a menu that can be viewed?
| Image Removed | Image Added Would like to style the 'Format' facet to look more like a banner | Image Added For reference: what we have now | |
2 | patron | clicks ______ to view menu KW: not sure what is clicked to activate menu? | displays 'Formats' menu with selectable options for:- Interface can be read by a screen reader:
- For Screen reader, selection must announce if selected.
- Should indicate how many selections in list, ex "Books, selected, 1 of three"
| | | |
3 | patron | selects "Audiobooks" | - audiobooks displays in selected state
- audiobooks are displayed with 'audio' badge or iconin the lanes
- Icons must be accessible: Book format, indicated with small red icon, should also be represented as programmatically accessible text. So a screen reader would hear "title of book"+"audiobook" or "title of book"+"ebook".
| | | When a user selects a new tab, the focus should stay on that tab (is screen reader user isn't bumped back to top of page) KW: this may not be applicable if we aren't using tabs? When a user selects a new format, once the new books load that is announced to a user of a screen reader. Chat about best approach. |