Repost: Takeaways from the WordCamp US Accessibility Hackathon, by Deque

Plans for the Hackathon with Deque at the WCUS Contributor day

Deque Systems will join WordPress coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. developers to set up automated 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) testing for WordPress, at the 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/. of WordCamp US in Nashville, December 9th.

Today we had a chat on what we will do then and how to set up the Hackathon with:

  • @johnbillion @joemcgill and @rianrietveld from WordPress
  • Caitlin Cashin, Dylan Barrell and Stephen Mathieson from Deque. Dylan and Stephen, both lead developers at Deque, will be at the Hackathon.

We discussed what the most useful will be to work on and decided that targeting accessibility test for themes (specific Twenty Nineteen)  might be a good starting point. Then theme and pluginPlugin 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 developers can use this setup/framework to write tests of their own.

We can start creating a framework and write some accessibility test for Twenty Nineteen and generate a list of tests to write. If there is time (and help from the GutenbergGutenberg 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/ team) set up a framework for Gutenberg and core.

To-do:

  • Ask for a dedicated SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel for preparations and discussions  – Rian will ask @pento
  • Ask WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. US for a post on their website about the Hackathon – Rian
  • Create a local development setup – Joe/John/Deque
  • Get the testing framework setup – Deque
  • Create a few sample tests – TBD
  • Generate a list of tests – TBD

We can use help from core and Gutenberg developers, so pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” us or comment below if you want to join.

#hackathon

I have resigned as the WordPress accessibility team lead. Here is why

I have resigned as the WordPress accessibility team lead. Here is why.

Team meeting September 17, 2018

Transcript meeting in Slack

Topics meeting

GutenbergGutenberg 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/ progress

@afercia: The Gutenberg team has started working on some of 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. issues, however many of 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) issues are still there with no great progress. There are still about 100 issues open, 12 of which are breaking for the merge milestone.

We discussed the accessibility of a new feature proposal: Modal appear animation and where actually amazed that there is still time to develop such extras when there are so many show stopping open issues and bugs left to fix.

WordPress 4.9.9

As noted in the WordPress 4.9.9 Minor Release Roadmap, one of the goals is:

We’d also want to focus on fixing issues in accessibility. There’s lots of ways we can drastically improve the experience for a lot of people with minor effort.

Basically in this releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software. we will try to knock out a bunch of small issues that have been overlooked. @rianrietveld will contact @schlessera about what the best approach will be for this.

To see which of the 150 open tickets can be milestoned 4.9.9 we opened a spreadsheet with a list of them all. Andrea, @audrasjb, @travel_girl, @bamadesigner and Rian will work on this. We will select tickets with some direction of a solution, that seem like an easy fix and that don’t involve major design decisions.

Jean-Baptiste will also look at the accessibility fixes that have already been merged in trunk (which means 5.0) but they’re not in 4.9.8 and won’t be in 4.9.9.
We need to consult Alain if this is something he wants to address too for 4.9.9.

To-do list

  • Test Gutenberg new features Spotlight Mode and Full Screen mode for accessibility issues
  • Find an accessible project management tool
  • Gutenberg AT Manual: Ask for help from marketing team and users of AT
  • Handbook: Process feedback at WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Nijmegen
  • Codex/Develop: Set up a review of the example code in those sections
  • Write blogpost about impact new recommendation 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.1 AA for WordPress

Next meetings

  • Ticket triage for WordPress 4.9.9: September 24, 14:00 UTC
  • Team meeting: September 24, 15:00 UTC

#accessibility-team-meetup

Team meetings September 3 and 10, 2018

Transcript meeting in Slack

Meeting topics

GutenbergGutenberg 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/ 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) work update by @afrecia

There is a new feature (despite of the feature freeze) “Spotlight Mode”: Andrea addressed some a11yAccessibility 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) concerns here.

Request from Andrea: please test Spotlight Mode and Full Screen mode for accessibility (keyboard use, screen reader feedback, voice recognition control). They are both merged into the latest Gutenberg releaseRelease A release is the distribution of the final version of an application. A software release may be either public or private and generally constitutes the initial or new generation of a new or upgraded application. A release is preceded by the distribution of alpha and then beta versions of the software..

At this moment there are still 99 open accessibility issues, 12 of them are labeled Milestone Merge Proposal, so have priority.

Gutenberg AT Manual

@abrightclearweb is working on a Gutenberg manual for assistive technologyAssistive 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 (AT). And while writing she also finds new issues which she reports on the Gutenberg GithubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ repo. Draft version manual.

It’s a lot of work, help with this is very much appreciated. @Wingo5315 is already helping out.

WP a11y handbook

At the 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/. in WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Nijmegen attendees reviewed the handbook. We a Google doc and have now 6 pages of comments; @lucp checked for HTMLHTML HTML is an acronym for Hyper Text Markup Language. It is a markup language that is used in the development of web pages and websites./CSSCSS CSS is an acronym for cascading style sheets. This is what controls the design or look and feel of a site. errors, @ireneyoast fixed typos , translation and code errors and @jaapwiering did a huge amount of work reorganising and trying to give more structure to the pages. @rianrietveld will process this in the next few weeks.

A11y review codex/develop

We need to review the code examples in the codex (develop) section of wordpress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/. They contain a11y mistakes, and as this code will be copy/pasted a lot, we need to fix them.
Rian talked with Pieter Daalder (@wizzard_) from the docs team. The proper workflow for this is add a comment on the page with the error and pingPing The act of sending a very small amount of data to an end point. Ping is used in computer science to illicit a response from a target server to test it’s connection. Ping is also a term used by Slack users to @ someone or send them a direct message (DM). Users might say something along the lines of “Ping me when the meeting starts.” in the doc channel that you need this fixed.

Drupal and Gutenberg

Drupal shows interest in using Gutenberg. At the request of Per Andre Rønsen, Rian posted in the Drupal #accessibility channel info about where to find the issues in Github and what the status is. Let’s see what happens.

Project management tool

We are going to research a good project management tool for the a11y team. Other teams use TrelloTrello Project management system using the concepts of boards and cards to organize tasks in a sane way. This is what the make.wordpress.com/marketing team uses for example: https://trello.com/b/8UGHVBu8/wp-marketing., but maybe that’s not accessible enough for our use. An alternative could be GitHub projects.

What we did on a contributor day

Proposal: if you led a team on a contributor day, white a summary about what you did, so we can post it on our blog.

To-do list

  • Test Gutenberg new features Spotlight Mode and Full Screen mode for accessibility
  • Find an accessible project management tool
  • Gutenberg AT Manual: Ask for help from marketing team and users of AT
  • Handbook: Process feedback at WordCamp Nijmegen
  • Codex/Develop: Set up a review of the example code in those sections
  • Write blogpost about impact new recommendation 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.1 AA for WordPress

Next meetings

  • Gutenberg bug scrub: September 17, 14:00 UTC
  • Team meeting: September 17, 15:00 UTC

Team meeting July 2, 2018

Meeting

Meeting time: Monday 15:00 UTC
Transcript in Slack

The Paciello Group sponsors a JAWS license

During WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Europe we discussed the use of different screen readers to test GutenbergGutenberg 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/. This week the Paciello Group (aka TPG) decided to help and sponsor a 90 days license of the screen reader JAWS for Andrea Fercia. Now he can use also JAWS to test Gutenberg functionality and issues. Thanks Adrian Roselli, for your help to make this possible.

Gutenberg manual for assistive technologyAssistive 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 (AT)

We agreed earlier that there needs to be manual for AT users of Gutenberg. The best place for this will be the new wp-helphub.com. Claire Brotherton (@abrightclearweb) volunteered to start and project lead this. Everyone with AT expertise can join in and help. We will start creating content in Google docs first.

Content bug scrub every week

The bug scrub is held every week on Mondays at 14:00 UTC, just before the team meeting. We agreed on still focusing first on the Gutenberg issues and after that, if there is still time on trac tickets.

Open Floor

Andrea had some good news on Gutenberg

  • All the “popovers” in Gutenberg (panels or menus that open like sort of a modal) have now tabbing constrained within the popover. It would be great to test with keyboard and see if everything is OK and works better. Related Issue: Constrain tabbing within popovers and similar components
  • Thanks to Jorge Costa there’s now a pending PR to improve the Publishing flow. Looks very promising to Andrea. It also makes the sidebarSidebar 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. render one at a time, so also normal keyboard navigation should be greatly improved.
    Some testing would be great.
  • The Ctrl + backtick there’s now a proposal to use also the F6 key, as that what SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. added for the same functionality. Just a proposal for now, not implemented yet but there is consensus.

And a question: please have a look at Indent list keyboard shortcuts inconsistencies.
Some people would like to have the Tab key used for indentation, for example in the List blockBlock 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..
Instead, we’re trying to use a different shortcut. There are some problems though.
Some research on what other applications do, for example Google docs, LIbreOffice, etc. would be nice. Also any comment on the issue is welcome.

Team meeting June 25, 2018

Meeting

Meeting time: Monday 15:00 UTC
Transcript in Slack

Recap WordCampWordCamp WordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. Europe 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/.

There was a good collaboration with the Gutenteam and 3 issues were discussed or even solved (read the full recap).
It’s a good set up for other WordCamp, it’s also good to have two lists: a Gutenlist and a WPlist.

ATAG statement

We need to have an ATAG statement for the WordPress project. @joedolson will work on that.

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.1

After a short discussion we leave the accessibility statement of WordPress as is (Conform to WCAG 2.0) for now. We will start to inform people what WCAG 2.1 is and what is useful to implement, create awareness first. @rianrietveld will write a blogpost.

Open floor

Rachel Cherry (@bamadesigner) dropped the idea of having a combined WPCampus and a WP 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) partner event in 2019. Sharing resources and venue. We all think it’s a great idea to explore further and help.

To-do:

  • Rian: write a post about WCAG 2.1
  • Joe: write an ATAG statement

#accessibility-team-meetup

Overview of the Gutenberg accessibility merge proposal issues

At this moment there are 13 issues open with the label Merge Proposal: Accessibility

These are the most complex issues with high priority. That doesn’t mean that the other 70 open issues are trivial, they also need to be addressed to make GutenbergGutenberg 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/ work for everyone.

If you want to help out, please select one of the “Issues that need work, review, feedback, discussion”. Andrea Fercia (@afercia) is the lead for the Gutenberg 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) issues, contact him in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ with the issues if you need more information.

Issues that have an owner and are actively worked on:

Issues that need work, review, feedback, discussion:

Issues to do just before merge or after the feature freeze:

Contributor day at WordCamp Europe 2018

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) tables where divided in two parts as always:

  • people who wanted help understanding a11yAccessibility 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) or needed a review of their work
  • accessibility experts that wanted to help out

But now we also had developers from the GutenbergGutenberg 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/ and Yoast team who helped with the list of GitHub issues that still needs work.

Gutenberg work

Andrea Fercia led the Gutenberg work.

  • Thanks to Adrian Roselli we came to a decision for: List block and screen readers: greatly inconsistent behavior. Basically it was decided to treat the List blockBlock 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. as all the other blocks with an editable area.
  • We also discussed to try something new for: Simplify and streamline keyboard navigation through blocks. That is: trying the switch between navigation and edit mode using a visually hidden button for the switch (still to experiment)
  • Jorge Costa started looking into Publishing Flow accessibility but there’s still lot to do there, so any testing and feedback is very welcome.
  • Then the Review the usage of RichText multiline / aria-multiline issue was closed, thanks to Jorge.
  • Issue Fix the blocks aria-label was solved by Irene Strikkers and Enej Bajgoric.
  • We worked on refactoring of the landmarks to make them static and make sure all content is inside the landmarks

Meetings with other teams

Sami Keijonen and Rian Rietveld talked to the marketing team about how to promote/ integrate our handbook best practice section in the other teams documentation.

Reviews

  • Rian did a super quick review of Jetpack and showed Enej Bajgoric how to use some test tools like aXe.
  • Adrian Roselli reviewed and helped improve the Minimal Share Buttons with Milen Petrinski-Gonzo

Thanks all of you so much for joining the 2 a11y tables.

Change in the WP accessibility team meetings time/day

Hey all,

We are changing the day for the bug scrub and team meeting back to the Mondays.

The reason is that Rian has her weekly day off on Wednesday and we didn’t see an increase of attendees when we changed from the Monday to the Wednesday.

So the new day will be Monday.

Time:

  • bug scrub at 14 UTC
  • team meeting at 15 UTC

Starting Monday June 25th.

See you then!

#weekly-meetings