Brian's Web Developer Cheat Sheets
Tips and tricks for web developers, bloggers, and WordPress users
No plugin can magically make your website accessible. But, these WordPress plugins can help. Able Player – An Accessible Media Player If you need an accessible media player on your site, check out the Able Player plugin. It features accessible controls for audio or video playback on your site. Divi Accessibility ★ (GitHub) This plugin … Read more
While reviewing a new client’s site, I noticed that their chatbot widget was not accessible using the keyboard. By “chatbot widget”, I mean the icon in the lower right corner of the site that you click on to either get canned answers or speak to a live agent. So, I did a bunch of research. … Read more
Web Accessibility compliance has become a “must” in today’s world, not only to serve your visitors but also to avoid expensive litigation by accessibility trolls. The Divi Theme/Builder is one of the most popular WordPress frameworks out there, yet, out of the box, it is not accessible, unfortunately. In this article, I’ll give you some … Read more
Out of the box, the Divi Slider Module has many gross accessibility violations. The keyboard control is poor because you can’t see what you’re selecting as you’re tabbing through the navigation controls. And, the dot and arrow navigation symbol contrast can be bad. For an example of an accessible slider, check out W3C’s demo. In … Read more
I was working on a web application that required a sliding toggle switch like this one, but was also compliant with accessibility standards: Sliding Switch I had known of this HTML/CSS solution with no JavaScript at W3 Schools. But, it’s not accessible. When you tab to it using the keyboard, you can turn it on … Read more
Website accessibility is getting more and more important these days. One of the key factors in web accessibility is the ability to access all of the features of the website with the keyboard. If any element is clickable with a mouse, it needs to be reachable by keyboard using the tab key and return/enter to … Read more
