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 '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?

 

https://www.figma.com/file/VJuFJNGaVSwdXF2VWiVuZ4oe/NYPL-SimplyE-mobile?node-id=29%3A3329

Would like to style the 'Format' facet to look more like a banner

If audiobooks are turned off in the circulation manager for the library, then no entry point will exist for audiobooks. In this case, the facet/header should be hidden.

 

2patron

clicks header/facet button to view menu

displays 'Formats' menu with selectable options for:
    • All  
    • Books
    • Audiobooks
  • 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"
   
3patronselects "Audiobooks"
  • audiobooks displays in selected state
  • audiobooks are displayed in 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".
Image AddedIf no audiobooks are found, then UI presents a message, "No audiobooks found."

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.

4patronselects "All"KW: need to discuss if it's possible to allow patrons to browse in all formats, or if 'All' is only available when performing a search   

1b. iOS Patron browses audio books in SimplyE

Description: iOS Patron navigates to the catalog and browses by selecting ebook, audiobooks, or all formats.

Main Flow

StepActorActionResultiOS DesignAlternate FlowAccessibility Notes
1patronlogs in and navigates to the library catalog
  • displays selectable options for:
    • Books
    • Audiobooks
  • Books is selected by default
  • ebooks are displayed
  • Selectable interface is accessible and can be read by a screen reader
    • Screen reader must announce if selected.
    • Should indicate how many selections in list, ex "Books, selected, 1 of two"

 

 

 

 

2patronselects "Audiobooks"
  • audiobooks displays in selected state
  • audiobooks are displayed
  • 'audio' badge or icon is shown on all audiobooks
  • 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".

Image Added

https://www.figma.com/file/VJuFJNGaVSwdXF2VWiVuZ4oe/NYPL-SimplyE-mobile?node-id=28%3A3

 

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.

3patronselects "All"KW: need to discuss if it's possible to allow patrons to browse in all formats, or if 'All' is only available when performing a search   

2. Patron searches for an audiobook in SimplyE

Description: Patron selects audiobooks format and clicks on the search field, enters a book title, and views audiobooks results.

Main Flow

StepActorActionResultiOS DesignAndroid DesignAlternate FlowAccessibility
1patronlogs in and navigates to the library catalog
  • displays options to select:
    • Books
    • Audiobooks
    • All
  • ebooks are selected by default
  • ebooks are displayed

 

  

 

 

 
2patronselects "Audiobooks"
  • audiobooks format displays in selected state
  • audiobooks are displayed with 'audio' badge or icon as shown
    
3patronwith 'Audiobooks' selected, clicks 'search' field

keyboard displays and search field becomes active

*Note: there is a bug that shortens the search field. This must be fixed.

  

patron clicks 'cancel' and is returned to step 2

 
4patronmakes an entry in the search field and clicks 'return' or 'search'
  • Displays audiobooks that match search parameters
  • audio badge or icon displays as shown
  If no results are found displays a 'no results found' message. 
5patronselects 'All'

Displays both ebook and audio books that match search parameters

audio or ebook badge/icon displays on each to indicate content type

  

Patron clicks "books" tab and it displays all ebooks matching search parameters

IF patron entered search parameters with Books tab displayed, THEN they will be able to click the Audio tab and see all audiobooks matching search parameters.

 

 


3. Patron borrows an audiobook in SimplyE  

...