Where Your Accessibility Statement Appears
Overview
Your AllAccessible accessibility statement is displayed directly in the accessibility widget on your website, making it easily discoverable by all visitors. This guide explains where users find your statement and how to make it even more visible.
Who This Is For
Paid AllAccessible users with active statements
Website owners ensuring statement visibility
Compliance officers verifying proper display
What You'll Learn
How users access your statement in the widget
Additional placement options
Making your statement more discoverable
Mobile and desktop display
Primary Location: In the Widget
How Users Access Your Statement
For Paid Users (Starter Plan and Above):
Your accessibility statement appears automatically in the AllAccessible widget:
Step 1: User Opens Widget
Visitor clicks the accessibility button on your site
Widget modal opens showing accessibility features
Step 2: User Scrolls to Footer
Widget footer includes "Accessibility Statement" link
Link appears at bottom of widget interface
Always visible and accessible
Step 3: User Clicks Statement Link
Statement opens in a clean, readable modal
Formatted for easy reading
Fully keyboard accessible
Screen reader compatible
📷 Widget showing accessibility statement link in footer
📷 Accessibility statement modal opened
Statement Display Features
User-Friendly Presentation
The statement modal includes:
Header:
Clear title: "Accessibility Statement"
Close button (X) in top-right
Keyboard accessible (Escape key closes)
Body:
Your complete statement content
Proper formatting (headings, lists, links)
Readable typography
Adequate contrast for low vision users
Footer:
Last updated date
Compliance information
Testing methodology
Accessibility Features of the Statement Itself
The statement display is fully accessible:
✅ Screen Reader Compatible
Proper ARIA labels
Semantic HTML structure
Heading hierarchy
✅ Keyboard Navigation
Tab through all links
Close with Escape key
Focus management
✅ Visual Accessibility
High contrast text
Readable fonts
Sufficient text sizing
✅ Mobile Responsive
Adapts to small screens
Touch-friendly buttons
Scrollable content
Why This Matters: Your accessibility statement should itself be accessible!
Additional Display Options
Option 1: Dedicated Statement Page
Create a standalone page for your statement:
Steps:
Go to AllAccessible dashboard
Open your accessibility statement
Click Edit Statement
Copy all the HTML content
Create new page on your website (e.g.,
/accessibility-statement)Paste the content
Publish the page
Benefits:
Searchable by search engines
Shareable direct link
Available even if widget is closed
Can be linked from footer
📷 Example standalone accessibility statement page
Option 2: Footer Link
Add a link to your statement in your website footer:
<footer>
<ul>
<li><a href="/accessibility-statement">Accessibility Statement</a></li>
<li><a href="/privacy-policy">Privacy Policy</a></li>
<li><a href="/terms-of-service">Terms of Service</a></li>
</ul>
</footer>
Or link directly to the widget:
<a href="#" onclick="AllAccessible.openStatement(); return false;"> Accessibility Statement </a>
Option 3: Help/Support Section
Include your statement in:
Help center
FAQ section
Customer support pages
About Us page
Option 4: Site Navigation
Some organizations include accessibility in:
Main navigation menu
Hamburger menu
Utility navigation (top-right links)
Making Your Statement Easy to Find
Best Practices for Visibility
1. Multiple Placement Points
Recommended:
✅ In AllAccessible widget (automatic)
✅ Footer link on every page
✅ Dedicated statement page
✅ Mentioned in About/Contact pages
Why: Different users look in different places!
2. Consistent Naming
Use standard terms so users recognize it:
✅ "Accessibility Statement"
✅ "Accessibility"
✅ "Website Accessibility"
❌ "A11y Info" (jargon)
❌ "Compliance Page" (unclear)
3. Prominent Placement
Make it visible without excessive scrolling:
Footer first or second column
Main navigation "About" dropdown
Help/Support prominent link
4. Mobile Accessibility
Ensure mobile users can find it:
Include in mobile hamburger menu
Footer visible on mobile
Widget accessible on touch screens
How Different Users Find Your Statement
Screen Reader Users
How They Navigate:
Use heading navigation (H1, H2, H3)
Tab through links
Use landmarks (footer, navigation)
What You Should Do:
Ensure "Accessibility Statement" is a proper link
Use semantic HTML
Include in footer landmark
Proper heading structure on dedicated page
Keyboard-Only Users
How They Navigate:
Tab through page elements
Use link lists (some browsers)
Search page text (Ctrl+F)
What You Should Do:
Make link keyboard accessible
Ensure visible focus indicators
Place in logical tab order
Mobile Users
How They Navigate:
Scroll to footer
Use site menu
Open accessibility widget
What You Should Do:
Mobile-friendly footer
Statement in mobile menu
Widget accessible on mobile
Search Engine Visitors
How They Find It:
Google search: "YourSite accessibility statement"
Direct URL visit
Sitemaps
What You Should Do:
Create dedicated page at
/accessibility-statementInclude in sitemap.xml
Add meta description
Use proper title tag
Widget Display Behavior
When Statement Appears
Paid Plans Only:
Free plan: No statement in widget
Starter ($10/mo): Statement appears
Growth ($19/mo): Statement appears
All add-ons: Statement appears
Note: The statement feature is only available on paid plans.
Widget Footer Section
The statement link appears in the widget footer alongside:
Language selector
Reset preferences button
Powered by AllAccessible (unless white-labeled)
Accessibility statement link
Position: Always at the bottom of the widget, easily findable
Verifying Statement Visibility
Testing Checklist
After saving your statement, verify:
Desktop Testing:
Widget opens correctly
Statement link visible in footer
Clicking link opens statement modal
Statement content displays correctly
Close button works
Escape key closes modal
Mobile Testing:
Widget accessible on mobile
Statement link visible
Modal displays properly on small screens
Content is readable
Touch to close works
Accessibility Testing:
Tab to statement link via keyboard
Screen reader announces link
Statement has proper heading structure
All links in statement work
Cross-Browser Testing:
Chrome
Firefox
Safari
Edge
Mobile browsers (iOS Safari, Chrome)
Troubleshooting Visibility Issues
Issue: Statement Link Not in Widget
Possible Causes:
Free plan (statement requires paid plan)
Recently upgraded (cache not updated)
Widget version outdated
Solutions:
Verify you're on Starter plan or higher in dashboard
Wait 1 hour for cache update after upgrade
Contact support to verify widget version
Issue: Statement Opens But Shows Placeholder Text
Possible Causes:
Statement not yet created and saved
Cache hasn't propagated
API error
Solutions:
Create and save your statement in the dashboard
Wait up to 60 minutes
Check browser console for errors
Contact support if persists
Issue: Old Statement Content Showing
Cause: Browser cache holding old version
Solutions:
Wait up to 24 hours for browser cache expiration
Clear browser cache and hard refresh
Test in incognito/private mode
Contact support for emergency cache purge
SEO and Discoverability
Making Your Statement Searchable
Create a Dedicated Page:
Copy statement HTML from dashboard
Create page:
yoursite.com/accessibility-statementAdd meta description:
<meta name="description" content="Our commitment to digital accessibility and WCAG 2.2 compliance.">
Add to sitemap.xml
Link from footer on all pages
SEO Benefits:
Ranks for "[Your Brand] accessibility"
Shows in Google search results
Demonstrates commitment publicly
Builds brand reputation
Schema.org Markup (Advanced)
Add structured data for better search visibility:
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Accessibility Statement",
"description": "Our commitment to web accessibility and WCAG 2.2 compliance",
"url": "https://yoursite.com/accessibility-statement"
}
</script>
Common Questions
Q: Where exactly in the widget is the statement link?
A: At the very bottom of the widget modal, in the footer area, typically labeled "Accessibility Statement" or with an info icon.
Q: Can I hide the statement from the widget?
A: No. For paid plans, the statement is always present for accessibility transparency.
Q: Can I customize where the link appears in the widget?
A: The link location is fixed in the footer, but you can customize the link text through widget settings.
Q: Will the statement appear on all pages?
A: Yes! Since the widget appears on all pages, the statement is available site-wide.
Q: Can users print the statement?
A: Yes! The statement modal includes browser print functionality (Ctrl+P or Cmd+P).
Next Steps
Make Your Statement More Visible:
Immediate (15 minutes):
Recommended (30 minutes):
4. Add to main navigation
5. Include in help center
6. Link from About page
7. Submit to search engines
Advanced (1 hour):
8. Add schema.org markup
9. Create printer-friendly version
10. Translate to multiple languages
11. Include in customer onboarding
Related Articles
What is an Accessibility Statement? - Purpose and importance
Creating and Publishing Your Accessibility Statement - Getting started
Editing Your Statement - Customization guide
Statement Best Practices - Compliance tips
Last Updated: October 2025
Display Location: AllAccessible widget footer (paid plans)
Additional Options: Dedicated page, footer links, navigation