21-Point Checklist for Max Rankings & Usability
Normal text has 4.5:1 contrast; Large text has 3:1 against background.
Site is usable when zoomed to 200% without horizontal scrolling or overlapping text.
Color is not the ONLY way to convey info (e.g., Error fields use red AND an icon/text).
Nothing flashes more than 3 times per second (prevents seizures).
Buttons, inputs, and icons have a 3:1 contrast ratio against the background.
Headings follow order H1 > H2 > H3 without skipping levels.
Unique <title> tag for every page describing its topic.
Links say where they go ("View Report") vs generic ("Click Here").
All informative images have `alt` attributes describing function/content.
Charts/Graphs have detailed descriptions in text nearby or via aria-describedby.
All functionality (menus, forms, buttons) works with ONLY the Tab key.
You can clearly see which element has focus (outline/border) when tabbing.
`<html lang="en">` is set. Helps screen readers pronounce text correctly.
A "Skip to Main Content" link appears on the first tab press.
Form inputs have visible labels explicitly associated with them.
Form errors are identified in text and suggestions for correction are given.
No horizontal scrolling on mobile; content stacks correctly.
Buttons/Links are at least 44x44px so they are easy to tap.
Menus appear in the same location and order on every page.
Any video content has accurate synchronized captions/subtitles.
Users are not timed out of reading/forms without warning.
https://khacreationusa.com/
+1 (925) 338-9117
info@khacreation.com