1. Run the Scanner On Your Site
- Run the Scanner On Your Site
- On your WordPress admin site, while viewing your site, go to the administrator bar at the top of the page and hover over the “WCAG Check” button (Image 1).
- Choose one of the checks available to you:
- Basic page check: Checks the current page up to A standard for WCAG 2.1
- Full page check: Checks the current page up to AA standard for WCAG 2.1
- Full site check: Checks the entire site up to AA standard for WCAG 2.1
- For More information about conformances, click on this link -> Web Content Accessibility Guidelines (WCAG) 2.1
- Once you have chosen one of the checks, all items that may need to be altered will appear highlighted with a box with a dotted line and a symbol describing the type of error, shown below (Image 2). The check results will also appear to the side with the total counts of each type of issue and 5 tabs to switch between the different options.
- The “Read more here” button
- Once the scanner has been run, you can click the symbol next to the highlighted elements to open a description of the affected item (as long as the WCAG Check screen is still open). On the WCAG Check screen, there will be a description of the issue, a snippet of the code behind it, and the element selector (Image 3).
- To get more information about the issue/accessibility requirement, click the question mark symbol to the right of the issue description. This will open the official IBM description of the accessibility requirement and tips on how to fix/create it.
- If this is an issue that can be manually fixed right on the website itself, a green fix button will appear next to the question mark symbol (Image 4).
- Click on this ‘fix’ button to go to the last tab titled “Fix” (shown below) and make the changes necessary (image 5).
- Once you have finished typing the new information, press submit and the issue should be solved!