WordPress 6.8 introduces a comprehensive set of accessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) improvements across WordPress Core Core is the set of software required to run WordPress. The Core Development Team builds WordPress. and the Gutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ Block Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. Editor, making the platform more inclusive and user-friendly. These updates span administration, customization, themes, editing workflows, and the block editor, ensuring a smoother experience for users relying on assistive technologies.
Core
In WordPress Core, improvements include 33 accessibility fixes across all bundled themes, completion of a long-term effort to remove title
attributes in the admin (and super admin) interface, and better navigation menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site. management. The Customizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings. and Administration areas have significant updates, from more descriptive labels, clearer screen reader feedback, and better motion preferences support.
Administration
Several accessibility enhancements to the admin interface make it easier for all users, including those relying on assistive technologies, to navigate and interact with the dashboard. These updates improve clarity, feedback mechanisms, and usability across key administrative areas.
Simplified ‘Add New’ Labels
The ‘Add New’ labels for core post types have been streamlined. For instance, ‘Add New Post’ is now ‘Add Post’, reducing verbosity and aligning with Gutenberg’s button labeling conventions (#61219).
Screen Reader Confirmation for Screen Options
When users adjust settings in the Screen Options panel, screen readers now announce confirmations of saved changes. This provides immediate feedback, enhancing the experience for visually impaired users (#62550).
Elimination of Empty Author Links
In list tables, entries without an assigned author used to display empty anchor tags. That caused usability issues for keyboard and screen reader users. Now, if no author is assigned, the field displays an em dash (—) with a screen reader-friendly ‘(no author)’ label, improving clarity and accessibility (#62913).
Removal of title Attributes
Lots of unnecessary and often redundant title attributes have been removed from the WordPress admin interface, making the interface easier to use for visually impaired users and more in line with best accessibility practices.
This change continues a broader effort started in WordPress 3.7 (#24766).
Customizer
In the Customizer, WordPress 6.8’s accessibility improvements add clarity, reduce unnecessary attributes, and make life easier for assistive technology Assistive technology is an umbrella term that includes assistive, adaptive, and rehabilitative devices for people with disabilities and also includes the process used in selecting, locating, and using them. Assistive technology promotes greater independence by enabling people to perform tasks that they were formerly unable to accomplish, or had great difficulty accomplishing, by providing enhancements to, or changing methods of interacting with, the technology needed to accomplish such tasks.
https://en.wikipedia.org/wiki/Assistive_technology users. They restore proper heading semantics, improve widget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. area selection, and respect user motion preferences.
Restoring Heading Semantics in Customizer Navigation Menus
WordPress 6.8 removes the role="presentation"
attribute from <h4>
section headings in the Customizer’s navigation menus. This change restores proper heading semantics, making the Customizer interface easier to navigate for users relying on assistive technologies (#62215).
Displaying Sidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. Descriptions in Widget Area Selection
The Customizer’s widget area selection now displays sidebar descriptions directly below their names, replacing the previous title
attribute tooltips. This adjustment makes sidebar information more accessible to all users, particularly those using assistive technologies (#62836).
Respecting Reduced Motion Preferences in the Customizer
The Customizer now respects users’ preferences to minimize non-essential motion, as indicated by the prefers-reduced-motion
media query. This enhancement Enhancements are simple improvements to WordPress, such as the addition of a hook, a new feature, or an improvement to an existing feature. reduces animations and transitions for users who have opted for reduced motion, providing a more comfortable experience (#62806).
Editing
Several accessibility improvements to the editor experience make it more intuitive and user-friendly for all users, including those relying on assistive technologies. These updates simplify interface elements, improve keyboard navigation, and remove redundant attributes for a more accessible editing workflow.
Conditional Display of ‘Disable the Visual Editor’ Option
The ‘Disable the visual editor when writing’ option in user profiles has changed. Now it only appears if it is currently enabled, allowing users who have previously disabled the visual editor to re-enable it. For users who have not disabled the visual editor, the option is hidden, simplifying the user interface and reducing potential confusion (#34681).
Renaming the ‘Text’ Tab to ‘Code’
The ‘Text’ tab in the Classic Editor is now called ‘Code’. This change makes it clear to nontechnical users that the tab is for code editing. (#38061).
Removal of Redundant title Attributes in Classic Editor
WordPress 6.8 moves the title
attributes used with placeholder images in the classic editor to the alt attribute. Where images previously did not differentiate between different placeholders, they have been replaced with unique images. (#62861).
Ensuring Visibility of Screen Reader Shortcuts in Block Editor
Screen reader shortcuts are now consistently visible, so users with visual impairments can access necessary navigation aids regardless of screen size. This fixes an issue where the shortcuts were hidden in the block editor on smaller screens (#63084).
Miscellaneous
Beyond updates across core components, WordPress 6.8 adds several accessibility enhancements that refine various admin interfaces, semantic HTML HyperText Markup Language. The semantic scripting language primarily used for outputting content in web browsers., and content interactions for a more inclusive experience.
Improved Feedback for Password-Protected Posts
Users who enter an incorrect password on a password-protected post will now see an error message, improving feedback and reducing confusion (#37332).
Accessible Validation for Custom Menu Links
The validation process for custom links in the admin menu is now consistent and accessible, so invalid A resolution on the bug tracker (and generally common in software development, sometimes also notabug) that indicates the ticket is not a bug, is a support request, or is generally invalid. URLs trigger accessible feedback for sighted users and users of screen readers (#60969).
Updated screen-reader-text CSS Cascading Style Sheets. Class
The screen-reader-text
class and its local implementations have eliminated outdated clip
and -webkit-clip
properties to improve styling consistency. (#62238).
Fix for Comment Reply Form Escape Key Behavior
Pressing Escape to close the comment reply form no longer causes content loss (#62346).
Removal of Redundant title Attributes
6.8 removes the title
attribute on the shortlink function (the_shortlink()
), for cleaner markup and better compatibility with screen readers (#62838).
The title
attributes in the calendar widget column headers are also gone, as are any redundant or unclear tooltips (#62860).
Improved HTML Semantics in Site Health Info Tables
The Site Health Info tables have better structured HTML, making it easier for assistive technologies to parse and read content (#62880).
Themes
Several accessibility enhancements have come to the Themes component, improving navigation, readability, and customization.
Theme Details Dialog Overlay
The Theme Details dialog previously obscured the admin sidebar sub-menu navigation, hindering accessibility. Thanks to this fix, the dialog no longer hides the sidebar, allowing seamless navigation (#41155).
“Skip to Content” Link Enhancement
The “Skip to content” link lacked a corresponding ID, reducing its effectiveness for keyboard navigation. Now the main content area has a unique ID, so users can bypass repetitive elements more efficiently (#62311).
Improved aria-current Management for Custom Logos
The logic to show that a linked logo pointed to the current page has improved, so users of screen readers get better information. (#62879)
Removal of Redundant Title Attributes
Title attributes in theme list tables, often redundant and confusing, are now gone. The result: a cleaner and more accessible interface (#62834).
Support for :focus-visible Pseudo-Selector in theme.json JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML.
To enhance focus styles, particularly for keyboard users, theme.json
supports the :focus-visible
pseudo-selector. That lets theme developers define focus styles apply only when an element receives focus via keyboard navigation (#62906).
Bundled Themes
WordPress 6.8 adds accessibility enhancements across multiple bundled themes that refine skip links, menu interactions, and accessibility attributes to enhance the experience for all users.
Skip Link Placement Adjustments
- Twenty Ten: The skip link now appears earlier in the markup for better keyboard navigation (#14795).
- Twenty Twelve, Thirteen, and Fourteen: Now skip links appear before navigation elements, ensuring a logical tab order (#62967, #62968, #62969).
ARIA Attribute Improvements in Menus
- Twenty Twelve: The mobile menu button now includes an
aria-expanded
attribute to indicate its state (#62892).
- Twenty Fifteen: Updates to ARIA attributes ensure the primary menu is properly labeled for assistive technologies (#62936).
- Twenty Nineteen: Limits the scope of
aria-haspopup
and aria-expanded
attributes only to menu items with submenus, reducing unnecessary attributes (#62896).
- Twenty Twenty: The horizontal menu’s submenus are now dismissible, making it easier to close expanded menus (#49950).
- Twenty Twenty-One: The primary menu now includes
aria-controls
attributes, ensuring proper interaction for screen reader users (#62973).
Improved Accessibility for Site Titles
Bundled themes now add accessibility attributes to the site title link, making it easier for assistive technologies to interpret site navigation (#62895).
Gutenberg
The Block Editor saw over 70 accessibility enhancements that enhance core blocks, global styles, popovers, tooltips, and the editor interface itself. Additionally, improvements to the DataViews component refine media selection, layout semantics, and interactive elements, ensuring a more accessible editing experience.
Blocks
WordPress 6.8 introduces significant accessibility enhancements to Gutenberg’s core blocks, improving usability, clarity, and assistive technology support. Updates include better labeling and terminology for the Query Loop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop., Post URL A specific web address of a website or web page on the Internet, such as a website’s URL www.wordpress.org, and Navigation blocks, ensuring clearer communication for all users. Focus management fixes include preventing focus loss in the Site Logo block and improving keyboard navigation for the Site Icon component. Refinements to ARIA attributes and tooltips across Image, Video, and Navigation blocks eliminate redundant elements and improve screen reader compatibility.
In short, the 6.8 block editor is the most accessible, intuitive, and inclusive it’s ever been:
- Query Loop Block Enhancements: Made the display settings labels for the Query Loop block clearer to users (#65524).
- Post URL Accessibility: Made the terminology in the Post URL component more intuitive for all users (#63669).
- Radius Control Simplification: Removed unnecessary, confusing tooltip components from the radius control linked button (#66274).
- Featured Image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. Alt Text: Added alt text and fallback options for featured images in the editor sidebar, ensuring better accessibility for screen readers (#66189).
- Link Preview Improvements: Made labeling of link previews more accessible, informative, and user-friendly (#60908).
- Site Icon Focus Fix: Addressed focus issues with the Site Icon component, ensuring consistent and expected behavior (#66952).
- Image Block ARIA Attributes: Added the
aria-haspopup
property to the Image block’s “More tools” menu items, improving screen reader interactions (#66815).
- Video Block Tooltip Removal: Eliminated unnecessary tooltips from the Video block’s text tracks button (#66716).
- Navigation Block ARIA Label: Fixed the ariaLabel block support in the Navigation block, ensuring accurate labeling for assistive technologies (#66943).
- Featured Image UI User interface Enhancement: Gave clearer user feedback for featured images when the image file cannot be retrieved (#66936).
- Video Track Editor Accessibility: Made the video track editor more accessible, navigable and usable for all users (#66832).
- Menu Selection Label Fix: Corrected the “Choose menu” label when a menu has been deleted to give users accurate information (#67009).
- Site Logo Focus Preservation: Prevented focus loss when updating media from the sidebar in the Site Logo component for a seamless editing experience (#68621).
- Lightbox Feature Label Consistency: Fixed inconsistent labels for the Lightbox feature for uniform terminology across the editor and frontend (#68261).
- Navigation Element Labeling: Replaced the term “navigation” with “menu” in navigation element labels, aligning with accessibility best practices (#68683).
- Navigation Link Tooltip Removal: Removed non-interactive tooltips from Navigation Link blocks (#68628).
DataViews
In the latest updates to Gutenberg’s DataViews component, several accessibility improvements have been implemented to enhance user interaction and compliance with accessibility standards.
- Badge Color Contrast Adjustment: Improved the color contrast of badges, for readability for users with visual impairments (#66360).
- Focus Management Fixes: Fixed issues where focus was lost after removing or resetting all filters, for a consistent user experience (#67003).
- Keyboard Interaction Enhancements: Enforced expected keyboard behavior, that pressing the spacebar triggers media buttons in grid view (#67791).
- Accessible Naming for Media Buttons: Added accessible names to media buttons in page view grids, improving screen reader navigation (#67690).
- Semantic HTML Corrections: Removed inappropriate use of the
grid
role on ul
elements in list layouts, following semantic HTML practices (#67849).
- Visible Focus Indicators: Addressed the lack of visible focus styles on media items in grid view, so users can identify focused elements (#67789).
Simplified Checkbox Labels: Removed extraneous labeling from checkboxes in data views, improving the interface for assistive technologies (#67868).
Miscellaneous
WordPress 6.8 introduces several accessibility improvements that improve editor responsiveness, modal dialogs, search inputs, button components, motion preferences, color contrast, and focus management.
Editor Resizability and Responsiveness
- Resizable Editor with Keyboard Support – Users can now adjust the editor size using arrow keys, improving accessibility for keyboard users (#65546).
- Responsive
.screen-reader-text
CSS – Updates ensure better readability and responsiveness for screen reader text across devices (#66145).
Modal Dialogs and Popovers
- Improved Modal Dialog Accessibility – Enhancements to modal dialogs make them more accessible for screen reader users (#65941).
- Popover Close Button Labeling – The close button in popovers now includes accessible labels, aiding assistive technology users (#66813).
Search Inputs and Global Styles
- Consistent Search Input Labeling – Visible labels now match actual labels in search inputs (#65458).
- Global Styles Menu Labeling – Adjustments prevent mismatches between visible labels and accessible names in global styles menus (#65124).
Snackbar Notices and Sidebar Navigation
- Snackbar Notice Consistency – Fixes ensure uniform messaging and behavior across snackbar notices (#66405).
- Sidebar Navigation Focus Visibility – The focus style in sidebar navigation is now fully visible, to aid keyboard navigation (#67817).
Button Components and Motion Preferences
- Button Component Enhancements – Secondary variant buttons now include hover styles, and unnecessary tooltips have been removed (#67325, #68498).
- Reduced Motion Handling – Standardized handling of reduced motion preferences ensures a better experience for users sensitive to motion (#68417, #68426, #68425, #68423, #68315).
Color Picker and Contrast Checker
- Color Picker Accessibility – The color picker includes accessible labels for copy buttons (#67094).
- Contrast Checker CSS Simplification – Unnecessary CSS properties have been removed from the contrast checker in the color hook (#68055).
Pattern Modal and Post Editor
- Pattern Modal Focus Management – When the user inserts a pattern, the modal closes. Focus shifts to the newly inserted pattern (#68975).
- Post Editor CSS Class Fixes – Corrections make theming and functionality consistent in the post editor’s
iframe
body (#68481).
Keyboard Navigation and Screen Reader Enhancements
- Improved Speak Messages for Mode Switching – Screen readers now announce clearer messages when users switch editor modes (#66278).
- Speak ‘Block Moved’ Notification for Keyboard Users – Users moving blocks with keyboard actions now receive an audible confirmation from screen readers (#64966).
UI Consistency and Focus Management
- Fix Inconsistent Sidebar Close Button Sizes – Sidebar close buttons have consistent sizing across the interface (#66756).
- Increase Modal Close Button Size – The close button in modals is bigger (#66792).
- Improve ‘Last Modified’ Revisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision. Button Accessibility – The Revisions button has better labeling for screen reader users (#66606).
- Improve Accessibility of the Warning Component – Enhanced the Warning component to improve contrast, visibility, and screen reader support in the block editor (#67433).
- Improve
EntitiesSavedStates
Modal Dialog Design & Labeling – Better visual clarity and accessibility of the EntitiesSavedStates
modal (#67792).
Refinements in Block Patterns, Global Styles, and Layout Components
- Fix Visual Title and Tooltip Inconsistencies in Block Patterns List – Fixed inconsistencies in visual titles and tooltips in block patterns (#64815).
- Fix: Templates and Patterns Nesting Two Button Elements – Corrected nesting of multiple elements with the button role in templates and patterns, for better accessibility (#67801).
- Fix Inserter Category The 'category' taxonomy lets you group posts / content together that share a common bond. Categories are pre-defined and broad ranging. Tabs Unnecessary ARIA Label – Avoids redundant ARIA labels, so screen readers deliver clear navigation (#68160).
- Add Missing List Role to Global Styles Block List – Delivers proper accessibility semantics in the Global Styles panel (#69027).
- Preserve ARIA Label Value in Comment Delimiter Block Support – Makes screen readers correctly interpret comment delimiter sections (#69002).
Improvements to UI Components and Controls
- Replace
ButtonGroup
Usage with ToggleGroupControl
– Updated the ButtonGroup
component to use ToggleGroupControl
, for better usability and accessibility (#65346).
- Fix Incorrect Usage of
ItemGroup
in the Image Block Filters Panel – Corrected nested elements and fixing accessibility issues in the filters panel (#67513, #67427).
- Fix
EntitiesSavedStates
Panel Dialog Props – Refined dialog properties to improve screen reader support (#67351).
BoxControl
ARIA Value Fix – The aria-value
text attribute in BoxControl
now delivers correct screen reader output (#68362).
BlockSwitcher
Refactor – Improved layout in BlockSwitcher
for better consistency (#67502).
CustomSelectControl
Refactor – Updated CustomSelectControl
to use Ariakit
state management, ensuring better UI behavior (#67815).
- Fix Tooltip Usage in Circular Option Picker – Corrected tooltip behavior for proper user interaction (#68602).
Enhancements to Style and Theme Components
- Remove
clip
and -webkit-clip
for Block Library Styles – Eliminated outdated clip
and -webkit-clip
properties (#66144, #66147).
- Visual Refactor: Add Chevron Icon for Shadows in Global Styles – Improves visibility of shadow settings in the UI (#67720).
- Shadows: Always Show Reset Button When Hover Is Not Supported – Ensures accessibility by keeping reset options visible for users without hover support (#68122).
Enhancements for Text and Font Controls
- Update Description for ‘Contain Text Cursor Inside Block’ Preference – Explains cursor containment settings more clearly (#68132).
- Font Size Picker: Remove ‘Custom’ Option in Dropdown – Simplifies the font size picker UI (#69038).
- InputControl: Ensure Consistent Placeholder Color – Adjusted placeholder text styling for better consistency across the UI (#69334).
- Cover Block: Fix Placeholder Color Options Keyboard Accessibility – Makes sure users can navigate placeholder color options with the keyboard (#68662).
Props to @jeffpaul, @marybaum, @benjamin_zekavica, @audrasjb for editing and review.
#6-8, #dev-notes, #dev-notes-6-8