Skip to main content Jump to list of all articles Jump to all topics

A Smashing Guide to Accessibility

At Smashing we believe a good website is an accessible website, one which is available to everyone, no matter how they browse the web. This guide highlights our content which can help you create more accessible sites and web applications.

Cat the Yoda, with a sword

Equivalent Experiences

An equivalent experience is one that has been deliberately conceived of and built to be able to be used by the widest possible range of people. To create an equivalent experience, you must understand all the different ways people interact with technology, as well as common barriers they experience.

Accessible Images For When They Matter Most

In this article, we will review the different types of images, dive into some real-world examples of inaccessible public service announcements, and discuss which elements matter most when critical messages need to reach everyone.

Accessible Images For When They Matter Most

Accessible SVGs: Inclusiveness Beyond Patterns

We are fortunate to have robust patterns to choose from when optimizing accessibility in SVGs — but most people stop there, focusing on code compliance and not actual users and their needs. If true inclusiveness lies beyond patterns — what other factors should we consider when designing and developing accessible SVGs?

Accessible Images For When They Matter Most

Smashing Book: Inclusive Components

“Inclusive Components” is a detailed, practical handbook for building fully accessible interfaces. The book examines common interface patterns — accordions, tables, tabs, toggles and everything in-between — through the lens of inclusion. The result is a dozen of fully accessible and robust patterns we author, plug in, and use daily.

Inclusive Components

Creating Online Environments That Work Well For Older Users

A significant part of the Internet-using population is aged 50 or older — including the people who invented it. Designers need to understand what older users need and why it’s not enough to just say, “I can read it, so what’s the problem?”

Creating Online Environments That Work Well For Older Users

Web Accessibility In Context

In this article, Be Birchall explains why it’s so important to prioritize accessibility among teams and why there needs to be more awareness raised among developers.

Web Accessibility In Context

Talks and Webinars

Accessibility coverage from SmashingConf and our SmashingTV Webinars.

Sara Soueidan on Applied Accessibility

Recorded at SmashingConf NYC 2019

Which Video Conferencing Tools Are Most Accessible?

In this article, Claudio Luis Vera explains what to keep in mind when choosing between video conferencing tools to benefit everyone on your team — including those with disabilities.

Which Video Conferencing Tools Are Most Accessible?

UX Optimizations For Keyboard-Only And Assistive Technology Users

Accessibility forces you to see and think about your application beyond the typical sighted, mouse-based user experience. In this article, we’ll dig into some specific, practical examples.

UX Optimizations For Keyboard-Only And Assistive Technology Users

I Used The Web For A Day ...

Chris Ashton put himself into the shoes of people who use a screen reader to access the web, or use a keyboard rather than a mouse or touchscreen to navigate. What he discovered can help you make your sites more accessible for these visitors, and understand the challenges they face.