Go to YuJa
  1. YuJa Help Center
  2. EqualGround
  3. Accessibility Features

Using EqualGround's AutoPilot to Propose Accessibility Fixes

Avatar
YuJa Doc Team
  • Updated

When viewing issues on web pages, you can use AutoPilot to generate code snippets that, when added to your website's code, can help resolve accessibility issues. Before proceeding with the steps below, your platform must have AutoPilot enabled. 

Using AutoPilot to Propose Changes for a Web Page

Follow the steps below if you want to use AutoPilot to suggest fixes for an entire web page. If you want AutoPilot to propose a fix for a specific issue, please proceed to the next section of this guide.

  1. Log in to EqualGround and select Websites from the left-side navbar.
    The Website option is shown as the first option in the navbar.
  2. Choose the website with the web page you want to run AutoPilot on.
    A list of websites is shown in a table.
  3. Choose the web page you want to run AutoPilot on.
    A table shows a list of web pages.
  4. Click Accessibility Score.
    The accessibility score pane is shown on the left-hand side.
  5. Click Launch.
    The launch button is selected.

  6. A code snippet will appear, highlighting the issues in red and showing the proposed changes in green. Click the Copy button next to a proposed change to copy the fix.

  7. Next, paste the copied proposed change into the code of your website. You may then repeat steps 7 and 8 for other issues.
    The HTML of the web page has a copy icon to the right of the HTML highlighted in green.

Using AutoPilot to Propose Changes for an Issue

Follow the steps below if you'd like AutoPilot to propose changes for specific accessibility issues. If you want AutoPilot to propose changes for the entire web page, please follow the above section of this guide. 

  1. Log in to EqualGround and select Websites from the left-side navbar.
    The Website option is shown as the first option in the navbar.
  2. Choose the website with the web page you want to run AutoPilot on.
    A list of websites is shown in a table.
  3. Choose the web page you want to run AutoPilot on.
    A table shows a list of web pages.
  4. Click Accessibility Score.
    The accessibility score pane is shown on the left-hand side.
  5. In the Accessibility Issues panel, click on an issue to view all elements with the issue. 
    Note: You can also organize issues by components by clicking the icon to the right of the search bar.
    Accessibility issues are shown in the righr-side Accessibility Issues panel.
  6. Locate the particular element you'd like and click Propose Fix.
    Next to each element listed is a Proposed Fix text that can be selected.

  7. A code snippet will appear, highlighting the issue in red and showing the proposed change in green. Click the Copy button next to a proposed change to copy the fix.

  8. Next, paste the copied proposed change into the code of your website. You may then repeat steps 8 and 9 for other issues.
    The HTML of the web page has a copy icon to the right of the HTML highlighted in green.

Related articles