Gutenberg 6.3 Improves Accessibility with New Navigation and Edit Modes

Major accessibility improvements are the headline feature of this week’s Gutenberg plugin release. Version 6.3 introduces new Navigation and Editor modes to address long-standing problems navigating the block UI with a screen reader. The editor is now loaded in Navigation mode by default. Riad Benguella described it as “an important milestone in terms of accessibility of the editor” and explained how it works:

It allows you to move from block to block using a single Tab press. You can also use the arrow keys to navigate between blocks. Once you reach the block you want to edit, you can enter the Edit Mode by hitting the Enter key. The Escape key allows you to move back to the Navigation Mode.

These modes are still early in their development and will require more testing.

At WordCamp US 2018 in Nashville, Accessibility Team contributor Amanda Rush gave me a demonstration of what it is like to navigate Gutenberg with a screen reader. Using the editor was painfully difficult for even the simplest tasks, such as setting a title and writing paragraph content.

Since that time, the Gutenberg and Accessibility teams have made great strides towards improving this experience. The new interaction flow in the Navigation mode is one example of their progress. The teams have also worked together to tackle a collection of 84 issues that Tenon created on GitHub in May, based on the findings in WPCampus’ Gutenberg Accessibility Audit. To date, 54 of those issues, many of which were related to screen reader accessibility, have been resolved and marked as closed.

Other notable updates in Gutenberg 6.3 include support for text alignments in table block columns, border color support for the separator block, and improvements to the BlockPreview component, which allow developers to preview blocks in any context. Check out the release post for the full list of all the changes in 6.3.


3 responses to “Gutenberg 6.3 Improves Accessibility with New Navigation and Edit Modes”

  1. I’ve been working with Gutenberg since it was released, and it’s been fun to try new things with. The blocks make me more aware of my image alts, and links. I’ve also been able to expand what I thought my technical limitations were. Embeds are still a little wonky for me, but it may be more about me being used to doing it differently.

    Overall, it’s a fun editor to work with.

  2. While there has been some good progress on Gutenberg accessibility, it’s not a very accurate portrayal of the progress to say that 54 of the GitHub issues have been closed; many of those were closed in order to move them to the WordPress Core trac, as they related to the Media Library, rather than to Gutenberg.

    The actual resolved problems are considerably fewer than 54. Closed issues do not necessarily mean resolved problems.


Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

%d bloggers like this: