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.

An element highlighted with a red outline on a web page after running a JavaScript snippet.
Element to be highlighted on the page with a JavaScript Snippet.

Get the Snippet

  • Locate the Issue: Open Issues in your site’s sidebar and select the issue you want to inspect.
  • Show the Snippet: In the instance card, below the screenshot and code, click Find on page. The JavaScript snippet appears in a code box.

    Instance #1 card with Find on page expanded, showing the JavaScript snippet in a dark code box above the Dismiss and Mark as Fixed buttons.
    The snippet appears after you click Find on page.
  • Copy the Snippet: Click the copy icon in the top-right corner of the code box. The icon briefly turns into a checkmark to confirm the snippet was copied.

    The snippet code box with the copy icon in its top-right corner highlighted.
    Click the copy icon to copy the snippet to your clipboard.

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.

  • Open the Browser Console: Right-click anywhere on the affected page and choose Inspect (or the equivalent option in your browser).

    Browser context menu with Inspect, and the developer tools Console tab.
    Right-click on the page to inspect and navigate to the console.
  • Navigate to the Console Tab: In the developer tools, switch to the Console tab.
  • Paste the Snippet: Paste the copied JavaScript snippet into the console and press Enter.
  • View the Highlighted Element: The page scrolls to the affected element and outlines it in red.

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

  • This field is for validation purposes and should be left unchanged.
  • 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?

Related Guides