Hide Decorative SVG Icons From Screen Readers
Adds aria-hidden to inline SVG icons that sit next to visible text inside links and buttons, so screen readers stop announcing meaningless graphic names.
Snippet Library
Snippets that make WordPress easier for everyone to use: skip links, focus styles, better link text and fixes for common accessibility issues. For site owners who want a site that works with keyboards and screen readers.
Adds aria-hidden to inline SVG icons that sit next to visible text inside links and buttons, so screen readers stop announcing meaningless graphic names.
Finds heading tags on the page that contain no text (often left behind by page builders and themes) and hides them from screen readers, so they do not show up as blank entries in the heading list.
Adds a "High contrast" checkbox to each user's profile that switches the dashboard to dark backgrounds, white text, yellow links and strong borders for that user only.
Outlines the Alternative Text field in red when it is empty in the media library and media modal, so authors notice it before inserting an image.
Adds a dashboard widget showing how many images in the Media Library have no alternative text, with a link to the most recent ones to fix.
Finds code blocks, tables and other boxes that scroll sideways or vertically but contain nothing focusable, and makes them keyboard-focusable with a label, so keyboard users can scroll them with the arrow keys.
Gives every classic menu location its own accessible name (for example "Primary menu" or "Footer menu"), so screen reader users can tell navigation regions apart.
Gives links in your content whose only content is an image with empty alt text an accessible name, using the title of the page they point to, so screen readers no longer announce just the URL.
Lists links whose text is "click here", "read more", "here" or a bare URL in the block editor's pre-publish panel, so authors can rewrite them to describe where they lead.
Shows a panel in the block editor's pre-publish check listing every image block that has no alternative text, with a button to jump to each one.
When a product image in the shop, on category pages or on the product page has no alternative text, uses the product name instead of leaving it empty.
Keeps the smallest tags in tag cloud widgets and blocks large enough to read and tap, and sizes them in relative units so they grow with the visitor's text size.
Removes the title attribute from images in your content when it is the same as the alt text, so screen readers do not read the same description twice.
Removes tabindex values greater than zero from links and fields in post content, which otherwise force a confusing keyboard order, while keeping tabindex 0 and -1.
Strips title attributes from menu links when they only repeat the visible link text, which makes screen readers announce the same words twice.
Turns off CSS animations, transitions, parallax backgrounds and smooth scrolling for visitors whose device is set to reduce motion. Visitors without that setting see no change.
Turns off Divi's entrance animations, parallax and scroll effects for visitors whose device asks for reduced motion, while everyone else keeps the effects.
Adds the standard .screen-reader-text styles that hide text visually but keep it readable by screen readers, for themes that do not include them.
Adds the file type and size, such as "(PDF, 2.4 MB)", after links to PDF, Word, Excel and PowerPoint files in your content, so visitors know what they are about to download.
Adds a [text_size_controls] shortcode with "A-", "A" and "A+" buttons that make the whole site's text smaller or larger for that visitor, remembered on their device.
Adds a [text_spacing_toggle] shortcode button that increases line height, letter and word spacing to the levels recommended by WCAG, which helps readers with dyslexia or low vision.
Aligns justified paragraphs in posts to the start of the line instead, because the uneven gaps that justified text creates make reading harder for people with dyslexia and low vision.
Turns sticky and fixed headers into normal headers when the visible screen area is very small, such as at 400% browser zoom or on landscape phones, so they no longer cover most of the content.
For image blocks that have a caption but no alternative text, uses the caption text as the alt attribute, so the image is not announced as unlabeled.