Quality check
Check your content on accessibility before you share it with the world.
Accessibility checklist
Below you can find a complete checklist for making your content more accessible. It's likely that you won't be able to follow all of these recommendations — but they're definitely a good starting point.
Structure
✅ Place important content higher on the page
✅ Use the correct heading hierarchy
✅ Set the right language in the Foleon Doc settings
✅ Use top navigation bar with centered logo
Navigation
✅ Write distinct and meaningful Foleon Doc and page names
✅ Give links unique and descriptive names
✅ Let your audience know where your links go
✅ Don’t neglect the mobile web experience
Content
✅ Work with enough color contrast
✅ Add useful alt text to the right images
✅ Make forms accessible
✅ Add closed captions to your videos
✅ Create meaningful button names
Limitations (to avoid)
❌ Background videos
❌ Foleon branding
❌ Search function
❌ GIFs
❌ Page scroll button
❌ Anchor links
❌ Including page names in top navigation
External resources
If you’ve followed all the tips listed here, you can also use external tools to see how well you’re doing in terms of accessibility. Here are our favorite ones:
- WebAIM Color Contrast Checker lets you check if certain color combinations have enough contrast.
- Color Oracle is a free color blindness simulator that demonstrates how people with common color vision impairments see things.
- WAVE Web Accessibility Evaluation Tool is an automated tool that tells you where your content needs tweaking to improve accessibility.
- You can also use these easy checks from W3C to do a basic review of your content’s accessibility.
