I think I first became familiar with accessibe.com when their clients started getting sued for accessibility issues (https://twitter.com/karlgroves/status/1349800053985206274). Among people working in the accessibility field, overlays like Accessibe have such a bad reputation that 700 specialists have signed the Overlay Fact Sheet (https://overlayfactsheet.com/) explaining the pitfalls of accessibility overlays. In my own testing, I’ve noticed …
By default, the SmartSlider3 plugin only allows administrators to create/edit/delete sliders. In many cases, administrators may want to grant editors the ability to manage sliders. To do that, the following code can be placed in the active theme’s functions.php file (or in a plugin). /** * Give editors access to SmartSlider3 * * @see: https://developer.wordpress.org/plugins/users/roles-and-capabilities/ …
Enabling SmartSlider3 Support for the Editor Role Read More »
Today I ran across a strange situation where the dev tools for Chrome and Firefox were reporting different background color values for the same button. They were both reporting that the relevant CSS was in the same location, so it wasn’t a matter of a difference in cascade/priority. I changed the color value in the …
CSS hover states are pretty obviously targeted at mouse inputs, but are applied in strange ways to touch inputs as well. Thankfully, all modern browsers now support input-based media queries. This allows us to apply our hover states only to devices that truly support hover states. Here is the code that makes it work: @media(hover: …
CSS Hover: Targeting Mouse Input and Ignoring Touch Input Read More »
By default, WordPress blocks SVG uploads. Beaver Builder also blocks SVG uploads withing the builder, but strangely it uses it’s own block list which it only applies to uploads. This means that you can enable SVG uploads within WordPress, upload an SVG file to the media library, and then make use of the file in …
How did I not know this already? ctrl+shift+v This keyboard shortcut pastes whatever text is in the clipboard, but removes the formatting.
When creating a dropdown menu in WordPress, often the parent menu item is used simply as a hover point to access the submenu, not as an actual link. When this is the case, we can use the following steps to indicate to the user that these menu items are not to be clicked. 1. Set …
Sometimes we need to make an entire column clickable, instead of just the link (or links) within the column. This is a common issue when using a card style design. For example, in the image above, we might want each of the three sections themselves to be clickable, instead of just the text and image. …