summary: 'Fix some HTML semantic accessibility problems for VoiceOver & some CSS design-specific problems.' time: '1 hour' deliverables: '1 HTML file, 1 CSS file, images'

Kraken good accessibility

Overview

• Fork this repository.
• Fix a few accessibility problems:
  1. Confirm the HTML semantics are good.
  2. Confirm the appropriate navigational landmarks are in place.
  3. Confirm the text read by VoiceOver is logical & helpful.
  4. Confirm the design is appropriately accessible.
• Run it through Markbot and make sure it passes all the checks.

Goal

Visually match the images in the “screenshots” folder.

• Final screenshots in the “screenshots” folder.

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit for grades using Markbot.