These are the weekly notes for the 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) Team meeting that happens on Fridays. You can read the full transcript on our Slack channel and find the meeting’s agenda here.
It’s WordPress Accessibility Day 🎉
Today is WordPress Accessibility Day, a 24-hour global event dedicated to addressing website accessibility in WordPress. You can find out more about the schedule and sessions on wpaccessibilityday.org.
Progress report of the team’s goals for 5.6
We reviewed progress on the main team goals for WordPress 5.6:
- Updating the WordPress Accessibility coding standards from WCAG WCAG is an acronym for Web Content Accessibility Guidelines. These guidelines are helping make sure the internet is accessible to all people no matter how they would need to access the internet (screen-reader, keyboard only, etc) https://www.w3.org/TR/WCAG21/. 2.0 to WCAG 2.1 and document accessibility anti-patterns
- Accessibility of the WordPress Twenty Twenty-One default theme
Updating the WordPress Accessibility coding standards from WCAG 2.0 to 2.1
The team started work on the documentation but we are still pending on gathering examples of anti-patterns found across WordPress’ interface.
Please reach out if you want to help with this task.
Accessibility of the WordPress Twenty Twenty-One default theme
Folks behind the design and development of the new WordPress Twenty Twenty-One default theme have already been at work creating and addressing accessibility-related issues.
Some of these issue have proven to be complex and feedback is welcome. The team feels that we need to clarify our goal of having the theme be AA or AAA ready.
Accessibility Statement feature plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins.
The plugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party is ready to be downloaded and testing help is needed.
Organize accessibility testing of the new Widgets screen
A call for testing the new Widgets Screen in Gutenberg 9.1 was posted earlier this week.
The accessibility team is planning and organizing a round of accessibility-related testing. The call for testing goes into detail on how to test and provides more details, but in summary, in order to test this screen you’ll need to:
- Have a site using WordPress 5.5.
- Make sure you use a theme that supports 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. areas (e.g. TwentyTwenty).
- Go to the website’s admin.
- Install and activate 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/ plugin. If you already have it installed, make sure you are using at least Gutenberg 9.1.
- Go to Appearance > Widgets.
- Notice that it visually resembles the 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 now.
We welcome any help with testing the new Widgets Screen. Whether you can test for keyboard access, screen-reader support, or any other type of 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, a few tasks you can test for are:
- Navigate and have access to the whole interface
- Add/remove blocks and 3rd party widgets
- Move widgets around
If you’re specifically testing for keyboard access, please check that:
- any action can be performed easily with keyboard only
- the tab order is logical and meaningful
- there are no keyboard traps
- users are not forced to perform counterintuitive keyboard navigation to perform an action
Please open issues on the GitHub repository so these findings get addressed as soon as possible. In order to avoid duplication, we ask you to share in the #accessibility channel when an issue is created so everyone has awareness and follow along.
If you have access to add labels in the repository, the label we should be using for these issues is
[Feature] Widgets Screen.