Buttons With Automatically Readable Text (SCSS)
Styles buttons from one brand color and picks black or white text automatically based on how light the color is, with matching hover and focus states, so button text always stays readable.
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.
Close Open Menus With the Escape Key
Lets keyboard users press Escape to close an open dropdown or mobile menu and returns focus to the button or link that opened it.
Fixes for Windows High Contrast (Forced Colors) Mode
Makes buttons, focus outlines, icons and custom checkboxes stay visible when visitors use Windows High Contrast or another forced-colors mode, where many themes lose borders and icons.
Make Scrollable Areas Reachable by Keyboard
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.
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.
Return Focus After Closing Popups
Remembers which element opened a popup or modal dialog and moves keyboard focus back to it when the dialog closes, a common gap in theme and plugin popups.
Stronger Keyboard Focus Outlines in wp-admin
Makes the keyboard focus indicator in the WordPress dashboard thicker and higher-contrast on links, buttons, menus and form fields, so it is easy to see where you are.