Accessible Pagination Labels
Gives numbered pagination links clear labels such as "Page 3" and names the pagination landmark "Posts pages", so screen reader users know what each link does.
Snippet Library
Accessibility snippets for WordPress
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.
Accessible Toggle Buttons for Sub-Menus
Adds a real button with aria-expanded next to every menu item that has a sub-menu in classic menus, so keyboard and screen reader users can open and close sub-menus.
Add Missing Titles to Embedded Iframes
Gives iframes in post content a title attribute when they lack one (for example "YouTube video" or "Embedded map"), so screen reader users know what each frame contains.
Add Scope to Table Header Cells
Adds scope="col" or scope="row" to table header cells in post content that lack it, so screen readers can tie each data cell to its header.
Add a Main Landmark When the Theme Has None
Marks the theme's main content area with role="main" when the page has no main element, so screen reader users can jump straight to the content.
Add the Page Language When the Theme Leaves It Out
Sets the lang attribute on the page's html element from your site language when a theme forgets to print it, so screen readers pronounce your content in the right language.
Announce "Added to Cart" to Screen Readers
Makes screen readers announce when a product is added to the cart with AJAX on shop and category pages, which otherwise happens silently.
Announce Cart Updates on the WooCommerce Cart Page
Tells screen reader users when the cart has been updated after they change a quantity, remove a product or apply a coupon on the classic cart page, which otherwise happens silently.
Announce Links That Open in a New Tab
Adds hidden "(opens in a new tab)" text and a small icon to links in post content that open a new window, so screen reader and keyboard users are not surprised.
Announce the Number of Search Results
On search result pages, tells screen reader users how many results were found for their search as soon as the page loads.
Descriptive "Read More" Links With the Post Title
Adds the post title as hidden text to "Read more" and "Continue reading" links, so screen reader users hear where each link goes instead of a list of identical links.
Descriptive Labels for Previous and Next Post Links
Adds aria-labels like "Previous post: Title" to the previous and next post links in classic themes, so screen readers announce where each link leads.
Give Theme Search Forms an Accessible Label
Adds an accessible name to the search field of theme search forms that have no label, so screen reader users hear "Search" instead of an unlabeled text field.
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.
Hide Empty Headings From Screen Readers
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.
Move Focus to WooCommerce Checkout Errors
When the classic WooCommerce checkout shows errors (such as a missing field or a declined card), moves keyboard focus to the error list and has screen readers read it out.
Move Focus to the First Invalid Form Field
When a visitor submits a form with missing or invalid fields, moves keyboard focus to the first problem field and announces the browser's error message to screen readers.
Name Each Menu Landmark for Screen Readers
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.
Name Icon-Only Links and Buttons From Their Title
Gives links and buttons that contain only an icon an accessible name taken from their title attribute or the icon's label, so screen readers do not announce them as just "link" or "button".
Name Links That Contain Only an Image Without Alt Text
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.
Remove Image Tooltips That Repeat the Alt Text
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.
Remove Redundant Title Attributes From Menu Links
Strips title attributes from menu links when they only repeat the visible link text, which makes screen readers announce the same words twice.
Screen Reader Text Class for Any Theme
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.
Stack Tables Into Labeled Cards on Phones
On small screens, turns each row of the tables in your content into a card where every value is shown with its column heading, so wide tables can be read without sideways scrolling.