WordPress 4.1 and Accessibility

This week 4.1 “Dinah” was released. A lot of attention was given by the developers to improve the accessibility of the front-end, the Admin and the default theme Twenty Fifteen.

What has improved

Twenty Fifteen is the most accessible default theme up to now:

  • The colour contrast complies with WCAG 2.0 AA;
  • The main menu, including the responsive hamburger menu, is fully keyboard and screen reader accessible;
  • ARIA roles and landmarks are added;
  • The heading structure is semantic;
  • Accessible “Continue reading” links;
  • Alt texts of the thumbnails are meaningful.

Front-end improvement:

  • Improved post/paging navigation template tags.

For the Admin work has been done for:

  • The colour contrast;
  • The Add Media panel;
  • The Customizer.

A big thanks to all the developers and testers, who worked hard to get this done. And hopefully will continue to do so for WP 4.2.

Storytelling in HTML: practical accessibility

For my work I build sites for blind people. They use a braille line and screen reader to read and navigate a website. During the development of those websites I learned that blind people read a web page differently than I do.

Blind web users read a page linearly and depend on headings and links to navigate.

This changed the way I build site dramatically, I changed from visual coding to story telling coding. Continue reading Storytelling in HTML: practical accessibility

Working on web accessibility at WordCamp San Francisco 2014

WordCamp San Fransisco 2014 (WCSF14), the place to be if you’re seriously into WordPress. Visiting San Francisco with the accessibility contributors team was a week I won’t forget. It was intense, fun, I spoke a zillion people and learned a lot. Continue reading Working on web accessibility at WordCamp San Francisco 2014

Jet lag and double Dutch at WCSF14

For me WordCamps are all about meeting, learning, talking and discussing. Last week I was so lucky to be able to visit WordCamp San Francisco 2014 (WCSF14) with the accessibility contributors team.

After the conference there was a discussion day about several topics to improve WordPress and two days of working with different contributor teams to make new plans and work together. This last three days were held at Automattic, which was kind of special.

Graham Armfield will blog about what we did as a team and what our plans are, and I blogged about WCSF14 itself, but here’s what I learned personally.

Continue reading Jet lag and double Dutch at WCSF14

How to set up an accessible form using Contact Form 7 in WordPress

Recently I discovered Contact Form 7 (CF7) by Takayuki Miyoshi. A plugin to create forms on a WordPress website. I was looking for an accessible alternative for Gravity Forms, and discovered that Contact Form 7 does an excellent job! Continue reading How to set up an accessible form using Contact Form 7 in WordPress

Teaching WordPress to 23 visually impaired content managers

The Oogvereniging (Eye association) has a WordPress WCAG 2.0 AA website that is maintained by more than 20 volunteers, all with different visual impairments. Teaching them in one afternoon how to use WordPress for adding and maintaining content was not an easy task. Continue reading Teaching WordPress to 23 visually impaired content managers