Discover and highlight accessibility violations on the web with the push of a button.

Latest Version

Version
1.23.5
Update
December 6, 2024
Size
1.97MiB
Developer
accessibleweb.com
Category
Users
20,000+
Rating
4.66667 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Storage
Cookies
ContextMenus
WebNavigation
See more

Accessible Web Helper Extension

Identify & resolve accessibility issues with Accessible Web Helper, a powerful Chrome extension that helps you meet web accessibility compliance.

With WCAG guidelines at its core, the extension offers a range of functionalities to promote an inclusive web experience. Ditch cumbersome spreadsheets and turbo-charge your accessibility efforts with RAMP & the Accessible Web Helper.

Key Features:

Scan in Real-Time
Scan any page, any time. Get instant feedback and recommendations for improved accessibility. Remediate and re-scan as you fix violations, or assign them to your team as tasks in RAMP.

View Detailed Scan Results
Each result allows you to view the affected elements, success criteria, and violation severity. Users with paid RAMP subscriptions will be able to view remediation recommendations custom made by our team of specialists.

Highlight Affected Elements
Highlight the affected elements directly on the page according to their violation. This allows you to pinpoint and visualize the exact barrier.

Check Color Contrast Ratios
Select any two colors on your page to check their contrast ratio and WCAG conformance.

Guided Manual Accessibility Audit
With a paid subscription, the guided audit tool walks you through a series of tests to comprehensively audit for all WCAG success criteria and achieve full WCAG conformance. Relevant elements are automatically detected and may be highlighted for further inspection.

Streamline Your Workflow
Pair the Accessible Web Helper with RAMP to unlock its full potential. Manual audit findings are pushed into your RAMP account for easy management. Remove cumbersome spreadsheets from your workflow!

The Accessible Web Helper is a must-have tool for individuals and organizations committed to providing an inclusive web environment. Enhance accessibility compliance, improve user experiences, and foster a more inclusive internet with our powerful Chrome extension. Install now and embark on a journey towards web accessibility for all.

Learn more at https://accessibleweb.com/
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Accessible Web Helper", "version": "1.23.5", "manifest_version": 3, "description": "Discover and highlight accessibility violations on the web with the push of a button.", "permissions": [ "storage", "cookies", "contextMenus", "webNavigation" ], "host_permissions": [ "*://*/*" ], "background": { "service_worker": "js/background.min.js", "type": "module" }, "content_scripts": [ { "matches": ["*://*/*"], "js": ["js/awebChromeHelper.min.js"], "all_frames": true } ], "web_accessible_resources": [ { "resources": [ "css/awebChromeHelper.min.css", "css/awebChromeHelperInjected.min.css" ], "matches": [ "*://*/*" ] } ], "action": { "default_popup": "html/popup.html", "default_title": "Accessible Web Helper" }, "devtools_page":"html/devtoolsIndex.html", "icons": { "16": "icons/icon16.png", "32": "icons/icon32.png", "48": "icons/icon48.png", "128": "icons/icon128.png" }}
Read more

How to download and manually install Accessible Web Helper extension for Chrome

Looking for a way to install Accessible Web Helper extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Accessible Web Helper extensions manually, this article outlines two simple methods to effortlessly install Accessible Web Helper extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Accessible Web Helper extension and manually install through Drag &Drop

If you ever need to manually install a Accessible Web Helper extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Accessible Web Helper Extension by clicking the "Download CRX" button on the website.

Look for the Accessible Web Helper extension you wish to install. Go to the website and download the Accessible Web Helper extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Accessible Web Helper extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Accessible Web Helper extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Accessible Web Helper extension for Chrome and install in Developer Mode

This is another method to install Accessible Web Helper extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Accessible Web Helper extension file

Select and download the Accessible Web Helper extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Accessible Web Helper extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Accessible Web Helper extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Accessible Web Helper extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Accessible Web Helper extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

WCAG Color contrast checker Extension · Developer Tools 20,000+ 26 ★ 163KiB

icon

WAVE Evaluation Tool Extension · Accessibility 20,000+ 143 ★ 344KiB

icon

Accessibility monitor Extension · Accessibility 20,000+ 0 ★ 96.89KiB

icon

Colour Contrast Checker Extension · Accessibility 20,000+ 31 ★ 378KiB

icon

IBM Equal Access Accessibility Checker Extension · Developer Tools 20,000+ 16 ★ 29.19MiB

icon

Color Contrast Checker by DigitalA11Y Extension · Accessibility 20,000+ 4 ★ 52.43KiB

icon

Silktide Accessibility Checker Extension · Accessibility 20,000+ 30 ★ 11.56MiB

icon

HalfAccessible - Accessibility Toolkit Extension · Accessibility 20,000+ 9 ★ 397KiB

icon

Includia Accessibility Checker Extension · Accessibility 20,000+ 6 ★ 407KiB

icon

LERA Extension · Accessibility 20,000+ 45 ★ 1.89MiB

icon

axe DevTools - Web Accessibility Testing Extension · Accessibility 20,000+ 114 ★ 2.89MiB

icon

EqualWeb Accessibility Crawler Extension · Accessibility 20,000+ 4 ★ 1.19MiB

icon

DigitalA11Y Tublets Extension · Accessibility 20,000+ 7 ★ 162KiB

icon

Siteimprove Accessibility Checker Extension · Accessibility 20,000+ 21 ★ 1.43MiB

icon

Color Contrast Analyzer Extension · Accessibility 20,000+ 66 ★ 58.27KiB

icon

ARC Toolkit Extension · Accessibility 20,000+ 24 ★ 645KiB

icon

BrowserStack Accessibility Toolkit Extension · Accessibility 20,000+ 61 ★ 3.49MiB

icon

Accessibility View Extension · Developer Tools 20,000+ 2 ★ 97.04KiB

icon

Screen Reader Extension · Developer Tools 20,000+ 1084 ★ 4.76MiB

icon

Visual ARIA Extension · Accessibility 20,000+ 4 ★ 314KiB

icon

Color Contrast Checker Extension · Accessibility 20,000+ 10 ★ 2.85MiB

icon

Access Assistant Extension · Accessibility 20,000+ 56 ★ 2.15MiB

icon

EqualWeb Accessibility Checker Extension · Accessibility 20,000+ 21 ★ 19.11MiB

icon

Accessibility Insights for Web Extension · Developer Tools 20,000+ 37 ★ 3.62MiB

User reviews

icon

Malikul Akbar (ID: 000000871acd3d98) Voted 5 ★ - Updated 07/10/2023 Keep it Free

icon

Deneb Pulsipher (ID: 000000d3c078ea1c) Voted 5 ★ - Updated 07/22/2022 I really enjoy being able to get an idea of the various accessibility failures of a given page so simply. I love that it's built on the aXe core, so I trust the standards it applies, and find myself turning to this even more frequently, casually, than Deque's own axe DevTools just for how easy it is to access. It's not perfect, but the developers are continually working on it, seem to be open to user suggestions, and are always responsive when I contact them.