Chrome Developer Tools

Using chrome developer tools

Chrome developer tools provide additional information on each violation.

open chrome developer tools by going to chrome settings → more tools → developer tools.

Expand the “Element” tab on the left panel and “Allyable” on the right panel.

In addition to the violation details, developers can open the main dashboard for creating a fix to the violation or flag it as a ticket on CI/CD systems like JIRA/devOps/Github/etc.

• Related Articles

• Install AllyDev Chrome Extension

  AllyDev Installation To install AllyDev extension please follow these steps: Login to your Gmail account on the chrome browser Make sure chrome “Sync” is turned on Install the extension from Google web store: Install AllyDev Allow all requests for ...

• Run AllyDev

  Go to your website The website domain URL has to be under active Allyable’s license Click on AllyDev extension icon on the chrome extensions panel. The AllyDev emulator dashboard popup will be opened.

• Would accessibility scanner such as “Allyable” identify the Accessibility Overlay modifications to the site showing that the site is now more accessible?

  Yes. Allyable accessibility is applied as a virtual layer on top of the website code, meaning once the website is loaded the accessibility modifications are already applied. Other tools will rank it higher as well as google SEO ranking

• How we handle a users’ Personal Identifiable Information (PII)

  The Allyable tool scans a page for accessibility violations and logs the elements with violations. Only the elements and their attributes are logged. We never send the content to our servers. In addition, if personal information was logged we provide ...

• AllyToolbar

  AllyToolbar - Customizable Accessibility Menu All of Allyable modules in the AllyAble360™ suite come equipped with AllyToolbar™, which can be fully customized or branded to your enterprise. Allyable accessibility menu enables your end-users to ...