Contents

Frontend Development

Accessibility

Making software usable by everyone, including people with disabilities.

Backend Engineer track

Junior

Write correct code, ship small changes safely, ask good questions.

Mid-level

Own a feature end to end without hand-holding.

Nothing here yet.

Senior

Own a system, its failure modes, and its trade-offs.

Nothing here yet.

Staff

Shape how many teams build, across systems.

Nothing here yet.

Principal

Set technical direction for the organization.

Nothing here yet.

Frontend Engineer track

Junior

Build UI that works, ship small changes safely, ask good questions.

Core: start here

3 more junior concepts
  • Accessible FormsLabels, error messages and instructions that are announced correctly.
  • Screen ReaderSoftware that reads the interface aloud for blind and low-vision users.
  • Visible FocusNever removing the focus outline without a replacement.

Mid-level

Own a feature end to end without hand-holding.

Core: start here

  • Accessible NameThe text assistive technology announces for an element.
  • ARIAAttributes that add accessibility information when HTML alone isn't enough.
  • First Rule of ARIAUse a native HTML element instead of ARIA whenever possible.
  • Focus ManagementMoving focus sensibly in modals, route changes and dynamic content.
  • WCAGThe Web Content Accessibility Guidelines and their A, AA and AAA levels.
4 more mid-level concepts
  • Accessibility TestingAutomated checks like axe plus manual keyboard and screen reader testing.
  • LandmarksRegions like header, nav and main that screen readers can jump between.
  • Reduced MotionRespecting users who ask for less animation.
  • Skip LinkA link that jumps past navigation to the main content.

Senior

Own an app's architecture, performance, and failure modes.

Staff

Shape how many teams build, across apps.

Nothing here yet.

Principal

Set technical direction for the organization.

Nothing here yet.