Tools

aGo Access v1.0

Accessibility toolbar and automatic fixes for WordPress

100% Free — No Premium — No Limitations

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

  1. Upload ago-access.zip from Plugins → Add New → Upload Plugin
  2. Activate the plugin
  3. 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

RequirementMinimum
WordPress5.8 or higher
PHP7.4 or higher
BrowserAny modern browser (Chrome, Firefox, Safari, Edge)
API KeysNone — 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.

ToolDescriptionHelps With
Increase FontEnlarges all page text incrementally. Can be clicked multiple times.Visual — Low vision, presbyopia
Decrease FontReduces text size toward the default.Visual — Fine-tuning preferred size
High ContrastSwitches the page to a high-contrast color scheme (dark background, light text).Visual — Low vision, brightness sensitivity
Negative ContrastInverts all page colors, creating a negative image effect.Visual — Photophobia, light sensitivity
Readable FontReplaces all site fonts with a highly legible sans-serif typeface.Cognitive and Visual — Dyslexia, reading difficulties
Highlight LinksAdds visible underline and distinct color to all links.Visual and Cognitive — Link identification
Text SpacingIncreases letter spacing, word spacing and line height.Cognitive and Visual — Dyslexia, tracking difficulty
Pause AnimationsStops all CSS animations, transitions and GIF playback.Cognitive and Motor — Vestibular disorders, seizure risk
Large CursorEnlarges the mouse cursor for better visibility.Visual and Motor — Low vision, tremors
Reading GuideShows a horizontal bar that follows the mouse cursor.Cognitive and Visual — Dyslexia, ADHD, line tracking difficulty
Read AloudReads 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)

PositionDescription
bottom-rightFloating button in the bottom-right corner. Default. Best for most sites.
bottom-leftFloating button in the bottom-left corner. Use if you have a chat widget on the right.
middle-rightFloating button vertically centered on the right edge.
middle-leftFloating button vertically centered on the left edge.
top-rightFloating button near the top-right corner.
top-leftFloating button near the top-left corner.

Button Shape (2 options)

ShapeDescription
circleRound floating button. Default. Clean, modern look.
roundedRounded rectangle (pill shape). Easier to click for users with motor impairments.

Button Icon (4 options)

IconDescription
accessibilityUniversal accessibility symbol. Default. Internationally recognized.
wheelchairClassic wheelchair symbol (International Symbol of Access).
eyeEye icon representing visual accessibility.
universalHuman 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.

FixWhat It DoesWCAG Criterion
Missing Alt TextDetects 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 NavigationAdds aria-label attributes to <nav> elements and landmark regions that lack them.1.3.1 Info and Relationships (Level A)
Language AttributeEnsures the <html> element has a valid lang attribute.3.1.1 Language of Page (Level A)
Skip to Content LinkInjects a visually hidden "Skip to content" link that becomes visible on focus.2.4.1 Bypass Blocks (Level A)
Focus StylesAdds CSS rules to ensure all interactive elements display a visible focus outline.2.4.7 Focus Visible (Level AA)
Empty Link and Button LabelsFinds links and buttons without text content and adds aria-label attributes.1.1.1 / 2.4.4 Link Purpose (Level A)
Form Label AssociationDetects 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

  1. Click Run Accessibility Scan on the admin settings page
  2. The scanner fetches your homepage HTML and analyzes it against 9 checks
  3. Results appear immediately with a score, issue list and recommendations
  4. Each issue includes the HTML element involved and a suggested fix

What It Checks (9 Checks)

#CheckWhat It Looks For
1Images without alt textAll <img> tags must have an alt attribute
2Missing document languageThe <html> tag must have a lang attribute
3Empty linksLinks must have discernible text content
4Empty buttonsButtons must have discernible text content
5Missing form labelsInputs must have associated labels
6Heading hierarchyHeadings must follow a logical order
7Color contrastText elements must have sufficient contrast ratio
8ARIA attribute validityARIA roles and attributes must be valid
9Keyboard navigationInteractive elements must be focusable and have focus indicators

Score Interpretation

RangeRatingMeaning
80 - 100GoodYour site meets most accessibility standards. Address remaining issues for full compliance.
50 - 79Needs WorkSeveral accessibility issues detected. Users with disabilities may encounter barriers.
0 - 49CriticalSignificant 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

ActionWhat Happens
Visitor activates High ContrastSaved immediately. Every page on the site loads in high-contrast mode.
Visitor closes browser and returnsAll preferences are automatically restored on page load.
Visitor uses a different browser or devicePreferences are not shared — localStorage is per-browser.
Visitor clicks the Reset buttonAll preferences are cleared. Page returns to its original state.
Visitor clears browser dataPreferences 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

  1. Select text on the page by clicking and dragging with the mouse, or using Shift + arrow keys
  2. Open the accessibility toolbar
  3. Click the Read Aloud button
  4. The browser reads the selected text aloud
  5. 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

BrowserSupportNotes
ChromeFullBest voice quality. Multiple voices per language.
FirefoxFullGood support. Fewer voice options than Chrome.
SafariFullExcellent voices on macOS/iOS. Uses system voices.
EdgeFullSame engine as Chrome. Full support.
Mobile browsersVariableMost 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.

CriterionLevelNameHow aGo Access Helps
1.1.1ANon-text ContentAutomatic fix adds missing alt attributes. Also fixes empty links and buttons.
1.3.1AInfo and RelationshipsAutomatic fix adds ARIA labels to navigation landmarks and associates inputs with labels.
1.4.3AAContrast (Minimum)High Contrast and Negative Contrast tools provide alternative color schemes. Scanner checks ratios.
1.4.4AAResize TextFont increase/decrease tools allow scaling text up to 200%.
1.4.12AAText SpacingText Spacing tool increases line height, letter spacing and word spacing.
2.1.1AKeyboardThe toolbar itself is fully keyboard accessible. Scanner checks interactive elements.
2.4.1ABypass BlocksAutomatic fix injects "Skip to content" link. ARIA labels on navigation.
2.4.7AAFocus VisibleAutomatic fix ensures visible focus outlines on all interactive elements.
2.3.1AThree FlashesPause Animations tool stops all CSS animations, transitions and GIFs.
3.1.1ALanguage of PageAutomatic 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.