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?
Category: CSS
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.
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