Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

StepActorActionResultMobile DesignAlternate FlowAccessibility Notes
1patronlogs in and navigates to the library catalog
  • displays selectable option for:
    • All
    • Books
    • AudiobooksAll
  • 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)
2patronselects "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.

...