Improve accessibility

[tmfrnz]

Suggestions from a11y audit (to be confirmed)

High Priority:

• [ ] add alt text for images. also consider footer images (Success criteria 1.1.1)
• [ ] make sure headings have a sensible hierarchy (1.3.1a)
• [ ] cells in the first "main" columns of tables should be marked as row heading "th" (1.3.1f)
• [ ] makes sure all text has sufficient contrast, incl. placeholder (1.4.3)
• [ ] improve button descriptions and labels to reflect action they are triggering, i.e. filter buttons should indicate that the list is being filtered and updated on click (3.2.2)
• [ ] form fields must have descriptive labels - placeholder text is insufficient (3.3.2)

Medium/High

• [ ] buttons should not overlap on small screens (1.3.4)
• [ ] map and map elements should not overlap (1.3.4)

Medium

• [ ] Improve page title, also search query when searching
• [ ] improve link descriptions (2.4.4) - similar to 3.2.2 above
• [ ] improve error highlighting in forms (3.3.1)
• [ ] add aria-expanded to drop downs (4.1.2)

Medium/Low

• [ ] navigation items and similar item lists should be marked as lists (1.3.1b)
• [ ] improve contrast of focus frame in footer (2.4.7)
• [ ] make sure html ids are only assigned once (4.1.1)

Test cases for 1.3.4.

• [ ] text size
  • [ ] resolution 1280x768, zoom to 200%
• [ ] content breaking
  • [ ] viewport 320px
  • [ ] viewport 1280x1024, zoom to 400%

[tmfrnz]

country search (on nav card)

• [x] search field not highlighted
• [x] dropdown: items not highlighted
• [ ] clear search field button (x) should follow last item in dropdown

[tmfrnz]

• [ ] lists: tabbing out of tooltip should go back to tooltip link
• [x] download: accordion button should show focus
• [x] download: filename input field not styled/no focus
• [ ] print view: set focus to options