Notice Type: Error Did an “Improper Use of Link” error appear in an Accessibility Checker audit of one of your WordPress posts or pages? Read on below for an explanation […]
To fix a page with no titles, you will need to add title elements. First, determine if the title is missing because you left the page or post title field blank in the editor. If so, fill it in. If a title is filled in and visible on the backend then the code in the "head" section of your web page needs to be edited to include a title tag or meta tag.
To fix a Missing Language Declaration error, you will need to edit your theme files to add the missing language attribute to the HTML tag at the very top of your website header. If you're using a theme that receives updates, then you'll need to make the change in a child theme to ensure the fix does not get overwritten when you next update your theme.
To fix empty or missing form label errors, you'll need to determine how the field and form were created and then either add text to your existing field label or add field labels if they are missing completely.
To fix an empty link error, you will need to find the link that is being flagged and add descriptive text to it. You will need to either: add text content within an empty anchor link element or, if your link contains an SVG or Webfont icon, hide that element with ARIA hidden element and add an aria-label attribute to the anchor link tag or screen reader text.
To fix a missing iFrame title, you will need to add a title or an ARIA label attribute to the iframe tag. The attribute should accurately describe the contents of the iFrame.
If a page or post has been flagged as having a grade-level readability score over ninth grade, you can either ensure that the text on the flagged web page has been simplified and scored below a ninth-grade reading level, or keep the original text, and provide a simplified summary.
To fix an Insufficient Color Contrast error, you will need to ensure that flagged elements meet the minimum required ratio of 4.5:1. To do so, you will need to find the hexadecimal codes of your foreground and background color, and test them in a color contrast checker. If these color codes have a ratio of 4.5:1 or greater, or you can confirm that they meet one of three exceptions, you can "Ignore" this error. If the color codes do not have a ratio of at least 4.5:1, you will need to make adjustments to your colors.
Blinking is often attached to content elements using an HTML element or CSS styles in your stylesheet. A scrolling effect is typically created using the "marquee" HTML element. You can fix the error by removing these elements from your post or page content or your CSS styles.
To fix an empty table header, you need to find the correct HTML element and add text to it that describes the row or column that it applies to. To fix a missing table header, you need to find the section of code that has fewer table heading elements in it than should be present for the number of rows or columns of data, and add one or more additional elements containing text that describes the data in that row or column.
To fix a broken skip link, you will need to take a look at the intended target of the link. You must ensure that the link does exist, and is not hidden using a CSS element. It may also be possible that a skip link is flagging as broken because of a typo in the link, so be sure to check for any spelling errors in the link URL.
To fix an empty button error, you will need to find the button that is being flagged and add descriptive text to it. You will need to either: add text content within an empty button element, add a value attribute to an input that is missing one, or add alternative text to a button image.