github.com/thedaviddias/Front-End-Checklist74.6k

Front-End-Checklist

🗂 The essential checklist for modern web development, for humans and AI agents

/plugin marketplace add thedaviddias/Front-End-Checklist

thedaviddias/Front-End-Checklist preview

40 skills

404 Page

Checks the custom 404 page's final markup and status code in the browser.

thedaviddias/Front-End-Checklist74.6k

About Page

Checks metadata, crawlability and structured data on the About page.

thedaviddias/Front-End-Checklist74.6k

Accessibility Testing

Sets up repeatable automated accessibility checks, with manual testing still needed.

thedaviddias/Front-End-Checklist74.6k

Accessible Authentication

Reviews sign-in, sign-up, MFA and recovery flows for accessibility.

thedaviddias/Front-End-Checklist74.6k

Accessible Notifications

Makes notifications announced to screen readers with correct markup.

thedaviddias/Front-End-Checklist74.6k

Accessible Tables

Checks that tables use semantic markup that screen readers can read.

thedaviddias/Front-End-Checklist74.6k

Accessible Tooltips

Checks tooltips are reachable, labelled and announced by assistive technology.

thedaviddias/Front-End-Checklist74.6k

Accesskeys

Checks that accesskey values are unique on a page.

thedaviddias/Front-End-Checklist74.6k

Accordion Accessibility

Checks accordions can be operated from the keyboard.

thedaviddias/Front-End-Checklist74.6k

Affiliate Disclosure

Checks affiliate links carry a clear disclosure on the page.

thedaviddias/Front-End-Checklist74.6k

AI Content Review

Reviews and refines AI-generated page content for quality and accuracy.

thedaviddias/Front-End-Checklist74.6k

All Noindex Pages

Finds every page marked noindex so none is hidden by mistake.

thedaviddias/Front-End-Checklist74.6k

Alt Text

Checks images have meaningful alt text, sensible size and loading strategy.

thedaviddias/Front-End-Checklist74.6k

Anchor Smooth Scroll

Checks in-page anchor links can scroll instantly for users who prefer it.

thedaviddias/Front-End-Checklist74.6k

Anchor Text

Checks links use descriptive anchor text rather than generic words.

thedaviddias/Front-End-Checklist74.6k

Animated Content

Finds slow animated GIFs and suggests video conversion where it helps.

thedaviddias/Front-End-Checklist74.6k

Animation Performance

Checks animations use transform and opacity so they stay smooth.

thedaviddias/Front-End-Checklist74.6k

ARIA Allowed Attributes

Checks each ARIA attribute is allowed for its role.

thedaviddias/Front-End-Checklist74.6k

ARIA Command Name

Checks command elements have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Deprecated Role

Flags deprecated ARIA roles and replaces them with current ones.

thedaviddias/Front-End-Checklist74.6k

ARIA Dialog Name

Checks dialogs have an accessible name for screen readers.

thedaviddias/Front-End-Checklist74.6k

ARIA Hidden Body

Checks that aria-hidden is not set on the document body.

thedaviddias/Front-End-Checklist74.6k

ARIA Hidden Focus

Checks no focusable element sits inside an aria-hidden container.

thedaviddias/Front-End-Checklist74.6k

ARIA Input Field Name

Checks form fields and custom inputs have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Labels

Checks every interactive element has an accessible name.

thedaviddias/Front-End-Checklist74.6k

ARIA Live Regions

Checks dynamic content is announced through ARIA live regions.

thedaviddias/Front-End-Checklist74.6k

ARIA Meter Name

Checks meter elements have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Progressbar Name

Checks progress bars have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Required Attributes

Checks ARIA roles include the attributes they require.

thedaviddias/Front-End-Checklist74.6k

ARIA Required Children

Checks composite ARIA widgets contain the child roles they need.

thedaviddias/Front-End-Checklist74.6k

ARIA Required Parent

Checks ARIA roles sit inside their required parent roles.

thedaviddias/Front-End-Checklist74.6k

ARIA Roles

Checks ARIA role values are valid.

thedaviddias/Front-End-Checklist74.6k

ARIA Text

Checks role text elements contain no focusable descendants.

thedaviddias/Front-End-Checklist74.6k

ARIA Toggle Field Name

Checks toggle fields have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Tooltip Name

Checks tooltips have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Treeitem Name

Checks tree items in custom tree widgets have accessible names.

thedaviddias/Front-End-Checklist74.6k

ARIA Valid Attributes

Checks ARIA attribute names are valid.

thedaviddias/Front-End-Checklist74.6k

ARIA Valid Attribute Value

Checks ARIA attribute values are valid.

thedaviddias/Front-End-Checklist74.6k

Front-End Checklist Global

Audits a frontend codebase against the full Front-End Checklist rule set.

thedaviddias/Front-End-Checklist74.6k

Front-End Checklist

Reviews frontend code and live pages against the Front-End Checklist rules.

thedaviddias/Front-End-Checklist74.6k