summary | time | deliverables |
---|---|---|
Fix some accessibility problems for VoiceOver & make sure the document prints properly. |
1 hour |
1 HTML file, 3 CSS files, images |
- Fork this repository.
- Fix a few accessibility problems:
- Add the appropriate ARIA landmark roles to tags in the HTML.
- Add proper
aria-label
attributes to the navigation items to make them sound better in VoiceOver; also considerrole="presentation"
to hide unnecessary items from VoiceOver. - Make a few small tweaks to the print styles for better paper accessibility; both in the CSS & HTML with Modulifier’s print classes.
- Run it through Markbot and make sure it passes all the checks.
- Colours:
#000
(for print)
Visually match the images in the “screenshots” folder.
- Final screenshots in the “screenshots” folder.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.