Quick Start
aGo Access adds a full accessibility toolbar to your WordPress site. It helps visitors with visual, motor and cognitive disabilities navigate your content comfortably — while also applying automatic fixes to improve your site's WCAG compliance in the background.
100% Free. aGo Access has no premium version, no locked features and no limitations. All 11 toolbar tools, 7 automatic fixes and the accessibility scanner are available to everyone.
Installation
- Upload
ago-access.zip from Plugins → Add New → Upload Plugin - Activate the plugin
- The accessibility toolbar appears automatically on your site's frontend — no configuration required
Zero configuration needed. The toolbar works immediately after activation with sensible defaults. You can customize position, shape, icon and colors from Settings → aGo Access whenever you want.
What Happens on Activation
- A floating accessibility button appears on the frontend (bottom right by default)
- Clicking it opens the toolbar with 11 accessibility tools
- 7 automatic fixes are silently applied on every page load (missing alt text, ARIA labels, lang attribute, etc.)
- An accessibility scanner is available in wp-admin under Settings → aGo Access
Requirements
| Requirement | Minimum |
| WordPress | 5.8 or higher |
| PHP | 7.4 or higher |
| Browser | Any modern browser (Chrome, Firefox, Safari, Edge) |
| API Keys | None — everything runs client-side |
Toolbar Tools
The accessibility toolbar provides 11 tools that visitors can toggle on and off. Each tool addresses specific needs for people with visual, motor or cognitive disabilities.
| Tool | Description | Helps With |
| Increase Font | Enlarges all page text incrementally. Can be clicked multiple times. | Visual — Low vision, presbyopia |
| Decrease Font | Reduces text size toward the default. | Visual — Fine-tuning preferred size |
| High Contrast | Switches the page to a high-contrast color scheme (dark background, light text). | Visual — Low vision, brightness sensitivity |
| Negative Contrast | Inverts all page colors, creating a negative image effect. | Visual — Photophobia, light sensitivity |
| Readable Font | Replaces all site fonts with a highly legible sans-serif typeface. | Cognitive and Visual — Dyslexia, reading difficulties |
| Highlight Links | Adds visible underline and distinct color to all links. | Visual and Cognitive — Link identification |
| Text Spacing | Increases letter spacing, word spacing and line height. | Cognitive and Visual — Dyslexia, tracking difficulty |
| Pause Animations | Stops all CSS animations, transitions and GIF playback. | Cognitive and Motor — Vestibular disorders, seizure risk |
| Large Cursor | Enlarges the mouse cursor for better visibility. | Visual and Motor — Low vision, tremors |
| Reading Guide | Shows a horizontal bar that follows the mouse cursor. | Cognitive and Visual — Dyslexia, ADHD, line tracking difficulty |
| Read Aloud | Reads selected text aloud using the browser's text-to-speech engine. | Visual and Cognitive — Blindness, low vision, learning difficulties |
All tools are toggleable. Visitors can combine multiple tools at once — for example, High Contrast + Readable Font + Text Spacing for maximum readability.
Customization
You can customize the toolbar's appearance from Settings → aGo Access in wp-admin. All options are visual — no code required.
Position (6 options)
| Position | Description |
bottom-right | Floating button in the bottom-right corner. Default. Best for most sites. |
bottom-left | Floating button in the bottom-left corner. Use if you have a chat widget on the right. |
middle-right | Floating button vertically centered on the right edge. |
middle-left | Floating button vertically centered on the left edge. |
top-right | Floating button near the top-right corner. |
top-left | Floating button near the top-left corner. |
Button Shape (2 options)
| Shape | Description |
circle | Round floating button. Default. Clean, modern look. |
rounded | Rounded rectangle (pill shape). Easier to click for users with motor impairments. |
Button Icon (4 options)
| Icon | Description |
accessibility | Universal accessibility symbol. Default. Internationally recognized. |
wheelchair | Classic wheelchair symbol (International Symbol of Access). |
eye | Eye icon representing visual accessibility. |
universal | Human figure representing universal design / design for all. |
Color Picker
Choose any color for the floating button using WordPress' built-in color picker. The color applies to the floating button background, toolbar header and active toggle indicators. The icon inside the button is always white.
Tip: If your site already uses a blue theme, consider a contrasting color like green or purple for the accessibility button so it stands out clearly.
Automatic Fixes
aGo Access silently applies 7 automatic fixes on every page load. These run in the background without user interaction and improve your site's baseline WCAG compliance.
| Fix | What It Does | WCAG Criterion |
| Missing Alt Text | Detects images without alt attributes and adds generated alt text based on file name or context. | 1.1.1 Non-text Content (Level A) |
| ARIA Labels for Navigation | Adds aria-label attributes to <nav> elements and landmark regions that lack them. | 1.3.1 Info and Relationships (Level A) |
| Language Attribute | Ensures the <html> element has a valid lang attribute. | 3.1.1 Language of Page (Level A) |
| Skip to Content Link | Injects a visually hidden "Skip to content" link that becomes visible on focus. | 2.4.1 Bypass Blocks (Level A) |
| Focus Styles | Adds CSS rules to ensure all interactive elements display a visible focus outline. | 2.4.7 Focus Visible (Level AA) |
| Empty Link and Button Labels | Finds links and buttons without text content and adds aria-label attributes. | 1.1.1 / 2.4.4 Link Purpose (Level A) |
| Form Label Association | Detects form inputs without associated <label> elements and connects them. | 1.3.1 / 3.3.2 Labels or Instructions (Level A) |
Non-destructive. All automatic fixes are applied via JavaScript at runtime. They do not modify your database, templates or source code. Deactivating the plugin removes all fixes instantly.
Accessibility Scanner
The built-in accessibility scanner analyzes your homepage and reports issues organized by severity. Access it from Settings → aGo Access → Run Scanner.
How It Works
- Click Run Accessibility Scan on the admin settings page
- The scanner fetches your homepage HTML and analyzes it against 9 checks
- Results appear immediately with a score, issue list and recommendations
- Each issue includes the HTML element involved and a suggested fix
What It Checks (9 Checks)
| # | Check | What It Looks For |
| 1 | Images without alt text | All <img> tags must have an alt attribute |
| 2 | Missing document language | The <html> tag must have a lang attribute |
| 3 | Empty links | Links must have discernible text content |
| 4 | Empty buttons | Buttons must have discernible text content |
| 5 | Missing form labels | Inputs must have associated labels |
| 6 | Heading hierarchy | Headings must follow a logical order |
| 7 | Color contrast | Text elements must have sufficient contrast ratio |
| 8 | ARIA attribute validity | ARIA roles and attributes must be valid |
| 9 | Keyboard navigation | Interactive elements must be focusable and have focus indicators |
Score Interpretation
| Range | Rating | Meaning |
| 80 - 100 | Good | Your site meets most accessibility standards. Address remaining issues for full compliance. |
| 50 - 79 | Needs Work | Several accessibility issues detected. Users with disabilities may encounter barriers. |
| 0 - 49 | Critical | Significant accessibility barriers present. Immediate action required. |
Important: The scanner checks only your homepage. Different pages may have different issues. For a full site audit, consider testing your most important pages individually with tools like
WAVE or
axe DevTools.
How Preferences Work
When a visitor activates any toolbar tool, their preference is automatically saved so it persists across pages and future visits.
Storage Mechanism
- All preferences are stored in the browser's
localStorage - No cookies, no server-side storage, no accounts required
- Each tool's on/off state is saved independently
- Font size level is also saved
Persistence Behavior
| Action | What Happens |
| Visitor activates High Contrast | Saved immediately. Every page on the site loads in high-contrast mode. |
| Visitor closes browser and returns | All preferences are automatically restored on page load. |
| Visitor uses a different browser or device | Preferences are not shared — localStorage is per-browser. |
| Visitor clicks the Reset button | All preferences are cleared. Page returns to its original state. |
| Visitor clears browser data | Preferences are lost — site loads in default state. |
Privacy-friendly. No data is sent to any server. All preferences live entirely in the visitor's browser. No tracking, no analytics, no personal data collection.
Text-to-Speech
The Read Aloud tool uses the browser's built-in Web Speech API to convert text to speech. It runs entirely in the browser — no external services, no API keys, no cost.
How to Use
- Select text on the page by clicking and dragging with the mouse, or using Shift + arrow keys
- Open the accessibility toolbar
- Click the Read Aloud button
- The browser reads the selected text aloud
- Click the button again to stop playback
Language Detection
The speech engine automatically uses the language defined in the page's lang attribute. If your site is in Spanish, the text is read with a Spanish voice.
Browser Support
| Browser | Support | Notes |
| Chrome | Full | Best voice quality. Multiple voices per language. |
| Firefox | Full | Good support. Fewer voice options than Chrome. |
| Safari | Full | Excellent voices on macOS/iOS. Uses system voices. |
| Edge | Full | Same engine as Chrome. Full support. |
| Mobile browsers | Variable | Most modern mobile browsers support Web Speech API. |
No cost, ever. Unlike cloud TTS services (Google Cloud TTS, Amazon Polly, etc.), the Web Speech API is a built-in browser feature. No API calls, no usage limits and no charges.
WCAG 2.2 Reference
aGo Access helps your site meet several criteria from the Web Content Accessibility Guidelines (WCAG) 2.2. Below is a summary of which criteria the plugin addresses and how.
| Criterion | Level | Name | How aGo Access Helps |
1.1.1 | A | Non-text Content | Automatic fix adds missing alt attributes. Also fixes empty links and buttons. |
1.3.1 | A | Info and Relationships | Automatic fix adds ARIA labels to navigation landmarks and associates inputs with labels. |
1.4.3 | AA | Contrast (Minimum) | High Contrast and Negative Contrast tools provide alternative color schemes. Scanner checks ratios. |
1.4.4 | AA | Resize Text | Font increase/decrease tools allow scaling text up to 200%. |
1.4.12 | AA | Text Spacing | Text Spacing tool increases line height, letter spacing and word spacing. |
2.1.1 | A | Keyboard | The toolbar itself is fully keyboard accessible. Scanner checks interactive elements. |
2.4.1 | A | Bypass Blocks | Automatic fix injects "Skip to content" link. ARIA labels on navigation. |
2.4.7 | AA | Focus Visible | Automatic fix ensures visible focus outlines on all interactive elements. |
2.3.1 | A | Three Flashes | Pause Animations tool stops all CSS animations, transitions and GIFs. |
3.1.1 | A | Language of Page | Automatic fix ensures valid lang attribute on the <html> element. |
Note: aGo Access helps with these criteria but does not guarantee full WCAG 2.2 compliance on its own. Full compliance depends on your theme, content and other plugins. Use the built-in scanner and external tools for a complete audit.
Frequently Asked Questions
Does aGo Access slow down my site?
No. The plugin loads a single lightweight JavaScript file and a small CSS file. Automatic fixes run once on page load and add negligible overhead (less than 50ms on most sites). No external API calls or third-party scripts.
Does it work with page builders like Elementor, Bricks or Divi?
Yes. aGo Access works at the HTML/CSS level in the browser, so it is compatible with any WordPress theme or page builder. Toolbar tools are applied to the rendered page regardless of how it was built.
Is there a premium version?
No. aGo Access is 100% free with no limitations, no premium tier and no locked features. All 11 toolbar tools, 7 automatic fixes and the accessibility scanner are available to everyone.
Does it make my site fully WCAG compliant?
It significantly improves compliance by automatically fixing common issues and giving visitors tools to adapt the page to their needs. However, full WCAG 2.2 compliance depends on your content, theme, media and overall site structure.
Does the toolbar collect user data?
No. All visitor preferences are stored in their browser's localStorage. No data is sent to any server. No cookies are set. No analytics or tracking of any kind. The plugin is fully GDPR-compatible with zero data collection.
Can I hide specific tools from the toolbar?
The current version (1.0) shows all 11 tools. A future update may allow enabling and disabling individual tools from the admin settings.
Does Text-to-Speech work on mobile?
Yes, on most modern mobile browsers. The Web Speech API is supported on Chrome for Android, Safari on iOS and Edge for Android. Some mobile browsers may require the user to tap a button before speech can begin.
Does it conflict with other accessibility plugins?
aGo Access is designed to be non-destructive — it adds attributes and styles only when they are missing. If another plugin or your theme already provides an alt text, ARIA label or skip link, aGo Access will not overwrite it. However, running two accessibility toolbars simultaneously is not recommended.
Can I change the toolbar interface language?
The toolbar labels are translatable via standard WordPress internationalization (i18n). The plugin includes a .pot file that you can translate using Loco Translate or any compatible translation plugin.
How do I report a bug or request a feature?
Contact us at ago.cl/contacto or write to [email protected]. We welcome feedback and feature requests.