I wrote another article in Envato Tuts+ site: Accessibility Tips For WordPress Theme Developers. Same tips apply to any platform though. Why semantic HTML matters. How to structure your pages. How to navigate pages using assistive technology. Remember focus styles. And some more. Most of the resources can be found in accessibility handbook. That’s where …
I wrote an article in Envato Tuts+ site, it’s called Building an Inclusive Web: Why Accessibility Matters. In that article I share my ideas form empathy to accessibility laws. It all boils down to quote from Andrea Fercia. Would you build a bridge that only a specific type of car can use? In the article …
I know I’m really late in the game but WordPress can speak! And has been speaking since version 4.2. Lately I’ve been learning more Javascript and needed this feature in one project. In this article I’ll try to explain simplified version how WordPress speaks with wp.a11y.speak() JavaScript method. Usually we have spinner or animation to indicate …
Good start for accessible site is using accessibility ready themes and plugins. I have written technical overview how to build accessible themes. But that alone is not enough. Writing accessible content is big part of having accessible site. In this article I summarise good and bad practises about writing accessible content. It’s mostly for WordPress but same tips …
Teemu Suoranta from Aucor wrote an excellent article about myths and prejudices of accessibility. Article is in Finnish and here is the short summary and “translation” of that article. I added my own twist here and there. Accessibility is not just for people who are in wheelchair or blind As a side note I’m still shocked …
About half year ago I was speaking accessible navigation patterns in Jyväskylä WordPress meetup. Designing Accessible Navigation is part two of that talk. It’s pretty much the same in the end but this time design had more focus. Anyways it was great to meet everybody after summer holidays in our WordPress Helsinki meetup! Here is the …
I’m not the biggest fun of large front-end frameworks for couple of reasons. There are lot’s of extra code I don’t need. I don’t understand what’s going on. I feel like I lose control. But there are times when frameworks like Foundation can be really helpful. They do have lot’s of great front-end components and …
Does you full screen menu or other fancy Javascript based solution work without Javascript? They can work if you’re detecting Javascript beforehand.
I was happy to visit in WordPress Turku Meetup and talk about accessibility. Topic was how to create better and more accessible themes. This was my third talk in this month and sixth talk in my first year as a freelancer. #WPTurku @samikeijonen showing the right path to #a11y… I have to redo everything… #wpfi pic.twitter.com/wEKumpn2Ts — …
We could argue should we ever use so called hamburger icon as a menu toggle button. But that’s not the point of this article. Instead, I’d like to share how to create simple and accessible SVG menu hamburger with animation. By animation I mean that when you toggle to menu, hamburger icon smoothly turns into …
New WordPress Meetup groups have been popping out lately more and more here in Finland. Jyväskylä WordPress Meetup and Turku WordPress Meetup are the newest meetups. I visited in Jyväskylä Meetup and talked about accessible navigation patterns. My goal was to bring awareness about accessibility. It’s not hard but needs a certain mind set: Can …
You might argue is full screen menu good idea in the first place. But it can be attractive and useful in the same way as modal dialog when done right. First step is to make it fit in your site design. Not all sites have a natural place for full screen menu or modal dialog. Then work …
There are several ways to make complex navigation responsive. You might have heard terms like Off-canvas menu, Skip to footer menu or Multi-level dropdown menu. In every navigation patterns there are pros and cons. Probably the best navigation is without any sub menus and Hamburger icons on smaller screens. We’d just show the navigation links …
I have been wanted to learn about accessibility more and more. I feel like I know the basics already but there is always something new to learn. One thing that keeps puzzling me over and over again is how to create different types of responsive but more accessible navigation patterns. What kind of navigation patterns …
In Tampere there have been active WordPress community and they have had their own WordPress Meetup several years. Now also Helsinki have our own Meetup group, everyone is more than welcome to join! We have very open atmosphere and we are definitely going to see lot’s of great topics. WordPress Helsinki Helsinki, FI 1,140 Members …
I was honoured to write guest post in Post Status about accessibility in WordPress themes. Accessibility is an important part of modern web development. It is our responsibility as creators of WordPress themes to make them accessible to all users, on any device. In this article, I’ll offer some simple tips to create better, more accessible …