Overview
This screen depicts what happens when someone selects a particular theme (e.g. "Identity") from the Home Screen (theme index) page.
Storycard
- Heading should be: "Galleries of Identity"
- Theme icon (e.g. "Identity") alt text = "Theme: Identity"
- Sub heading should consist of two lines, first: "Tap one of the galleries below to read more about it"; second: "Use the PRINT MAP button to take a copy of the map with you" with PRINT MAP in bold and caps
- Each Galleries icon has alt text corresponding to the name of the gallery "African American", followed by the word "Gallery", e.g. ALT = "African American Gallery"
- Galleries Icons could be structured as an unordered list
- Maps depicting Levels of the DIA could be given the alt text "On Level 1 of the DIA, you will find art in the Contemporary, African American, and British Portrait galleries related to the theme of Identity.." etc.
Touch Screen Navigation
- Tapping on a Gallery Icon (e.g. "Medici") takes the user to the next screen (Gallery View)
- Tapping on the gallery in the map space (e.g. the location of "Medici" on the map) takes the user to the next screen (Gallery View)
- Tapping in the box around the gallery's name in the name next to the highlighted gallery on that map, takes the user to the next screen (Gallery View)
Keyboard Navigation
- Focus order: list of galleries, print icon, Home Screen Theme index page (entire theme index bubble as a whole is focasable, but not the elements inside), start over
- Focus is visible
- Arrow keys are used to give an icon focus; focus can be cycled around
- Pressing enter on an element with Focus (e.g. a Gallery Icon) takes the user to the Galleries Index associated with that theme