The problem with tooltips and what to do instead

Tooltips are not only hard to use, but they're normally totally unnecessary. Learn why that is and what you could do instead.

Web Design References: Webdev Newsletter

Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.

Meeting WCAG Level AAA - TetraLogical

Accessibility consultancy with a focus on inclusion. We can help you with knowledge, experience, strategy, assessments, and development.

Usability Pitfalls of Disabled Buttons, and How To Avoid Them — Smashing Magazine

How can we make disabled buttons more inclusive? When do they work well, and when do they fail on us? And finally, when do we actually need them, and how can we avoid them? Let’s find out.

Web Accessibility in Mind Conference: Home

Designing for People with Cognitive Disabilities and Everyone Else

The art of designing and creating content to support people with cognitive disabilities lives in the space between usability and accessibility. This presenta...

Web Design References: Webdev Newsletter

Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.

Why do websites have so many pop-ups?

UI experts say pop-ups are a bad idea. So why is the “most hated” element of web design everywhere?

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.

Overlapping interactive areas

When an interactive element like a button, link, and form field sits on top of another interactive element, accessibility (and usability) problems arise.

Heydon Pickering: Please Disable JavaScript To View This Site

This one time, I made people turn off JavaScript in their browser to view my site's content. In this talk, you will discover all the different ways this deep...

Hidde de Vries - Shifting left, or: making accessibility easier by doing it earlier

Hidde de Vries' talk from State of the Browser 2022https://2022.stateofthebrowser.com/speaker/hidde-de-vries/

An Introduction to the Reduced Motion Media Query | CSS-Tricks

The open web's success is built on interoperable technologies. The ability to control animation now exists alongside important features such as zooming

Designing for Reduced Motion

It’s important to consider the reduced-motion experience during design and development.

Wise Design

Wise Design is the Wise design system. It helps our team create a distinct, accessible and consistent Wise experience that works for everyone, everywhere.

What Happened To Text Inputs?

A video from Webbed Briefs

Accessibility for designer: where do I start? by Stéphanie Walter - UX Researcher & Designer.

A big list of resources, articles, blog posts, and checklists to help you, designers, get started on your “building more accessible products” journey.

Web Design References: Webdev Newsletter

Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.

Making the GOV.UK Frontend typography scale more accessible

We believe in working in the open. This blog is for designers across government to share their projects, ideas and concepts, or just to think out loud.

Accessibility and MVPs

It's easier than you think.

9 Website Redesign Mistakes that Destroy SEO | 3.7 Designs

Not getting enough traffic, conversions, or other online digital results you’re expecting?  A fresh new look can do wonders for your brand’s online presence, the user experience, and even SEO.

Disabling a link | scottohara.me

With HTML alone there is no way to disable a hyperlink (an element), and have it be both exposed as a “link” and as “disabled”. Now, setting ...

A beginner's guide to link and text accessibility - Pope Tech Blog

Learn how to create accessible links and text in your web content.

Structuring Accessible Forms

Forms have a strong semantic structure from labeling controls to ensuring the states of controls are announced by assistive technology. We look at the basics...

Accessibility strategy – GOV.UK Design System

Outlines the current principles and work needed to improve the accessibility of the GOV.UK Design System

Designing With Reduced Motion For Motion Sensitivities — Smashing Magazine

Thanks to the wide support of the prefers-reduced-motion-media feature, we now have more advanced ways to design motion that can be creative and innovative while also being safer for those with motion sensitivities.

Web Design References: Webdev Newsletter

Web Design References: News and info about web design and development. The site advocates accessibility, usability, web standards and many related topics.

16 UI design tips | By Adham Dannaway | UX Planet

What’s the right font size in web design? - Pimp my Type

If you want your text to be read, set it at a sufficient size! But what is a good font size, and how can you apply it in your web or app design? This article and video has answerers for you with some practical examples focused on body text in respons…

We Don’t Need .visually-hidden – Web Axe

WebAIM: Web Accessibility for Designers

The Anatomy of a Good Design: An Analysis of 4 Sites

Link + Disclosure Widget Navigation

Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern. Despite a great deal of feedback in agreement, it languished.

Writing even more CSS with Accessibility in Mind, Part 2: Respecting user preferences

Users change browser or OS settings to improve their experiences for a reason. We should respect these decisions by writing CSS.

Design thinking was supposed to fix the world. Where did it go wrong?

An approach that promised to democratize design may have done the opposite.

100 Days Of More Or Less Modern CSS

A blog post about modern CSS every day for 100 days.

Line heights in CSS work better with ratios

Say you’ve got this CSS and you need to set a nice, compact line height: h1 { font-size: 40px; } You open up the designer’s static design and it says the line height should be 44px. Easy peas…