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 […]
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.
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.
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.
For every ARIA Hidden warning that is flagged on your page, assess the element and determine if it is truly correct to hide the element from assistive technology users. If it is appropriate to hide the element, then you can safely "ignore" the warning. If it is not appropriate to hide the element, then you will need to remove the ARIA hidden attribute from the element's code.
To fix this warning, you will need to rewrite the alternative text for any images that flagged the Low-Quality Alternative Text warning, ensuring the alternative text is accurate, unique, contextually appropriate, and does not contain redundant or unnecessary descriptors.