Imagine you are blind, how do you understand a website? You would use a screen reader. All the text in a website is read out loud for you, from top to bottom. To navigate a site you can call a link list and a headings list. The headings list you can use to navigate inside the… Continue reading The screen-reader-text class, why and how?
Blog Rian Rietveld
Accessible HTML5 heading structure in WordPress
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.
Storytelling in HTML: practical accessibility
A web page can be perfectly WCAG 2 proof, but if it doens’t tell a story, it’s still a puzzle for people that depend on a braille line or a screen reader.
Set yourself in the place of someone who get’s your web page read out loud linearly and the only clue she has on what the structure is, are headings and links.
A placeholder is no label; search forms in WordPress can do better
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. So how to do a search form for WordPress?
How to set up an accessible form using Contact Form 7 in WordPress
Update and disclaimer, April 29, 2021: Gravity Forms 2.5 had a huge accessibility overhaul and a content manager can create accessible forms with this plugin now. Also this is a very old post and doesn’t include recent updates by Contact Form 7 itself. Recently I discovered Contact Form 7 (CF7) by Takayuki Miyoshi. A plugin to create forms… Continue reading How to set up an accessible form using Contact Form 7 in WordPress