Compiler warnings • Svelte documentation| svelte.dev
Sometimes you run into a main landmark where you don’t expect one. Like Main Street USA in Hong Kong Disney. So you grab a snack in a diner that serves no hot dogs. You can buy little American flags in the heart of Hong Kong and clothes telling Hong Kong…| Adrian Roselli
[Accessible Rich Internet Applications (ARIA)](https://www.w3.org/WAI/standards-guidelines/aria/) is an inevitability when working on web accessibility. That said, it’s everyone’s first time learning about ARIA at some point.| Smashing Magazine
Rules of ARIA Use| webaim.org
By prioritising semantic HTML and offering keyboard-friendly alternatives for complex interactions, you help create a more inclusive experience for people who use a keyboard.| TetraLogical
Since the early days of the web, when images could be floated and text would wrap around them, designers have wanted to bring drop caps onto the web. Then we learned how terrible a pattern like atthew is for users, and CSS introduced :first-letter, letting us believe all…| Adrian Roselli
I have written a bunch about responsive tables. Maybe too much. I keep trying to give developers the information they need to make informed decisions — ARIA attributes, screen reader & browser pairing results, bugs, and so on. I have spread things out over years of posts. I have filed…| Adrian Roselli
Once again, the advice is in the title of the post. But I will ramble anyway since you scrolled this far. First run with the advice, and then review some background on ARIA and how navigation and menu items are defined. This way you can tap out quickly when it…| Adrian Roselli
Here is the priority I follow when assigning an accessible name to a control: Native HTML techniques, aria-labelledby pointing at existing visible text, Visibly-hidden content that is still in the page, aria-label. Too often folks will grab ARIA first to provide an accessible name for a thing. Or they may…| Adrian Roselli
The aria-label and aria-labelledby attributes do the same thing but in different ways. Sometimes the two attributes are confused and this has unintended results. This post describes the differences between aria-label and aria-labelledby and how to choose the right one.| Tink - Léonie Watson - On technology, food & life in the digital age
In my experiences as an auditor (for …| marcus.io · Blog of web developer and accessibility consultant Marcus Herrmann
Many misunderstandings prevail on the …| marcus.io · Blog of web developer and accessibility consultant Marcus Herrmann
The Web Content Accessibility …| marcus.io · Blog of web developer and accessibility consultant Marcus Herrmann
UPDATE June 2018 â I would like to assume that, based on this post/ conversation, Google has updated the checkbox...| gerardkcohen.me
I have spent a few years banging on about ensuring scrolling areas on a page are accessible to keyboard-only users. This is partly because the term “keyboard” maps to other input types that we distill to “keyboard” for ease of reference (speech input, sip-and-puff, on-screen keyboards, scanning software, etc.). When…| Adrian Roselli
Learn what HTML landmark roles are, how they improve accessibility, and how you can include them on your website effectively.| MDN Web Docs
The CSS3 logo as a head atop a torso with its arms folded across its chest. I am a big proponent of the First Rule of ARIA (don’t use ARIA). But ARIA brings a lot to the table that HTML does not, such as complex widgets and state information that…| Adrian Roselli
A few years ago I didn’t know what the term “accessibility” meant. I built Web sites that were partially inaccessible because I didn’t know better. Fast forward to today, I know enough to be able to write, speak and run workshops on accessibility, helping others build more a accessible and inclusive Web. Much like everyone […]| 24 Accessibility
Number 4 Will Give You a Seizure The title is written as a so-called clickbait title and meant as a tongue-in-cheek joke. Often clickbait titles deceptively present tips as a form of powerful secret knowledge. In this case, accessibility specialists don’t want you to know these tips because they’re bad practice. These are tips you […]| 24 Accessibility
How do we know which patterns are good, better, best when it comes to accessibility? Is it better to use an established pattern/library or create new ones? With the myriad of choices available, we can quickly become caught up in a web of confusion on this topic.| cariefisher.com
Headings are the backbone of the content of a page. A visitor should be able to scan or navigate a webpage using headings to get a good impression of its content.| www.a11yproject.com
Liking an idea does not mean the idea is exempt from criticism…| ericwbailey.website
Accessibility chapter of the 2020 Web Almanac covering ease of reading, media, ease of navigation, and compatibility with assistive technologies.| almanac.httparchive.org
These are the top five questions that I hear most often and some context/resources to learn a bit more about each.| cariefisher.com
Introduction to ARIA| cariefisher.com
Open UI| open-ui.org
In this article, you will learn how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way.| S.Bistrović
The Web Accessibility Initiative Accessible Rich Internet Applications specification 1.2, or WAI-ARIA or ARIA for short, is a technical specification written by the World Wide Web Consortium (W3C). In this post we explore what WAI-ARIA is, and how it can enhance the user experience for people using screen readers.| TetraLogical
I recently had the pleasure of attending Deque's axe-con digital accessibility conference. Over the course of two days, I attended multiple sessions about many different facets of accessibility. I mainly focused on the developer track at the conference, though I sampled a few talks from other tracks. Here are some of the highlights and what I took away from the sessions I attended.| Geoff Rich
As an extension to our From URL to Interactive series, designer and front-end developer Melanie Richards takes a deep dive into how our content is accessed by a wide array of screen readers, which …| A List Apart
A collection of bad practices in HTML, copied from real websites.| Landmarks and where to put them - HTMHell
Jan 2023 - There have been additional updates to how Safari exposes list semantics based on their nesting context. For instance, if a list is a descendant...| www.scottohara.me
A beginner's guide to ARIA: what it is, what it does, why you should use it... and when you shouldn't.| Ben Myers
I've already written about the and elements, but there is more to tell, and there have been some changes since I la...| www.scottohara.me
Overcorrecting for one form of disability may unintentionally negatively impact the experience for other forms of disability. For example, partially visually hidden link names may work great for people who use screen readers, but this approach can be problematic for people who rely on voice control software. Because of this, your designs need to be flexible and adaptable, as well as accommodate the many different ways people can interact with them.| Smashing Magazine
Finally! A way to yell at your computer and have it actually listen.| thoughtbot
I’m Kitty Giraudel, a non-binary trans frontend developer based in Berlin, focused on accessibility and inclusivity.| kittygiraudel.com
