Versions Compared

Old Version 67

changes.mady.by.user Unknown User (kimberlywhite)

Saved on

compared with

New Version 68

changes.mady.by.user Unknown User (jackkim)

Saved on

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?

 

Image Removed 

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

For reference: what we have now

 

2patron

clicks header/facet button to view menu

KW: not sure what the clickable element is called

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".
  

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:
    • All
    • 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"

 

Image Removed 

 

 

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 RemovedImage Added Image Added

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  

...