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.
- 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.
How to get a WordPress developer all emotional and fanatic: discuss about heading structure.
Here’s my point of view on how headings should be set up in a WordPress theme. And an overview of the pros and cons brought up in discussions.
Continue reading HTML5 Headings in WordPress: A11y versus SEO?
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
WordPress developers can do better when building search forms. If it looks OK for me, it works OK for everyone? That point of view only counts when you can see properly.
Continue reading A placeholder is no label; search forms in WordPress can do better
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
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
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
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
This weekend WordCamp Europe 2013 was held for the first time, in Leiden the Netherlands. Great expectations: the schedule of talks promised a lot. But I was there with a mission and really, WordCamp Europe was a success and so much fun. Continue reading WordCamp Europe 2013: lessons learned
Om een HTML tabel goed leesbaar weer te geven (responsive) op een tablet of smartphone is er een aantal technieken mogelijk:
- Voeg een horizontale scrollbalk toe
- Verberg minder belangrijke kolommen
- Verander de layout van de tabel
- Of een combinatie van deze technieken
Continue reading Literatuurstudie: hoe maak ik een HTML tabel responsive