- A custom bookmark icon
- Mobile-friendly navigation
- 6-10 functioning pages
- The same branding/styling the site already employs.
- A manifest for offline browsing
- ARIA Roles
- Progressive enhancement (i.e. the site needed to look and function well on all browsers including older browsers)
I decided to use the Bootstrap framework to address the mobile usability issues with the small screen sizes and larger touch targets which worked out quite nicely. A mega-menu, drop-down styling was applied to all the main menu links to allow for accessibility and scan-ability access. A left-sidebar navigation menu was added to all sub-pages with accordion styled sub-links that disappear to conserve space. On small screen sizes, the left-sidebar navigation slides to the left leaving more room on the page for content while remaining quickly accessible.