Skip to content

Instantly share code, notes, and snippets.

@mpaiva-cc
Created May 23, 2025 20:37
Show Gist options
  • Select an option

  • Save mpaiva-cc/fe11a824e9cbed267e1d1972849d9c12 to your computer and use it in GitHub Desktop.

Select an option

Save mpaiva-cc/fe11a824e9cbed267e1d1972849d9c12 to your computer and use it in GitHub Desktop.
Brainier Accessibility Work Plan

Brainier Accessibility Work Plan

4-Week Friday Schedule

Friday 1: May 23, 2024

Focus: Semantic Headings & Navigation

Semantic Headings

  • Ensure all pages use a single <h1> and logical heading order (<h2>, <h3>, etc.).
  • Remove heading tags used for styling only.
  • Add missing headings to structure content.

Navigation

  • Ensure all navigation menus are accessible via keyboard.
  • Ensure navigation regions have proper aria-labels.
  • Provide skip-to-content links.
  • Ensure focus indicators are visible for all interactive elements.

Friday 2: May 30, 2024

Focus: Search & Landmarks

Search

  • Ensure search fields are labeled and accessible.
  • Provide clear instructions for search functionality.
  • Ensure search results are announced to screen readers.

Landmarks

  • Use ARIA landmarks (role="main", role="navigation", etc.) appropriately.
  • Ensure each page has at least one main landmark.
  • Avoid duplicate landmark roles on a single page.

Friday 3: June 6, 2024

Focus: Links & Images

Links

  • Ensure all links have descriptive text (no “click here”).
  • Avoid duplicate link text for different destinations.
  • Ensure links are distinguishable from surrounding text.

Images

  • Provide meaningful alt text for all images.
  • Mark decorative images with empty alt="".
  • Avoid using images of text.

Friday 4: June 13, 2024

Focus: Forms & Color Contrast

Forms

  • Ensure all form fields have associated labels.
  • Provide clear error messages and instructions.
  • Ensure forms are navigable and usable via keyboard.

Color Contrast

  • Ensure text has a contrast ratio of at least 4.5:1 against its background.
  • Check contrast for icons and graphical elements.
  • Avoid using color as the only means of conveying information.

Issue Type In Plan? Recommendation
Semantic Headings Yes -
Navigation Yes -
ARIA Roles (esp. tables) No Add explicit ARIA review
Table Structure No Add explicit table review
Landmarks Yes -
Forms Yes -
Color Contrast Yes -
Automated Testing No Add as recurring/final task
Remediation Tracking Partial Map tracker issues to plan

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment