Path & Element

Path & Element

The right panel shows for each issue the information of the violation, its location in code, how to find it and instructions how to fix it in source code.

The path leads to the source element in the customer’s website by its selector.

Element Code

The element shows the original element in the customer’s website source code.



    • Related Articles

    • Allyable - Accessibility Icon Positioning

      Allyable - Accessibility Icon Positioning Floating (Default) Allyable accessibility icon is floating as default. Scrolling the page does not affecting the icon position and it will always be displayed. Allyable provides ways to manipulate the icon ...

    • Actions

      The following buttons appear at the top of the right panel and give ways to handle the issue: Fix: Allows you to fix an issue through the following methods: Code Editor: Using the code editor will open a new window for writing code in TypeScript, ...

    • 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 ...

    • Integration with Ticketing Systems

      Reporting to Ticketing Systems AllyDev supports the integration with ticketing platforms like JIRA, devOps, Github, and others. The integration is created and provisioned through Allyable360 Platform. Manage CI/CD tickets AllyDev dashboard has the ...

    • Embedding a single line of code

      Allyable provide each customer with a secured single line of code to embed in their website. When the script is embedded in the website correctly, the accessibility virtual layer is applied on each visited page, scan for accessibility violations and ...