Accessibility testing tool from TPGi

Latest Version

Version
5.7.6
Update
November 23, 2024
Size
645KiB
Developer
tpgi.com
Category
Users
30,000+
Rating
3.41667 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
Scripting
WebNavigation
Storage
ClipboardWrite
See more

ARC Toolkit Extension

The ARC Toolkit is a set of accessibility tools which aids developers in identifying accessibility problems and features for WCAG 2.0, WCAG 2.1, WCAG 2.2, EN 301 549, and Section 508

The toolkit is designed to be integrated into automated and manual accessibility tests and works alongside the auditor or developer in order to simplify repetitive tasks and interactively explore accessibility features and problems. The ARC Toolkit is tightly integrated with Chrome’s Developer Tools and uses the ARC rule set, the same rules used by default in the ARC platform. This allows developers and quality assurance testers to take their ARC testing into their development environments and thoroughly investigate issues raised in ARC scans.

Launched from the Developer Tools, the ARC Toolkit panel includes a set of tests that shows results both in the panel and in the page itself. Each test can be toggled on and off so types of issues can be isolated. Issues can be selected and viewed directly in the Elements panel.

It runs completely local within Chrome and works within iframes, so it can evaluate any page you can browse to. If you would like to pages that are not live on a website but are in development, turn on the option to \"Allow access to file URLs\".

Because this tool is actively used by the TPGi team, there are frequent updates as we further develop and refine the rules and features. If you would like training on how to use ARC Toolkit for testing, please contact TPGi at https://www.tpgi.com/contact/.

This extension is governed by the license agreement at https://www.tpgi.com/arc-toolkit-the-service-terms-of-service/.
Read more

Source Manifest.json

{
"update_url": "https://clients2.google.com/service/update2/crx",
"name":"ARC Toolkit",
"version":"5.7.6",
"manifest_version":3,
"description":"Accessibility testing tool from TPGi",
"homepage_url":"https://www.tpgi.com/arc-platform/arc-toolkit/",
"icons":{"16":"icon/16.png",
"48":"icon/48.png",
"128":"icon/128.png"},
"permissions":["scripting",
"webNavigation",
"storage",
"clipboardWrite"],
"host_permissions":[""],
"background":{"service_worker":"background/main.js"},
"action":{"default_icon":{"16":"icon/16.png",
"48":"icon/48.png",
"128":"icon/128.png"},
"default_popup":"popup/index.html",
"default_title":"ARC Toolkit"},
"content_scripts":[{"all_frames":true,
"matches":[""],
"js":["libs/helpers.js",
"libs/utils.js",
"leader-line.min.js"],
"css":["libs/helpers.css"],
"run_at":"document_start"}],
"devtools_page":"devtools/index.html"}
Read more

How to download and manually install ARC Toolkit extension for Chrome

Looking for a way to install ARC Toolkit 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 ARC Toolkit extensions manually, this article outlines two simple methods to effortlessly install ARC Toolkit extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download ARC Toolkit extension and manually install through Drag &Drop

If you ever need to manually install a ARC Toolkit 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 ARC Toolkit Extension by clicking the "Download CRX" button on the website.

Look for the ARC Toolkit extension you wish to install. Go to the website and download the ARC Toolkit extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for ARC Toolkit 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 ARC Toolkit 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 ARC Toolkit extension for Chrome and install in Developer Mode

This is another method to install ARC Toolkit 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 ARC Toolkit extension file

Select and download the ARC Toolkit 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 ARC Toolkit 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 ARC Toolkit 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 ARC Toolkit 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 ARC Toolkit extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

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

icon

Tenon Toolkit Extension · Developer Tools 30,000+ 1 ★ 5.37MiB

icon

taba11y Extension · Developer Tools 30,000+ 15 ★ 205KiB

icon

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

icon

NerdeFocus Extension · Accessibility 30,000+ 7 ★ 46.69KiB

icon

HeadingsMap Extension · Developer Tools 30,000+ 70 ★ 575KiB

icon

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

icon

Landmark Navigation via Keyboard or Pop-up Extension · Accessibility 30,000+ 9 ★ 67.37KiB

icon

SkipTo Landmarks & Headings Extension · Accessibility 30,000+ 2 ★ 34.43KiB

icon

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

icon

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

icon

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

icon

a11y.css Extension · Accessibility 30,000+ 4 ★ 611KiB

icon

Text Spacing Editor Extension · Accessibility 30,000+ 5 ★ 101KiB

icon

JAWSInspect Extension · Accessibility 30,000+ 8 ★ 160KiB

icon

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

icon

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

User reviews

icon

Forest Walker (ID: 000000b4d48aee25) Voted 5 ★ - Updated 09/07/2023 This is the only accessibility tool that works with iframes... Not even google lighthouse can do that! Thank you for this awesome tool. 5 stars!!

icon

Heather Migliorisi (ID: 0000005e3a8fa5c9) Voted 5 ★ - Updated 01/19/2023 UPDATE - Thank you so much for adding the missing items back. I absolutely love this tool! It is extemely helpful for viewing things like headings, landmarks, lists, forms, aria, and alt text for screenshots quickly and easily. 💗💗💗 -----------------original review----------------- The update removed the majority of features that made this tool so useful. Please rollback or bring back the features (resize text, headings, landmarks, lists, forms, aria, and easily displaying alt text for screenshots).

icon

Shelly Gearheart (ID: 0000003b47c26395) Voted 3 ★ - Updated 08/26/2022 Since the last update to the toolkit, I'm seeing two errors. For the issue of "Aria label on incompatible element", it's showing in ARC toolkit as a "Best Practice", not as the error it is according to the ARC scan from their website. Also, the issue "Modal has no accessible name" is no longer showing in ARC toolkit scans. Other than that, at my place of work, we really miss the feature that showed the tab order.

icon

Krzysztof Busłowicz (ID: 00000068389acadd) Voted 2 ★ - Updated 08/23/2022 This used to be great, clean tool for preliminary accessibility checks and I used it for 5 years. Easy and stable interface. Sadly, the new version is almost unusable. Tool is sluggish and has messy interface. In previous version you could switch between topics with one click. Now you have to uncheck one and check another. Everything was available on main view. Now you have to perform addiitional clicking to get to ie. check reflow. That's no good UX for professional tool to make users click more and search for most used options. With such an improvement I'm going to find another tool.

icon

Rose Peruski (ID: 000000860f8d127e) Voted 2 ★ - Updated 08/02/2022 The previous version was so great, I don't know why the features were taken away. I loved using this tool for headings, landmarks, lists, easily displaying alt text for screenshots. I don't feel like there is anything in this version that I can't get in other tools any longer.