GeistHaus
log in · sign up

Accessible Icon Buttons

sarasoueidan.com

— The personal website of Sara Soueidan, inclusive Web UI engineer

16 pages link to this URL
The impact that high quality mark-up can have on accessibility, performance, and discoverability.

The impact that high quality mark-up can have on accessibility, performance, and discoverability.

0 inbound links website en accessibilitypresentationWCAGAccessible Perceptual Contrast AlgorithmAPCAdark themedark modetheme toggleARIAjavascriptsemantic HTMLlandmarksNVDAscreen readervestibular disorderreduced motionpage load time analysiscritical render blockopen graphlighthousetwitter card
5 easy steps to improve accessibility.

Accessibility is a broad topic. But getting started doesn't have to be difficult. In this article I will show you five ways how to kick-start your accessibility efforts.

0 inbound links website en
wsf-x

The personal website of Dan Cătălin Burzo.

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?

0 inbound links website en
A Complete Guide To Accessible Front-End Components — Smashing Magazine

In a new short series of posts, we highlight some of the useful tools and techniques for developers and designers. Recently we’ve covered CSS Auditing Tools and CSS Generators, and this time we look into reliable accessible components: from tabs and tables to toggles and tooltips. We sincerely hope that these tools and techniques will prove to be useful in your day-to-day work — and most importantly help you avoid some time-consuming, routine tasks.

9 inbound links article en ToolsAccessibilityCSSJavaScriptBest PracticesRound-Ups ToolsAccessibilityCSSJavaScriptBest PracticesRound-Ups
Accessible Icon Links

A technical write-up on building accessible icon-only links

1 inbound link article en AccessibilityReactComponentUI