Use this design accessibility checklist to review social posts, websites, PDFs, email graphics, and other creative assets before publishing. It covers contrast, typography, alternative text, motion, captions, focus states, and export choices, then turns them into a repeatable pre-publish workflow for creators and content teams.
Overview
Accessible graphic design helps more people understand, navigate, and act on your content. It is not limited to choosing a high-contrast color palette. An accessible asset also needs readable text, meaningful structure, useful descriptions, predictable interaction, and an export format that preserves those qualities.
The right checks depend on where an asset will appear. A static Instagram post has different requirements from a landing page, an interactive interface, or a downloadable PDF. Treat the checklist below as a practical baseline rather than a substitute for platform-specific guidance, formal accessibility testing, or user testing with people who have disabilities.
When selecting creative assets, look beyond appearance. A decorative texture, vector illustration, icon set, template, or mockup should be easy to edit without creating new barriers. For example, an icon should not be the only way to communicate an action, and a textured background should not reduce the legibility of text placed over it. If your team is preparing files for another person, pair this review with the design asset handoff checklist.
Core accessibility checks
- Color: Text and important interface elements should remain distinguishable from their background. Do not use color alone to communicate status, categories, or instructions.
- Typography: Use a readable typeface, sufficient size, comfortable line spacing, and clear hierarchy. Avoid long passages in decorative display fonts or all caps.
- Content: Write concise text, descriptive link labels, meaningful alternative text, and captions where audio or spoken information is present.
- Interaction: For websites and interfaces, ensure keyboard users can reach controls, see focus, and understand the current state.
- Motion: Keep animation purposeful, avoid rapid flashing, and provide a way to pause or avoid motion when the format supports it.
- File quality: Export at a suitable resolution and preserve selectable text, reading order, tags, and other accessibility information where applicable.
Checklist by scenario
Start with the row that matches the publishing destination. Then apply the core checks to the final version, not only the editable design file.
| Scenario | Check first | Final review |
|---|---|---|
| Social post or carousel | Readable text at a small viewing size; strong contrast; essential information not dependent on color alone. | Add accurate post text or image description where the platform supports it. Place key context in the caption as well as inside the image when practical. Check every carousel panel independently. |
| Website or landing page | Heading hierarchy, text contrast, link clarity, responsive scaling, and visible keyboard focus. | Test keyboard navigation, zoom or text resizing, form labels, error messages, hover and focus states, and image alternative text. Decorative images should be treated as decorative rather than given misleading descriptions. |
| Email graphic | Do not place the only version of a message inside an image. Keep type readable on mobile and provide adequate contrast. | Repeat the important message as live text when possible. Add useful alternative text or mark decorative images appropriately. Test the email with images disabled and at narrow widths. |
| PDF or downloadable guide | Selectable text, clear headings, logical reading order, descriptive links, and sufficient contrast. | Inspect the exported PDF rather than assuming the source file retained its structure. Check tags, table reading order, bookmarks where relevant, document language, and alternative text for informative images. |
| Video, GIF, or animated graphic | Captions or a text alternative for spoken content; motion that does not obscure key information. | Provide controls or a static alternative when possible. Review flashing, looping, speed, and whether the message remains understandable with sound off or motion reduced. |
| UI icons or illustrations | Meaning should be clear from labels or surrounding text, not shape or color alone. Use consistent sizing and visual weight. | Provide accessible names for functional icons, sufficient contrast for essential controls, and descriptions only when an illustration conveys information that surrounding text does not. |
For web assets, also review the technical structure of SVGs. Removing unnecessary metadata can improve maintainability, but do not remove information needed for an accessible name or description. The guide to optimizing SVG files for faster, more accessible websites can help when an icon or illustration is part of a digital interface.
What to double-check
Color contrast and meaning
Run a contrast check on text, icons that communicate information, button labels, and important states. Check the actual combination used in the final design, including overlays, gradients, paper textures, photographs, and transparency. A color palette that works on a plain swatch may fail when applied to a busy background.
Do not solve every problem by darkening or brightening one color. You can also increase font weight, add a solid background behind text, simplify the image, add a border, or change the layout. Pair color with labels, patterns, icons, or position so that people can distinguish meaning without perceiving color.
Text, typography, and layout
Review the smallest text at the size where people will encounter it. Check line length, spacing, alignment, and whether text is clipped on smaller screens. Keep headings descriptive and use a consistent order. Avoid placing vital copy inside a flattened image when live text is available.
Templates can make consistency easier, but locked styles can also preserve poor choices across a campaign. Before reusing an Instagram post template, social media template, Figma template, or Canva template, test its smallest type, contrast, image treatments, and mobile crop.
Alternative text and captions
Alternative text should explain the purpose of an informative image in context, not list every visible detail. A product graphic may need the product name and key offer; a decorative shape may need no description. If the image contains essential text, include that information in the alternative text or, preferably, provide it as live text nearby.
Captions should represent spoken content and identify meaningful audio when needed. If a video communicates important visual information that is not spoken, provide a suitable text description or incorporate the information into the surrounding copy.
Interaction and export
For interfaces, move through the page with a keyboard. Confirm that focus is visible, the order is logical, controls have understandable names, and users can operate menus, forms, dialogs, and carousels without relying on a mouse. Test at increased zoom and on a narrow viewport.
For PDFs and other downloads, inspect the exported file in its final form. A beautifully organized source file can become a flattened, poorly ordered document after export. Keep a clean source version, name the final file clearly, and record which checks were completed.
Common mistakes
- Checking only the brand palette: Brand colors are inputs, not proof that every combination is readable. Create accessible usage rules for text, backgrounds, links, and states.
- Using alt text as a filename: “IMG_2048” does not explain an image. Write a short description based on the content’s role.
- Putting all important copy in a graphic: This makes translation, resizing, search, screen-reader access, and email viewing harder. Repeat essential information as live text where possible.
- Assuming an icon is self-explanatory: Add a visible label or accessible name, especially for unfamiliar actions.
- Testing only in the editor: Review the published page, scheduled post preview, email client, or exported PDF. Cropping, compression, and color shifts can change the result.
- Relying on one automated tool: A contrast checker can identify some color issues, but it cannot judge whether alternative text is meaningful, whether a reading order makes sense, or whether the content is understandable.
- Making accessibility a final rescue step: Set type, color, layout, and content rules before production. Late fixes are more likely to damage hierarchy or brand consistency.
Copyable pre-publish review
Asset name: Destination and format: Owner: Review date: [ ] Text remains readable at the smallest expected size [ ] Contrast checked on the final background [ ] Color is not the only signal [ ] Heading, label, and link hierarchy is clear [ ] Alternative text or decorative treatment is assigned [ ] Captions or a text alternative are included when needed [ ] Motion is necessary, controlled, and non-distracting [ ] Keyboard focus and interaction states work, if applicable [ ] Exported file retains usable text and reading order [ ] Final published or preview version was inspected [ ] Issues assigned to an owner and resolved or documented Notes and follow-up:
When to revisit
Use this checklist before every campaign, landing page, newsletter, downloadable resource, or social content batch. Recheck it before seasonal planning cycles when teams often refresh templates, palettes, imagery, and publishing formats. It is also worth revisiting after a platform redesign, a change in email or design software, a new brand system, or a shift from static graphics to video and interactive content.
Keep a small accessibility log with the asset version, destination, tests used, unresolved issues, and the person responsible for follow-up. When a recurring issue appears, fix the template or design-system rule instead of correcting each file manually. Review your tools periodically as standards and platform capabilities change; a design tools guide covering contrast, color, gradient, and favicon utilities can support that workflow, but human judgment remains necessary.
To put this into practice, choose one upcoming asset and run the scenario checklist from the final export backward. Fix contrast and text first, then review descriptions, motion, interaction, and file structure. Save the completed review beside the asset and turn any repeated correction into a reusable template rule. That simple habit makes accessible graphic design part of production rather than an afterthought.
