Easy Accessibility 1.0.13 is the most customizable visitor accessibility toolbar for Joomla. Sort every tool, remove what you do not need, and change colours. It runs on your site, so it stays fast for Google PageSpeed, unlike CDN overlays.

Publish the module, then use Joomla Menu Assignment, Access, and Language to choose where the launcher appears. Visitors open the panel and pick the tools they need. Their choices stay on their device.

What you can do

• Sort the panel and switch off whole sections or single controls
• Change launcher colour and offer visitor contrast, invert, saturation, and colour pickers
• Let visitors scale content, fonts, spacing, and alignment
• Enable Read Mode, reading guide, reading mask, and stop animations
• Offer on-device speech (read selection / page, rate, voice)
• Show skip to content, page structure, new-tab hints, profiles, and cursors

Who it is for

Site owners who want more control than a CDN overlay: faster PageSpeed, full customization, and no remote widget.

Built for modern Joomla

• Joomla 4, 5, and 6
• PHP 8.1 or later recommended
• Native JavaScript (no jQuery)
• Self-hosted assets, including a dyslexia-friendly font
• No overlay vendor and no extra third-party request

Before you install

• Joomla: 4.x, 5.x, or 6.x
• PHP: 8.1 or newer
• Access: a Super User (or administrator) account so you can install extensions

Helpful but optional

• A main landmark id such as #sp-main or #main (for Skip to content)
• An accessibility statement URL
• Easy WCAG if you also want mechanical HTML fixes on the rendered page

Not required

• jQuery
• A custom component or extra database table
• Any third-party accessibility overlay or CDN
• A user account for visitors (choices stay on their device)

Step 1: Download

Email: After you buy from the JoomlaX store, you get an email with the download link.

Store: You can also open the Downloads section and use the same email you used when buying.

File name: EasyAccessibility_UNZIP.zip

Step 2: Unzip on your computer

1. Right-click EasyAccessibility_UNZIP.zip and choose Extract (or Unzip).
2. Inside you should see:
   • mod_easyaccessibility_1.0.13.zip (install this one)
   • ReadMe.txt

Step 3: Install in Joomla

1. Log in to the Joomla administrator.
2. Go to System > Install > Extensions.
3. Click Upload Package File.
4. Choose mod_easyaccessibility_1.0.13.zip and wait for the success message.
5. Clear Joomla cache: System > Maintenance > Clear Cache.

What the package installs

• mod_easyaccessibility: the site module
• Media under media/easyaccessibility/ (CSS, JS, OpenDyslexic font, admin field assets)

Updates

Install a newer mod_easyaccessibility zip the same way. The module uses method="upgrade", so your settings stay safe.

Follow these steps in order the first time. You can finish in a few minutes.

1. Create the module

1. Go to Content > Site Modules > New.
2. Select Easy Accessibility.
3. Give it a Title (example: Accessibility toolbar).
4. Choose a Position if you want, or leave it empty and still publish: the toolbar injects itself into the page.
5. On Menu Assignment, choose the pages where it should appear (or On all pages).
6. Set Status to Published.

2. Toolbar tab

1. Pick launcher position (default Bottom right).
2. Set accent colour if you want it to match your brand.
3. Leave size Medium and scale 100 unless you need a larger launcher.
4. Set Skip link target to your main content id if it is not #main.

3. Features tab

1. Leave all features on for a full demo, or disable tools you do not want.
2. Drag Feature order if the panel order should change.

4. Save and check the front end

1. Click Save.
2. Open an assigned page. The launcher should appear.
3. If something looks old, clear cache and hard-refresh (Ctrl+F5).

Student tip

Change one setting at a time, Save, then refresh so you can see what each option does.

Easy Accessibility is a site module only. There is no separate component database and no plugin to enable.

Create or open an instance

1. Go to Content > Site Modules.
2. Click New and select Easy Accessibility, or open an existing instance.
3. Set Title, Status, and Menu Assignment.
4. Configure Toolbar and Toolbar features.
5. Click Save.

Admin tabs at a glance

• Toolbar: position, colour, size, scale, edge spacing, shape, launcher display, icon, statement URL, skip target, languages, exclude selectors
• Toolbar features: enable/disable grid and drag order
• Advanced: layout, class suffix, cache (leave cache off)
• Menu Assignment / Access / Language: Joomla defaults control where it shows

One instance is enough

The helper injects the toolbar once per page. Do not publish several Easy Accessibility modules on the same page.

Position

A template module position is optional. The launcher is fixed to the viewport from module settings, not from the template chrome. Assignment still matters: unpublished or unassigned modules do not run.

Open the module Toolbar tab.

Launcher

• Position: eight screen corners and mid-sides
• Accent colour: launcher and active controls
• Size: small, medium, large, oversize
• Launcher scale: 50 to 200 percent
• Edge spacing: linked value or per-side pixels
• Panel shape: rounded or squared
• Launcher display: icon and text, icon only, or text only
• Icon style: three icon variants

Languages and extras

• Default language: initial panel language when the visitor has no saved pref
• Languages in dropdown: which UI languages appear
• Skip link target: default #main; change to #sp-main on Helix if needed
• Accessibility statement URL: optional link in the More section
• Exclude selectors: CSS selectors that skip contrast and filter effects (logos, protected widgets)

Open the module Toolbar features tab.

Enabled features

Search, expand a group, and use the switches. Section switches can turn a whole group off. Individual controls can be toggled inside a group.

Sections

• Profiles: preset combinations visitors can apply quickly
• Content: scaling, fonts, spacing, highlight, align, magnifier, Dyslexia Font
• Colour: contrast modes, saturation, invert, blue light, text/title/background colours
• Orientation: Read Mode, speech-adjacent tools, cursors, masks, stop animations, hide images
• Navigation: skip to content, page structure, read selection, stop speech, rate, voice
• More: accessibility statement link

Feature order

Drag the handle or use arrows. Numbers update as you reorder. Disabled features are hidden from this list.

Content

Content scaling, font sizing, line height, letter spacing, word spacing, readable font, Dyslexia Font (local OpenDyslexic), highlight titles/links, underline links, text magnifier, align left/center/right.

Colour

Smart contrast, colour blindness filters, dark/light/high contrast, high/low saturation, monochrome, invert, blue light filter, text/title/background colour pickers.

Reading and motion

Read Mode overlay, reading guide, reading mask, stop animations, hide images, hide backgrounds, mute sounds, oversize widget, virtual keyboard, screen reader helpers.

Speech

Read selection or page via browser speechSynthesis. Rate and voice lists come from the device. Nothing is sent to a cloud TTS service.

Pointer and focus

Big black/white cursor, slow cursor, large hit areas, highlight hover/focus, focus locator, new-tab announcements, skip to content, page structure.

Reset

Visitors can reset to defaults. That clears the saved localStorage prefs for this site.

Easy Accessibility does not ship custom page filters. Use Joomla defaults.

Menu Assignment

On all pages, or only selected menu items. Use this to keep the toolbar off checkout, login, or builder pages.

Access

Public is the usual choice. You can limit the module to a viewing access level if needed.

Language

Module language is separate from the toolbar UI language. Set the module to All or a specific site language. Visitors still pick a panel language inside the toolbar.

Cache

Leave module cache off. The toolbar is injected per request and should not be stored in a cached module chunk.

Toolbar

• position, color, size, launcher_scale, offset_edges
• ui_shape, launcher_display, icon_style
• statement_url, skip_target, lang, enabled_languages
• exclude_selectors

Features

• enabled_features, feature_order

Joomla

• Menu Assignment, Access, Language, cache (off)

Common uses

• Most customizable toolbar: sort tools, remove sections or single controls, change colours. CDN overlays rarely allow that.
• Better PageSpeed than CDN overlays: no remote widget script on every page
• Public brochure sites: contrast and text size hosted on your site
• Documentation: Read Mode plus speech for long guides
• Schools and non-profits: Dyslexia Font and readable font, self-hosted
• Brand-sensitive headers: exclude logo selectors so colour modes skip the mark
• With Easy WCAG: visitor prefs here, mechanical HTML fixes on the response there

Planning tips

• Start with all features on, then disable what you do not want after a week of feedback
• Set Skip link target to the real main landmark on your template
• Keep cache off on this module
• Do not publish two instances on the same page

• Launcher does not appear

  • Confirm the module is published and assigned to the current menu item. Clear cache. Hard-refresh.

• Two launchers

  • Only one Easy Accessibility module should be published for that page. Unpublish extras.

• Logo colours change

  • Add the logo selector to Exclude selectors. Example: img.logo, .logo, .ea-protect-me

• Dyslexia Font looks like Comic Sans

  • Confirm media/easyaccessibility/fonts/OpenDyslexic-Regular.otf exists. Reinstall the zip if the font is missing. Hard-refresh.

• Speech does nothing

  • The browser must support speechSynthesis. Some browsers require a user gesture first. Check the device voice list.

• Skip to content jumps nowhere

  • Set Skip link target to an id that exists, for example #sp-main or #content.

• Admin feature switches look unstyled

  • Confirm media installed under media/easyaccessibility/css/. Reinstall the zip. Clear admin cache.

• Module name shows as MOD_EASYACCESSIBILITY

  • Reinstall so language files are in place. Clear cache and reload Modules.

• Which Joomla versions are supported?

  • Joomla 4, 5, and 6. PHP 8.1 or later is recommended.

• What file do I install?

  • Unzip EasyAccessibility_UNZIP.zip, then install mod_easyaccessibility_1.0.13.zip from System > Install > Extensions.

• Can I sort, remove, and recolour tools?

  • Yes. Drag Feature order, switch off sections or single controls, and set launcher colour. CDN overlays rarely let you own this.

• Is it faster than a CDN overlay?

  • Yes. It runs on your site with no remote overlay script, which is better for Google PageSpeed.

• Is it a component?

  • No. Site module only.

• Does this make the site WCAG AA?

  • No. It does not claim certification.

• Does it need jQuery?

  • No. Vanilla JavaScript only.

• Where can I get help?

  • Visit support.joomlax.com. Include your Joomla version, PHP version, page URL, and whether the module is published.

Documentation: joomlax.com/documentation/easy-accessibility

Demo: demo.joomlax.com/demo/utilities/easy-accessibility