Accessibility Team Update: June 18, 2014

Visual Focus In Left Navigation

Screenshot of admin left navigation showing Posts menu selected with New Post submenu selected

Posts menu selected with indistinguishable darker black shading, Add New sub menu item selected with text in dark blue. Note that dark blue text against dark gray is hard to see.

Color Alone

Visual focus indicators for wayfinding are relied on heavily by some keyboard-only users. @helen notes the enhanced visual focus indicators now in trunk. Ticket #28267 needs a lot more work bringing the focus style to various places but one area that needs a smart solution is left navigation. Now we are relying on color changes which are, in some instances, too subtle. Indeed, color is not to be used as the only visual means of conveying information, indicating an action, prompting a response, or distinguishing a visual element.

Suggestions

We discussed this for most of the meeting and here are some suggestions.

  • Helen reports that a blue glow does not look good
  • White outline around menu item with white outline also around selected submenu item
  • Reversing the colors with another undefined indicator element
  • Triangle to the left of main menu item and selected submenu item
  • Underline under main menu item and selected submenu item (might be mistaken for links)

Solution Needed

We need some suggestions for an elegant solution. Bear in mind that there are eight admin color schemes and any solution should take that into account. I have created ticket #28599 to work on this issue. A WordPress AccessibilityAccessibility 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 shirt to the person who comes up with the adopted solution!

Accessibility Team Update: June 11, 2014

New Accessible Theme

Joe Dolson is working on a new accessible theme for the Cities series using an innovative modular approach for accessibilityAccessibility 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) by gathering up accessibility concepts into separate files.

Joe says:

“I’m explicitly placing all the accessibility-specific code into a11y.php and a11y.js, to make them easy to find. This is intended to be a useful resource for theme developers, so I want everything to be easy to find.”

Also of note is skiplinks.js which fixes a bug in WebKit. Simply using an anchor link for the skiplink isn’t enough for WebKit, because keyboard focus will not follow visual focus without JavascriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/.. Joe will be presenting this new theme in a session at WordCamp Chicago this weekend.

Accessibility Theme Check Process Enhanced

We are aware that a few themes that are not accessible have arrived in the theme directory with the #accessibility-ready tag. Perhaps the theme creators misunderstood the tag or copied it from another theme without thinking. We got a message from someone who knows accessibility that he bought a theme based on the fact that the free version has the #accessibility-ready tag. Expecting it to be accessible, he was disappointed. Contacting the theme creator he found out that they will be uploading a new free version without the tag.

Joe Dolson on the process:

“We’re still struggling with themes getting through the process without getting audited, but we have a recourse for this now. The official policy is to give the author notification that their theme needs to go through the accessibility-ready review to keep the tag, and that they have 72 hours to begin rectification – either by uploading a new version without the tag or by uploading a new version that will begin the process of meeting the accessibility-ready requirements. After 72 hours without a response, the theme will be suspended from the theme repository.”

Unification of Visual Focus Indication

It is essential to provide a visual cue to sighted keyboard-only users letting them know where they are on the page. There is no standard look for visual focus indicators. The issue is made more complex because user agents approach this in different ways. @helen talked with us last week and this week again about the fact that the visual look of focus indicators is not unified, and in some instances is not perceivable. For example, on the Media Library screen this is a screenshot showing “apply” button with dotted line focus indicator active and it is not perceivable. One tab press to the right of the “apply” button is the “All dates” select menu selected with a screenshot showing “All dates” select menu with blue glow and dotted line.

The base look might be the approach taken by WebKit, a blue glow. A base look with more than one element is what we seek. Even if the color blue cannot be perceived there is still the glow. This week we have a goal of organizing the approach to the UIUI UI is an acronym for User Interface - the layout of the page the user interacts with. Think ‘how are they doing that’ and less about what they are doing. in such a way that the visual focus indicators are unified and perceivable.

Accessibility Team Update: May 7, 2014

Global AccessibilityAccessibility 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) Awareness Day

I will be talking about WordPress accessibility here in Santa Monica at Yahoo! to celebrate Global Accessibility Awareness Day (GAAD) on May 15. There are many events happening all over the world, perhaps there’s one close to you. If you want to celebrate GAAD but don’t have an event nearby, then here’s a suggestion from Deborah Edwards-Onoro, a front-end WordPress web developer and user experience pro: use only your keyboard for navigation for one hour.

Automated Accessibility Testing

It is necessary for me to point out that the very best enterprise-strength automated accessibility checking environments can only accurately report out about thirty percent of the errors. Nonetheless, automated testing, especially command-line testing, will be a valuable addition to the test environment, and we need to explore this. The Netherlands has a commitment to making sure that government sites are accessible, so they are supporting the development of Quail an open-source, MIT-licensed suite of tests that assess web page structure and content. The library is currently developed against WCAGWCAG 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/. and Section 508 accessibility standards. Accessibility team member David A. Kennedy wrote a great post, “WordPress needs automated accessibility testing” in which he mentions Quail and another tool, pa11y, and I recommend reading what he has to say on the topic.Thanks to David for creating a discussion on this vital topic. David was interviewed by WP Tavern this week and we look forward to seeing that posted soon.

Tenon

Karl Groves, another accessibility team member, is working on tenon.io, which is in betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. now and promises to be a very powerful accessibility checking tool. While Tenon will be proprietary, Karl tells me that: “We are going to have a Free for Open SourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. program. As long as the project using Tenon is open source, the account is free.”

Collaboration

While there is no doubt that the accessibility team can and must improve collaboration with other WordPress teams, we are also interested in creating ways to expand our reach through innovation and also by collaboration with people doing similar work outside of WordPress. Automated testing is one way to innovate. We saw that the Quail project has created an accessibility module to work within Drupal so we invited Mike Gifford, a Drupal 8 CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. Accessibility Maintainer, to our meeting this week to learn about the Drupal accessibility operation. According to Mike “Just to be clear about the automated (accessibility) testing & Drupal. It will be a great addition in the future, it’s found some interesting bugs when we have applied it, but it really has only been marginally useful thus far.” Mike agreed to share info and join forces with us where our interests are similar and we look forward to collaborating with his team and with accessibility teams for other projects.

Accessibility Team Update: April 23, 2014

Authoring Tool AccessibilityAccessibility 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) Guidelines Testing

Jeanne Spellman (http://www.w3.org/People/jeanne/), W3C, joined us for the meeting to discuss the Authoring Tool Accessibility Guidelines (ATAG) testing we will be doing on trunk starting May 12. ATAG testing is, in part, useful for guiding development of accessible “software for generating websites, for example, content management systems (CMS).”

ATAG Overview

The Authoring Tool Accessibility Guidelines (ATAG) Overview explains how ATAG testing will:

  • help make authoring tools themselves accessible, so that people with disabilities can create web content, and
  • help authors create more accessible web content — specifically: enable, support, and promote the production of content that conforms to Web Content Accessibility Guidelines (WCAGWCAG 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/.).

ATAG Testing Harness

The W3CW3C The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.https://www.w3.org/. is developing an automated way to deliver ATAG test instructions and test result tracking and reports. It will also display WCAG test instructions and techniques, where applicable. In the the overall test instructions doc that was used when developing the tests there are general instructions at the top, followed by a table with the ATAG success criteria, and the test(s) for each one. As we are testing to WCAG level AA so will we be testing to ATAG level AA.

Process

Jeanne has about 15 volunteer testers. Thank you Jeanne! She explained the process: “We set up a page of accessible content, and a page of inaccessible content. Then we have a page of different types of content – video, audio, tables. Some of the ATAG tests check to see if WordPress breaks accessible content, while others see if WordPress fixes inaccessible content.” We discussed access to a test instance of WordPress trunk which is ready to go thanks to Rian Rietveld. There is no estimate as to how long the testing will take since it is a new process.

Helping WordPress and the W3C

This process will help improve WordPress and it will also help make ATAG 2.0 a finalized W3C standard. We are testing to WCAG level AA so we will be testing to ATAG level AA which will help the W3C process. Jeanne explained: “The writing is all done, and now we just need to prove to W3C management that there are 2 real world examples of every success criteria and 5 authoring tools have implemented ATAG level A.  AA is a huge bonus.”

Accounts and TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/.

We noted that the volunteer testers will all need WordPress accounts. Aaron Jorbin very thoughtfully posted the coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. handbook link to working with trac and opening a ticket. Joe Dolson noted that: “It (testing) doesn’t have to be finished to be able to create tickets – we should be ticketing every discovery as we move forward.” The W3C team will be able to pull reports of all the errors from the testing harness tool which should facilitate the process.

Accessibility Team Update: April 16, 2014

Team Member Thanks

Thanks all the other teams who participated in making WordPress 3.9 happen and who reached out to the accessibilityAccessibility 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 for assistance. Many more people are asking us to check things than ever before. Special thanks to accessibility team members David A. Kennedy, Graham Armfield, and Joe Dolson who are mentioned in the 3.9 credits.

Weekly Meeting Time

There’s always confusion when the time changes and I regret that I compounded the confusion by being confused myself. I’m now using StatusClock.app by Pulsely for OS X set to GMT/UTC so I’ll be sure to call the weekly meeting to order at 19:00 UTC.

Previous Test

When the accessibility team did the last round of testing it was intended that it be done over a short period of time, but due to various factors it spread out over two months. That was a keyboard-only test because we were certain that, given our resources, we could not finish a full test. It turns out we could not finish even the attenuated test in a reasonable amount of time. This was not the intended outcome but I learned that we need many more testers to perform the testing in an effective manner. This is why I was very glad to make a testing plan with Jeanne Spellman of the W3CW3C The World Wide Web Consortium (W3C) is an international community where Member organizations, a full-time staff, and the public work together to develop Web standards.https://www.w3.org/. when we were at the International Technology and Persons With Disabilities Conference a month ago.

New Test Round

Jeanne Spellman of the W3C, the team contact for the User Agent Working Group and the Authoring Tool Accessibility Guidelines Working Group (AUWG), has committed to helping us test WordPress trunk using the Authoring Tool Accessibility Guidelines (ATAG). Jeanne has assembled a good number of volunteers to do the testing and they will file tickets or bump things up to me as soon as they have identified an issue. This time I feel confident that with current team members providing guidance the W3C team will be able to accomplish the task in a short enough period of time to be most effective. Testing is now scheduled to start the week of May 12, 2014.

ATAG

For those not familiar with ATAG, it is primarily for developers of authoring tools including software for generating websites such as content management systems. There are two areas of focus: making sure that the authoring tool user interface is accessible, and that the authoring tool supports the production of accessible content. Just as with WCAGWCAG 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, ATAG has three levels of success criteria in order of increasing compliance: A, AA, and AAA. We are testing to WCAG 2.0 level AA so it follows that the ATAG testing will also be done to level AA. ATAG testing will help us discover the issues we need to address next. ATAG at a Glance provides a short summary of the accessibility principles and guidelines in ATAG 2.0.

Accessibility Team Update: March 26, 2014

Meeting Time Change

We will be going back to a meeting time of 19:00 UTC next Wednesday, April 2.

Progress

The meeting this past Wednesday was interesting. Now we’re getting to the heart of the matter.

So far, we have compiled a keyboard-only report on most of 3.8 and have some data to rely on.

The first pattern we identified from the testing is poor visual focus in the Admin. @RianReitveld created a ticket dealing with keyboard focus. Better visual indication of focus on elements in the Admin (#27173). This ticket is now closed (fixed.) Thanks Rian!

Testing 3.9

We have to quickly change gears because 3.9 is due out in 19 days and we have to test and issue some tickets if we want to catch any errors. A list of items to concentrate on will help guide us.

Contact @AccessibleJoe for details if you want to help test 3.9.

Accessibility Team Update: February 26, 2014

Contributor DayContributor Day Contributor Days are standalone days, frequently held before or after WordCamps but they can also happen at any time. They are events where people get together to work on various areas of https://make.wordpress.org/ There are many teams that people can participate in, each with a different focus. https://2017.us.wordcamp.org/contributor-day/ https://make.wordpress.org/support/handbook/getting-started/getting-started-at-a-contributor-day/. Activities

We discussed activities that might be suitable for contributor days.

Team member Graham Armfield will be leading the accessibilityAccessibility 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) table at the UK Contributor Day in Manchester on Saturday, March 1, and will help refine this list based on that experience.

Accessibility Team Update: February 12, 2014

Admin Screen Audit

We continue to test 3.8.1 admin screens for keyboard accessibilityAccessibility 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), here are the screens left to check. If you want to pitch in and help out, Tweet to @WPAccessibility or comment here and we’ll get you the details. It sure is fun painting this fence, said Tom Sawyer.

  • Toolbar: Howdy [user] – Edit My Profile, Log Out
  • Dashboard: Home, Updates
  • Appearance: Themes, Menus, HeaderHeader The header of your site is typically the first thing people will experience. The masthead or header art located across the top of your page is part of the look and feel of your website. It can influence a visitor’s opinion about your content and you/ your organization’s brand. It may also look different on different screen sizes., Editor
  • Plugins: Installed Plugins, Add New, Editor
  • Settings: General, Writing, Reading, Discussion, Media, Permalinks

Theme Accessibility Review

@joedolson reports that there are currently four themes going through the optional theme accessibility review process. @accessiblejoe reports that a Cities theme, a church/congregation theme, Nashville, by Anna Belle Leiserson @faithandweb is heading toward completion. We noted that Accessible Zen by @davidakennedy is already in the directory, and that his Alexandria team is starting work on an accessible government theme. The Los Angeles accessible theme team is working on an accessible business/ecommerce theme. We’re seeing some good progress on the review process and production of themes.

The CSUN Conference

If you are going to the International Technology and Persons With Disabilities Conference in March we invite you to join accessibility team members when we present Roadmap For Making WordPress Accessible and don’t miss the @WPAccessibility Tweetup in the hour before Tommy Edison, @BlindFilmMaker, delivers the keynote address in the evening on Tuesday March 18.

Accessibility Team Update: January 29, 2014

Testing Continues

Discussion about testing continued this week with a question about generating tickets to address test findings. We will not pursue creating tickets until we have completed testing all admin screens. Reference was made to outstanding accessibility tickets and how they can be viewed. We will be looking for patterns in addition to specific issues. An example of this is an early finding that effective visual focus indication for keyboard-only users is inconsistent. This is a general pattern, not limited to any one screen.

Team Leads

The accessibilityAccessibility 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 discussed team leads and the consensus of the group is that Joseph Karr O’Connor @accessiblejoe will remain as the team repTeam Rep A Team Rep is a person who represents the Make WordPress team to the rest of the project, make sure issues are raised and addressed as needed, and coordinates cross-team efforts. and the very capable Amanda Rush @arush will step up as the alternate team rep.

Accessibility Team Update: January 22, 2014

Ticket Activity Report

@grahamarmfield reported progress on ticket 26602: Insufficient information for screen readers in themes.php. “On the new Themes page in trunk, it is now possible to tab to each of the themes within the list of themes found. However for screen readers there may be no audible feedback to tell the user which theme has focus.” Thanks to @joedolson for the initial patch and everyone else who worked on the solution. The status is now: closed defect (bug) (fixed).

Keyboard Testing

Some of us are proceeding with the keyboard functionality audit of all the admin screens. We have a target deadline of February 5, 2014 to complete the testing. There is a learning curve as each team member learns the routines. Some of us have never done testing so this is a valuable learning experience for us. We are comparing our findings before making them public. @rianrietveld has made a test instance available to us so that we are all using the same environment. She also posted about this on our WordPress Accessibility LinkedIn group. Thanks to everyone who is participating.

 

#accessibility, #team-reps, #weekly-meetings