Frontend

Make file upload inputs and drop zones usable with keyboard and screen readers

Prevent flashing content that could trigger seizures in sensitive users

Apply Flexbox patterns for alignment, spacing and one dimensional layouts

Move and restore focus during dialogs, route changes and dynamic updates

Make sure sticky headers and banners never hide the focused element

Check that keyboard focus moves through the page in a logical order

Add visible custom focus indicators so keyboard users see where they are

Give each form field a single label so screen readers announce it once

Attach a visible label to every form control with label for or wrapping

Validate forms accessibly with clear messages that screen readers announce

Give iframes and frames a title so screen readers say what they contain

Replace JavaScript class toggling on parents with the CSS :has selector

Use a logical heading hierarchy from h1 down so structure is clear to readers

Keep heading levels in order so no level is skipped in the outline

Stop horizontal scrolling at 320px width and 400% zoom for WCAG reflow

Keep lang and xml:lang in sync for XHTML and polyglot documents

Use header, nav, main, article and footer elements for page structure

Make links with the same text and purpose point to the same destination

Remove redundant alt text that repeats nearby captions or link names

Prefer immutable data updates that avoid hidden mutations in JavaScript

Give image buttons alt text that says what the button does

Use semantic input type values like email, tel and date for better input

Move inline JavaScript out of HTML attributes and into script files

Replace JavaScript redirects with server side redirects that crawlers can follow

Parse JSON safely with error handling so bad input does not crash scripts

Make every interactive element reachable and usable with the keyboard alone

Make visible labels match accessible names so voice control users can use them

Include exactly one main landmark so screen reader users can jump to content

Wrap page regions in proper landmarks so assistive tech can navigate by section

Set a valid lang attribute on html and on foreign language passages

Write descriptive link text so each link makes sense out of context

Use correct ul, ol and li structure so lists are announced as lists

Make sure every li sits inside a ul or ol and ARIA listitem has a list parent

Show loading indicators so users know when content is still on its way

Use CSS logical properties so layouts flip correctly for right to left text

Replace meta refresh redirects with real server side redirects

Make modal dialogs keyboard accessible with focus trapping and Escape to close

Use modern array and object methods like map, filter and Object.entries

Keep CSS class names consistent with one naming convention across components

Mark up site navigation with nav landmarks that screen readers can jump to

Add noscript fallback content so pages still work without JavaScript

Provide alternative text for object and embed elements that show content

Add an offline fallback page so users on flaky networks still see something

Test layouts in portrait and landscape and remove needless orientation locks

Make pagination controls accessible with clear labels and current page state

Allow pasting into all form inputs, including password and code fields

Handle plural forms correctly for every locale instead of simple count strings

Make a web app installable as a PWA and ready for PWA Builder store submission

Respect reduced motion preferences so animations can be turned down