JavaScript is not available.

Nov 18

Places you can find me: • Mastodon: toot.cafe/@aardrian • Tumblr: aardrian.tumblr.com • Instagram: instagram.com/aardrian • Site: adrianroselli.com • RSS: adrianroselli.com/feed I have accounts at GitHub, StackOverflow, CodePen, etc. Not on Facebook.

Adrian Roselli — Consultant, Writer, Speaker

I have worked with companies of all sizes, from independents to Fortune 5s, to help stand up accessibility teams and processes. Since 1993, I have ensured software and web-based applications can be...

I think it is very romantic when your spouse is also your best friend and also your election denial co-conspirator and also your Supreme Court justice. twitter.com/Acyn/status/16 (Did not auto-post from Masto, but Ginny’s problematic actions warranted a manual post here.)

Q: And then you responded just a few minutes later, "Thank you. Needed that, this plus a conversation with my best friend just now. I will try to keep holding on." And you sent that message at a little before 11 p.m. on the 24th. Do you recall who you were referring to when you said you had just had a conversation with your best friend?
A: It looks like it was my husband.
Q: Do you remember what you talked to Justice Thomas about that made you feel better and allowed you to say "keep holding on"?
A: I wish I could remember, but I have no memory of the specifics.

read image description

ALT

Quote Tweet

Acyn

@Acyn

12h

Question: Do you recall who you were referring to when you said you just had a conversation with your best friend? Answer: It looks like it was my husband

Show this thread

So much ARIA misunderstanding just to create navigation using disclosures, like this: adrianroselli.com/2019/06/link-d Also, the live region, open/close & expanded text, go away with proper ARIA use: adrianroselli.com/2019/10/stop-g Also also, `aria-selected`? WTF?

Stop Giving Control Hints to Screen Readers

TL;DR: for standard HTML controls and standard ARIA patterns (widgets), you do not need to add instructions for screen readers on how to use them nor what they are. When a screen reader encounters an...

This is bad and [redacted] is bad: ``` <li> <a href="Foo" aria-controls="FN" aria-expanded="true" aria-live="polite" aria-selected="true"> <span class="ada">Close </span> <span>Foo</span> <span class="ada">Menu</span> <span class="ada"> Expanded</span> </a> </li> ```

This is bad and [redacted] should feel bad: ``` <ul role="navigation" aria-label="Top menu"> <li><a href="/Foo">Foo</a></li> <li><a href="/Bar">Bar</a></li> </ul> ``` A valid approach: ``` <nav aria-label="Top menu"> <ul> […] </ul> </nav> ```

10h

Granted, `aria-haspopup` announcement is meh (github.com/w3c/aria/issue), but at least it is less broken. For genuine links that *must* open in a new window (like a help assist), the correct approach is to put the text into the page itself for all users:

TL;DR: Regardless of what accessibility conformance level you target, do not arbitrarily open links in a new window or tab. If you are required to do so anyway, inform users in visible text. Overview...

Link Targets and 3.2.5

10h

This is bad and [redacted] should feel bad: ``` <a aria-label="I need help. (Opens a pop up)." tabindex="0" role="link"> I need help </a> ``` For those new to all the risks, here is a less broken approach: ``` <button aria-haspopup="dialog"> I need help </button> ```

12h

After my boost of @j9t@mas.to’s AMP RT this morning, I updated my 2015 post about why AMP is/was a bad idea with its *49th* update in 7+ years: adrianroselli.com/2015/10/google Anyway, AMP was a pure land grab and trust nothing from Google etc etc.

Google wants to speed up the web, and it has a plan: For many, reading on the mobile web is a slow, clunky and frustrating experience – but it doesn’t have to be that way. The Accelerated Mobile...

Google’s AMP HTML

Styling a ‘pre’ that contains a ‘code’

14h

I am not using `:has()` in production anywhere (though I wrote it into my 2020 post on disclosure widgets). Eric Meyer has an example where lack of support does no harm: meyerweb.com/eric/thoughts/ I have one I had not deployed (see last comment) that I might shove out anyway.

meyerweb.com

I’ve just committed my first ':has()' selector to production CSS and want to share it, so I will!

Jens Oliver Meiert (@j9t@mas.to)

14h

caused that harm didn’t face any consequences for it.” —robin, mas.to/@robin@mastodo As a net negative for the Web, how many billions did AMP cost? Imagine this had all gone into funding open #standards, and #training developers. mas.to/@j9t/109602169 (2/2)

mas.to

That side of #AMP that gets little attention: “If [AMP] had been produced by some kind of elected governing body for search, we’d all be expecting them to be kicked out. But not only is the respons...

14h

RT @j9t@mas.to That side of #AMP that gets little attention: “If [AMP] had been produced by some kind of elected governing body for search, we’d all be expecting them to be kicked out. But not only is the responsible ‘party’ still there, the specific people who (1/2)

US rabbis warn of ‘irreparable harm’ from new Israeli government

300 US rabbis: Netanyahu’s government policies “will cause irreparable harm to the Israel-Jewish Diaspora relationship, as they are an affront to the vast majority of American Jews and our values,” and “anathema to the tenets of democracy.”

thehill.com

More than 300 U.S. rabbis have put their signatures to a letter warning that Israel’s new government under incoming Prime Minister Benjamin Netanyahu could do “irreparable harm” with extremist…

GitHub contributions chart is inaccessible to keyboard, screen reader, voice, low-vision users ·...

It has been so long since I offered a less broken GitHub contributions chart, *two* new WCAG releases will be out before it gets any attention: adrianroselli.com/2018/02/github Latest version of bug report: github.com/community/comm Maybe remove it instead; terrible hiring signal.

github.com

The contributions chart that appears on profile pages is inaccessible to many users. To limit the feedback to just WCAG 2.1 violations: The SVG used for the chart has no plain text equivalent to co...

After days of shoveling out me and others from the #Buffalo #BuffaloBlizzard, I am doubling down on my meme.

0:02

462 views

Buffalo blizzard fuels racial and class divides in polarized city

Day 3 of #BuffaloBlizzard WaPo front-page: “#Buffalo blizzard fuels racial and class divides in polarized city” Gift URL: wapo.st/3WytUMM Corrections: • Buffalo driving ban lifted 9½ hours ago at midnight; • Elmwood Ave, not Street; • 37 county deaths so far.

washingtonpost.com

Residents and community leaders said wealthier and Whiter suburbs appeared to be more prepared, their response better coordinated, their power returned faster.

Yup. Regretting the shit out of it.

Never read the ingredients of Swiss Miss. Too tired to make a proper cocoa, which I may regret later.

Temperatures above freezing. Got car out, hit a store for parents. Eggs, milk, juice, dog food nearly gone. Shopping cart missing wheel, which was fun. Suburban roads good, tho city still has driving ban. Dug folks’ driveway out, so legs achey. #Buffalo #BuffaloBlizzard

Scrutiny mounts over Buffalo’s response to deadly blizzard

When the #Buffalo mayor says “the city’s snow-fighting plan doesn’t address blizzards; it addresses normal snowfall,” and November’s snow showed it cannot even handle that, I am on board with the county taking it away. WaPo gift URL: wapo.st/3C8lyDp #BuffaloBlizzard

washingtonpost.com

County and city officials casting blame threatened to hamper coordination during the aftermath of the worst storm to hit the region since 1977.

Reasonable round-up of the mess in #Buffalo #BuffaloBlizzard “Buffalo’s no stranger to snow. Why was the storm so deadly?” wapo.st/3VyCGJo (gift link, so it should not be paywalled)

But web•dev keeps promoting its ‘Learn HTML’ or ‘Learn Whatever’ courses. Trying to re-create MDN in its own browser-promoting property. Intro stuff maybe not problematic (I want to edit its tables content tho), but probably do not trust it given prior behavior.

content: Tool-tip post has problematic accessibility info · Issue #8959 · GoogleChrome/web.dev

It has been 2 months since I and two others raised serious accessibility issues (bugs) with Google Chrome’s web•dev tool-tips tutorial and they have done fuck-all about it (except ask for free labor):

github.com

What page(s) need to be updated? https://web.dev/building-a-tooltip-component/ Why is this update needed? 2 significant changes needed, 3 changes warranted, 2 bits of feedback: 1. The demo is 404 I...

Just finished the “Obi-Wan Kenobi” series, and that is 6 hours I want back. Now wary of starting “Andor” as a result.

Popped over to Twitter and blocked ~20 promoted tweets — Christian extremists, gun lobbyists, crypto shills, election conspiracists, one anti-Twitter post from 2018, and Mashable (no idea why I had not blocked that one already). What a shit-show, Elon.

Video description, for benefit of Twitter users seeing this cross-post: WCAG Techniques page banner in mobile browser, with W3C WAI logo extending past right edge of viewport causing a horizontal scrollbar. I demonstrate by dragging left and right to show the logo overflow.

mastodon.social/@SteveFaulkner New design for WCAG Techniques pages is indeed very nice and easier for me to visually parse. Even if it creates a 1.4.10 issue. Using `flex-wrap: wrap` on `#site-header` fixes it, tho a bit sloppily. Also needs a `banner` role.

0:06

351 views

RT @SteveFaulkner@mastodon.social Accessibility Industry™️ breathes sigh of relief. #accessibility #politics #capitalism w3.org/WAI/WCAG21/Tec mastodon.social/@SteveFaulkner

Partial screenshot:
‘Technique H88:
Using HTML according to spec

About this Technique
This technique is Sufficient to meet 4.1.1: Parsing and Sufficient to meet…’

read image description

ALT

House across street had lovely ivy & plant front yard until newer owner replaced it with golf course grass and got rabid if anyone stepped on it. Brand new owner now has a truck tearing it all up by shoving its plow across it, spinning tires, for room to push driveway snow.

[css-flexbox][css-grid] Providing authors with a method of opting into following the visual order,...

New (3 days ago) proposed (early draft) `layout-order` and `reading-order` CSS display properties: drafts.csswg.org/css-display-4/ It takes into consideration accessibility feedback I left in June: github.com/w3c/csswg-draf #a11y practitioners, give your feedback!

github.com

A proposal to provide a method in CSS for authors to opt in to following the visual order when in a flex or grid context. The grid and flexbox specifications detail that reordering caused by these ...

Tiny Christmas gift from Safari — a fix for the bug that returned the wrong value for a mixed state checkbox: bugs.webkit.org/show_bug.cgi?i Not clear to me which Safari release will get it.

Dec 26

A total of two hours but apron is cleared. Another 4 inches fell, but it was the really light kind you can clear by waving your arms over it. The photo is a cross-section of the apron. I know y’all were waiting to hear. #Buffalo #BuffaloBlizzard

A six-foot cross section of a solid mound of ice and snow. There is a pink yardstick showing the mound is 4½ feet at its tallest, with the top food made of snow, slush, and ice rubble.

read image description

ALT

Dec 26

Hour-plus to try to clear apron. 5 feet high compressed snow & ice. Looks like it will take as long to clear the apron as it did the entire driveway. A guy down the street is using a sledgehammer on the ice wall of his apron. #Buffalo #BuffaloBlizzard

Dec 26

Seeing all these #BuffaloBlizzard videos of people opening doors to 4 feet of snow is telling me lots of landlords / homeowners not only have no idea what weatherstripping is, but apparently sills, proper jambs, sweeps, and even storm doors are optional. #Buffalo

Progress! Those layers are progressively more dense. The top 3 inches / 7½cm are snow, ice at the bottom 3 inches / 7½cm.

A wall of snow carved out from shoveling efforts. Maybe 3 feet / 1 meter of snow with distinct layers exposed from the shoveling. The edges are ragged and crumbly. A bit of pavement is visible, along with lots of boot prints. In the background is a tudor, a giant spruce, and houses across the street.

read image description

ALT

Shovel broke. Not moving to first back-up until this one can no longer even shove.

The sun is out. Snow reprieve until noon. Shovel or vafler?

I took this video at 5:40pm ET through the only window not caked in snow. Gusts were down in the ~55mph range at the time. #Buffalo #BuffaloBlizzard

0:10

1.1K views

Fourth pass on clearing out the back door and the furnace exhaust/intake, second place on clearing the neighbors’. Winds are in the ~25mph / 40kph range, gusts fewer. The worst of the #BuffaloBlizzard may be over. #Buffalo

Dec 24

It is nearly 2023 and devs are still using classes to style states.