Links

Types
Dates
screenshot of Accessible SVG Icons with Inline Sprites

Marco Hengstenberg avatar Marco Hengstenberg wrote

Accessible SVG Icons with Inline Sprites

Standing on their own, icons can be misinterpreted […]. The most important issue though: they lack text. Text is the most accessible format for information on the web. Screen readers understand text best and the same applies to most assistive technology, such as translation apps and Braille displays. So, if we have anything on our web page that’s not text — like icons — we must add text that gives our users the same information. Otherwise we could exclude people from understanding our interfaces.

screenshot of Proxying Cloudinary Requests with Netlify

Tim Kadlec avatar Tim Kadlec wrote

Proxying Cloudinary Requests with Netlify

So we get reduced data cost, with no extra connection from the browser, and what appears to be pretty negligible cost at the CDN (the difference in response time for the final proxied images versus loading them without Cloudinary in place is barely noticeable in my tests)—and it all took just a few minutes to put into place.

screenshot of Text descriptions and emotion rich images

Léonie Watson avatar Léonie Watson wrote

Text descriptions and emotion rich images

A good alt text can conjure up wonderfully stimulating mental images. A friendly smile is the same in print, photo or wax crayon. Whether you listen to an image or see it, the emotional response is the key factor, so why should we recommend that these emotion rich images should be given a null alt text and hidden from screen reader users?

screenshot of Towards a Lightweight Jamstack

Nicolas Goutay avatar Nicolas Goutay wrote

Towards a Lightweight Jamstack

Not having to use a JavaScript framework also meant that HTML, not JSX or Vue components, is now front and center in the code you write. This helped me avoid the usual traps when writing React: the infamous div soup, inaccessible components, or non-semantic tags.

screenshot of Effective Skeleton Screens

Tim Kadlec avatar Tim Kadlec wrote

Effective Skeleton Screens

When the skeleton screen doesn’t match the outcome, we’ve created confusion and frustration that will overcome any benefit you might have gotten from trying to handle that delay in a better way.

screenshot of What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs

Marcy Sutton avatar Marcy Sutton wrote

What we learned from user testing of accessible client-side routing techniques with Fable Tech Labs

There are multiple variations recommended in the industry for accessible, client-rendered page changes, yet very little user research on those methods. Therefore, we wanted to find out which techniques are the most ergonomic and intuitive to users with disabilities, and if any of the techniques presented barriers detracting from their browsing experience.

Filter by year and month to see more links.