Back to Basics Guides

Find Elements with Instance Snippets

Introduction

After running a site scan, you might need a quick way to locate the specific element causing an accessibility issue. With AAArdvark, you can use JavaScript snippets to find the affected element directly on your website.

Screenshot depicting the snippets pasted into the console, with an arrow pointing towards the highlighted issue on the page.

Get the Snippet

  1. Locate the Issue: Go to the Issues tab and select the issue you want to inspect. Ensure it is marked as Active.
  2. Expand Details: Scroll down to the section displaying either a screenshot or code. Look for the Show Snippet link and click it.
Show snippet link displayed under the issue reported.
  1. Copy the Snippet: A JavaScript snippet will appear in a code box. Click Copy to Clipboard to copy the code.
Use the ‘Copy to Clipboard’ button to copy the JavaScript snippet easily.

Using the Snippet

You’ll use the snippet in a separate browser window where you’re viewing the page of your website where the accessibility issue is happening. You’ll use the browser console to locate the element.

  1. Open the Browser Console: Right-click anywhere on the affected page and choose Inspect (or the equivalent option in your browser).
Right click on the page to inspect and navigate to the console.
  1. Navigate to the Console Tab: In the developer tools, switch to the Console tab.
  2. Paste the Snippet: Paste the copied JavaScript snippet into the console and press Enter.
  3. View the Highlighted Element: The affected element will be outlined in red on your page.
Screenshot depicting the snippet pasted into the console, with an arrow pointing towards the highlighted issue on the page.

Tip: If your browser prompts you to confirm running scripts, follow the instructions to proceed safely.

Still stuck?

File a support ticket with our five-star support team to get more help.

File a ticket

  • Please provide any information that will be helpful in helping you get your issue fixed. What have you tried already? What results did you expect? What did you get instead?
  • This field is for validation purposes and should be left unchanged.

Related Guides