The Genesis Framework is my favorite tool to build a WordPress website. And with the next update (version 2.2) a lot of accessibility features and fixes will be added. But a framework is no child theme. The HTML5 themes you can purchase with StudioPress have a beautiful responsive menu for the primary navigation. And that… Continue reading Fix the accessibility of your Genesis responsive menu
Category: CSS
The screen-reader-text class, why and how?
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?
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