Accessibility

[NateWr]

This issue is for tracking and discussion various accessibility/WCAG issues regarding the mockups. At the time of writing, the mockups have made no considerations for accessibility. As a start, I think the following will improve things:

• [x] Get :focus styles working when tabbing through main nav menu
• [x] Add Skip to #content link for screen readers
• [ ] Add Skip to #side-panel link nested under #content. Some consideration will need to be given here for what we call the side panel that can be useful for screen readers. The side panel is way down at the footer which means it's "out of order" for screen readers.
• [ ] Use section elements with h* elements for .item-list table titles.
• [ ] Add hidden screen reader h* elements for the action buttons area (Request Revisions, Resubmit for Review)
• [x] Check color scheme for minimum color contrasts. It might be useful to make a color guide as a start on a general style guide.
• [ ] Title attributes on help links that are nothing but icons
• [ ] Title attributes (or hidden screen reader text) on file type icons.
• [ ] Add keyboard nav patterns to nav menu

[NateWr]

Tabbing through menu added in 5dfafb413b2f262c8716fdfd06fc038f51d4a227.

Skip to #content link added in aac80d8c3f718867f8e267133807f9676b969133.

Removed Skip to #nav link item because nav is already at the top of the document.

[NateWr]

Color combos passed contrast tests using colorable after some adjustments to the grey shading in the side panel in b413d955ae0ba387f766732d40bb197a1db45e98.