Notice Type: Warning Did an “Image Empty Alternative Text” warning appear in an Accessibility Checker audit of one of your WordPress posts or pages? Read on below for an explanation of this warning, how it impacts your website’s accessibility, and how to fix it. About the Empty Alternative Text Warning What is alternative text? Alternative […]
Tool Tips
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 resolve this warning, you need to review any GIFs that are present to ensure that they meet all applicable guidelines for accessibility and then either "Ignore" the warning in Accessibility Checker or remove the GIF from your page or post if it is not accessible.
To resolve this warning, you need to visit the front end of your website and fully ensure that any videos on the page or post are accessible. Once you have fully tested your videos for accessibility, you need to resolve any accessibility errors that may be present and then can "Ignore" the warning in Accessibility Checker for that post or page.
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 resolve this warning, you need to visit the front end of your website and fully ensure that any sliders on the page or post are accessible. Once you have fully tested your slider for accessibility, you need to resolve any accessibility errors that may be present and then can "Ignore" the warning in Accessibility Checker for that post or page.
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.
For every Link Opens New Window or Tab warning that is flagged on your website, it is best to find the linked text and change it to not open a new window or tab. If you really want the link to open in a new window or tab then you need to add both visual and auditory warnings that notify users this will happen. After ensuring that warnings for users are present, you can "Ignore" the warning in Accessibility Checker.
