Skip to content
FunCoding

accessible-notifications

Use when reviewing templates, rendered HTML, or shared components related to Make notifications accessible. Validate the final browser-facing markup, not just the source framework abstraction.

Star
74,442
License
MIT
Last commit
Oct 6, 2026

skills/accessible-notifications/SKILL.md

View on GitHub

Make notifications accessible

Without proper ARIA attributes, screen reader users miss critical notifications like form errors, success messages, and real-time updates—leaving them unaware of important page changes.

Quick Reference

  • Use aria-live regions to announce dynamic content changes
  • Choose between 'polite' (waits) and 'assertive' (interrupts) based on urgency
  • Ensure notifications persist long enough to be read
  • Provide visible and programmatic dismiss options

Check

Verify notifications use aria-live regions, appropriate role (alert or status), and persist long enough to be read.

Fix

Implement notifications with role='alert' or role='status', aria-live='polite' or 'assertive', and adequate display time.

Explain

Explain how accessible notifications ensure all users are informed of important updates regardless of how they interact with the page.

Code Review

Review templates, server-rendered HTML, and shared components that output markup related to Make notifications accessible. Flag exact elements, attributes, and routes where the rendered HTML violates the rule.


For full implementation details, code examples, and framework-specific guidance, see references/rule.md.

Rule page: https://frontendchecklist.io/rules/html/accessible-notifications

Similar Skills

test-driven-development

OBobra/superpowers298k2,631 new stars in the last 7 days

migrate-to-shoehorn

MAmattpocock/skills288k10,178 new stars in the last 7 days

agent-runtime-gateway-smoke-test

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Featured

accessibility

Audit accessibility on Web, iOS, and Android to meet WCAG 2.2, with keyboard navigation and screen-reader support.

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

ai-regression-testing

AFaffaan-m/ECC278k4,046 new stars in the last 7 days

Official

firecrawl-build-interact

FIfirecrawl/firecrawl191k2,010 new stars in the last 7 days