Scroll-progress stopwatch inspired by Ryan Mulligan’s scroll-driven animation experiment and adapted for this WordPress resource template.
Guides
Accessibility Review Starter Guide
A starter review for checking headings, keyboard flow, focus visibility, labels, contrast, media text, and common WordPress template issues.
This starter guide gives teams a practical first accessibility pass for WordPress pages and reusable front-end components.
Use this when
- A page or block is ready for QA.
- The team needs to catch common accessibility issues before launch.
- A design needs review beyond visual polish.
Starter review checklist
- Check that headings follow a meaningful order.
- Use the keyboard to move through navigation, filters, forms, and buttons.
- Confirm visible focus states are easy to see.
- Review form labels, helper text, and error messages.
- Check color contrast for text, buttons, badges, and muted copy.
- Confirm images have useful alt text or are intentionally decorative.
Interactive component checks
- Can the component be reached with a keyboard?
- Can it be operated without a mouse?
- Does focus move in a predictable order?
- Is the current state communicated visually and semantically?
- Does the component still work at small screen widths?
Common issues to watch for
- Buttons or links that only communicate state with color.
- Icon-only controls without accessible names.
- Form errors that are visually present but hard to associate with fields.
- Custom interactions that work with a mouse but not a keyboard.
Quality check
- Do not rely on color alone to communicate state.
- Test interactive components in their real template context.
- Document remaining issues clearly if they require a deeper audit.
Trusted references
Further reading
A few trusted references for teams that want to go deeper.