Page History

• 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

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

For reference: what we have now

clicks header/facet button to view menu

KW: not sure what the clickable element is called

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

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