Skip to main content
Skip to content
Shadesblue logo

Accessibility Menu & Utilities

Lead Developer (with Communications) · 2025

Accessibility Menu & Utilities

PProblem

Pages needed consistent, unobtrusive accessibility helpers to support keyboard users, screen readers, and inclusive content editing.

WWhat I did

  • Implemented skip-to-content links, focus-visible styles, and logical heading structures.
  • Provided editable alt/label patterns and link text guidance inside content blocks.
  • Built reusable components that avoid color-only cues and maintain contrast.
  • Wrote short editor docs to keep posts accessible over time.

IImpact

  • Greater baseline accessibility across new pages without extra dev work.
  • Editors have clear, repeatable patterns for accessible content.

TTraining

Delivered an accessibility checklist and micro-tutorials embedded in the editor workflow.

Stack

  • Semantic HTML
  • Tailwind tokens
  • Vanilla JS

Live site

https://www.scsk12.org/