Sk16ck / only-keyboards-allowed

Solve keyboard focus problems in this small accessibility-related exercise.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

summary time deliverables
Solve keyboard focus problems in this small accessibility-related exercise.
1 hour
1 HTML file, 4 CSS files, images

Only keyboards allowed

Overview

  • Fork this repository.
  • Fix the keyboard focus problems on the links and buttons as you navigate around the page with the keyboard; the focused element should be obvious and distinguishable from all other visible links.
  • Fix the other accessibility problems: ARIA roles & skip links.
  • The HTML file only needs small changes to fix accessibility-related problems—the layout is already complete.
  • 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.
    These don’t include what the focus states should look like.

Hand in

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

About

Solve keyboard focus problems in this small accessibility-related exercise.


Languages

Language:CSS 95.2%Language:HTML 4.8%