Tips and tricks for web developers, bloggers, and WordPress users by Brian Shim
Accessibility compliance is a “must” in any publicly-available website these days. See these tips to improve the accessibility of your website.
If you have a Divi background video on your site, accessibility guidelines say that all auto-playing videos need start/stop controls. Unfortunately, Divi doesn’t provide this out of the box. It’s not terribly hard to add this but Elegant Themes has made it more difficult because their play and pause icons are not the same size … Read more
Out of the box, the Divi theme mobile menus are not navigable using the tab key, and therefore do not meet accessibility requirements. A quick solution to this is to install the Divi Accessibility plugin, available on GitHub: This works on the default built-in Divi menu. The problem, though is that it doesn’t seem to … Read more
Compliance with web accessibility regulations is super important these days. The accessibility compliance of websites built on Squarespace varies depending on which template you’re using. Here are some tips and tricks to fix the accessibility errors that you might find in various Squarespace templates. As part of my testing, I use the WAVE browser extension … Read more
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