1 | patron | logs in and navigates to the library catalog | - displays selectable option for:
- Books is selected by default
- ebooks are displayed in the lanes
- Interface can be read by a screen reader
- For Screen reader, tabs must announce if selected.
- Should indicate how many tabs in list, ex "Books, selected, 1 of two"
| | | - Selected tab needs to be indicated with more than color (Note, Android mockup currently using just color)
|
2 | patron | selects "Audio" tab | - audio books tab displays in selected state
- audio books are displayed with 'audio' badge or icon as shown
- 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) When a user selects a new tab, once the new books load that is announced to a user of a screen reader. Chat about best approach. |