- Creating Accessible Icon Buttons
An icon button is an icon that triggers some sort of action on the page. More accurately, technically speaking, an icon button is a button that contains an icon and no (visible) accompanying text. These buttons can be found in the majority of app and user interfaces today. The infamous hamburger menu button is a great example of such buttons when not visually labelled “Menu”.
- Inclusively Hidden
14 Apr 2017
There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content? While so...
- Accessible icon links
10 Dec 2020
In modern web design, it is not uncommon to have a link (or a button) that visually has no text, and is just an icon. Think about social icons, or items in a compact navbar. Relying solely on iconography can be tricky, but it can work, especially when icons are clear and well known.
- A Complete Guide To Accessible Front-End Components
22 Mar 2021
Reliable accessible front-end components: :focus styles, content sliders, dark mode, data charts, date pickers, form styles, navigation menu, modals, radio buttons, “skip” links, SVGs, tabs, tables, toggles and tooltips.
- Name Your Next Product With This Exercise - come up with a product name
8 Mar 2021
How do you come up with a product or business name? Naming products is a hard but learnable skill. Here’s a repeatable process you can use to get unstuck.
- Internal Tooling is Underrated
18 Mar 2021
Introduction Building tools that help employees be more productive is one of the most valuable things that is done in a company. Unfortunately, it’s frequently underinvested in and deprioritized in favor of customer-facing work. This leaves people creating ad hoc tools to solve their problems or br…