Well, make it accessible at least. Context: Seriously, even the pagination is made of non-links and non-buttons. These developers are now building other platforms. Poorly. pic.twitter.com/kETE6Dv0IS— Adrian Roselli (@aardrian) January 18, 2017 Step 1: Capture the Rendered HTML Open your browser developer tools and copy the entire thing into a…
Sometimes we fail to consider how browser features can jack up our interfaces. This is neither good nor bad, but we do need to account for it. My argument here is simple. Avoid putting important actionable or informational text exclusively below form fields. This includes labels, hints, and error messages.…
This May I will be traveling to Minneapolis to speak at MinneWebCon. In its own words: MinneWebCon is a two-day web conference in Minneapolis that encourages inclusive grassroots knowledge-sharing. In addition to keynote speakers, breakout sessions, and half-day workshops, our annual conference is a space for speakers and attendees to…
Warning: The approach outlined in this post does not conform to WCAG 2.1 Success Criterion 1.4.13 Content on Hover or Focus, introduced in 2018 (two years after this post date). The CSS-only tool-tip described within cannot be dismissed and is not persistent. If you want to enhance it with JavaScript…
There has been some discussion lately around, of all things, text resizing widgets on web sites. It was kicked off by a post from Jeffrey Zeldman suggesting that perhaps it is time to bring them back. Even mighty responsive design benefits from offering a choice of font sizes—because there are…
The slides from my talk at Accessibility Camp Toronto, Mind Your lang. Note: Below are the animated images and video that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to…
A few months ago (that read “days ago” when I started this post in April) I attended WordCamp Buffalo and saw a great talk on training and educating clients for using WordPress by Jen Witkowski (you can view her slides). While there is a free, regularly-updated, and unofficial manual (Easy…
Last week Amit Agarwal posted a great tutorial on making YouTube embeds less of a burden for users, A Better Method for Embedding YouTube Videos on your Website. The abstract: Learn how to embed YouTube videos responsively and without increasing the page load time. The embeds are light and mobile…
I am just so unnecessarily pleased with that title. These are all based on requests around software/web remediation. Requests I have received, seen, and/or addressed. I am transposing them to meat-space to provide a different perspective. Maybe that is useful, maybe not. At the very least I hope it is…
Slides from my talk at Abstractions, Fringe Accessibility. Note: Below are the animated images that were in my slides but which did not survive in the transition to SlideShare. They are all quite large and will take time to load. If you want to save on your data plan, hit…
It is not uncommon for individuals and even entire organizations to rely on some third party platform to host all their thought-leadering. Medium is the common choice, but many use other platforms as well, such as LinkedIn. While many argue that the reach is better and it is easier than…
As an industry, in general we praise sites that look good, maybe with nifty animations, cool hover effects, and the mythical 60fps golden standard. That is all nonsense. Ego-stroking pointless fluff. Usually lipstick on the proverbial pig. Today I saw a well-known name in the industry, a brand name if…