Adrian Roselli 🗯 Profile picture
May 21, 2020 15 tweets 13 min read Read on X
Simple #a11y tips:
• A model for WordPress a11y: adrianroselli.com/2019/05/a-mode…
• Make tap/click targets 44px: adrianroselli.com/2019/06/target…
#GAAD
Simple #a11y tips:
• Type=search disappoints: adrianroselli.com/2019/07/ignore…
• Reconsider that date picker: adrianroselli.com/2019/07/maybe-…
#GAAD
Simple #a11y tips:
• More under-engineered toggles: adrianroselli.com/2019/08/under-…
• Under-engineered text fields: adrianroselli.com/2019/09/under-…
#GAAD
Simple #a11y tips:
• A <label> worth $18M: adrianroselli.com/2019/09/an-htm…
• Source order pitch: adrianroselli.com/2019/10/smashi…
#GAAD
Simple #a11y tips:
• Stop with the verbose hints: adrianroselli.com/2019/10/stop-g…
• Drop caps done accessibly: adrianroselli.com/2019/10/access…
#GAAD
Simple #a11y tips:
• aria-label does not translate: adrianroselli.com/2019/11/aria-l…
• Responsive type and zoom: adrianroselli.com/2019/12/respon…
#GAAD
Simple #a11y tips:
• My control labeling methods: adrianroselli.com/2020/01/my-pri…
• Reqs for your custom controls: adrianroselli.com/2019/08/basic-…
#GAAD
Simple #a11y tips:
• Maybe make group labels unique: adrianroselli.com/2019/06/group-…
• Chrome accName bug: adrianroselli.com/2020/03/chrome…
#GAAD
Simple #a11y tips:
• Block links and the like: adrianroselli.com/2020/02/block-…
• Don’t open links in a new window: adrianroselli.com/2020/02/link-t…
#GAAD
Simple #a11y tips:
• Role-up is a thing: adrianroselli.com/2020/02/role-u…
• 11 flavors of ‘drop-down’: adrianroselli.com/2020/03/stop-u…
#GAAD
Simple #a11y tips:
• Forking a good pattern may be bad: adrianroselli.com/2020/04/when-i…
• My CSUN display props talk: adrianroselli.com/2020/03/csun-2…
#GAAD
Simple #a11y tips:
• <std-toast> was not ready: adrianroselli.com/2019/06/scrapi…
• It did get us to define toasts better: adrianroselli.com/2020/01/defini…
#GAAD
Simple #a11y tips:
• ‘Public Accommodation’ defense moot under COVID: adrianroselli.com/2020/04/web-si…
• aria-roledescription is bad news: adrianroselli.com/2020/04/avoid-…
#GAAD
Simple #a11y tips:
• Disclosure widgets: adrianroselli.com/2020/05/disclo…
• Fixed row/column headers that are accessible: adrianroselli.com/2020/01/fixed-…
#GAAD
Simple #a11y tips:
• Expando rows from disclosure widgets: adrianroselli.com/2019/09/table-…
• Expando nav from same: adrianroselli.com/2019/06/link-d…
#GAAD

FIN

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Adrian Roselli 🗯

Adrian Roselli 🗯 Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @aardrian

Sep 25, 2020
W3C’s web site vendor (Studio24) dropped WordPress from consideration:
w3c.studio24.net/updates/weekno…

WPTavern took issue with it:
wptavern.com/w3c-drops-word…

Studio24 points to Gutenberg:
w3c.studio24.net/updates/on-not…

I have some thoughts… [1/7]
[2/7]

WPTavern argues for OSS first to shame, though WP as a whole is not completely OSS (Slack over IRC / MatterMost?).

More importantly, Automattic drove Gutenberg as a business decision, not community decision — Wix / etc. as revenue threats, Automattic assignees as proof.
[3/7]

Automattic already signaled accessibility is not a priority — look at Gutenberg’s history (and need to crowdsource an audit). It did not bring its $3 billion bulk to bear to address it, relying on volunteers to drive accessibility efforts.
Read 8 tweets
Sep 24, 2020
A few people shared with me the Duet Date Picker because it asserts it is a “WCAG 2.1 compliant date picker”.

I don’t think it is, but I did not have to go too far to find out that, regardless of that claim, its accessibility is…. questionable.

github.com/duetds/date-pi…
Someone noted the placeholder is an issue:
github.com/duetds/date-pi…

NVDA arrow key navigation may be wonky:
github.com/duetds/date-pi…

High Contrast Mode issue for keyboard users:
github.com/duetds/date-pi…

No weekday announcement:
github.com/duetds/date-pi…

I found the column headers (the weekdays) do not get announced:
github.com/duetds/date-pi…

Screen reader table navigation is broken:
github.com/duetds/date-pi…

There is a live region I never hear:
github.com/duetds/date-pi…

Date pickers are *hard*. A WCAG 2.1 claim is a tall order.
Read 7 tweets
Sep 21, 2020
[ Bob empties a truckload of random trash, plus bunches of lumber and cases of duct tape at a build site with architect waiting. ]

Bob: “There, I built it.”

Alice: “That is just… trash?”

Bob: “Ok. Tell me exactly what I need to do to fix it.”

Alice: “Hire builders.”
Bob: “I don’t have the budget for builders. I’ll do it myself.”

[ Bob grabs a 2×4, holds it up. ]

Bob: “Ok, where do I put this?”

Alice: “Seriously, hire builders. You cannot do this. It won’t be to code. Or stand up.”

Bob: “No budget. What do I do with the duct tape?”
[ Three weeks pass, Bob stands over a box-shaped pile of rubble with a door stuck to it. ]

Bob: “Done!”

Alice: “This is… dangerous.”

Bob: “What’s wrong?”

Alice: “It is not a house. It is… trash.”

Bob: “Can you give me a list, with instructions of what to do?”
Read 4 tweets
Sep 21, 2020
You may recall my ongoing frustration with iOS and <dl>s:


Well, iOS 14 brings some good news!

A standard, unstyled <dl> is now exposed to VoiceOver users as they swipe through a page.

Note the qualifiers I added there.
If you add list styles, iOS’s ongoing refusal to convey lists properly once you style them rears its head here.

Using display: list-item or list-style-type: disc shows CSS still affects semantics for VO in iOS 14 (and presumably iPadOS 14, though I did not update).
Finally, if you just have the page read to you (read-from-top or read-from-current-position) then the <dl> is read as a run of plain text without pauses. So that is kind of annoying for comprehension.

As always with iOS and VoiceOver, attenuate your approach based on its bugs.
Read 4 tweets
Sep 17, 2020
Behind the curtain of overnight #id24 hosting. A desk in a dim room lit by...
Behind the curtain of morning #id24 hosting. As the image in the previou...
You may have noticed some curious patterns in the far right of those images. That is my #id24 set change wardrobe. Seven patterned collared sh...
Read 4 tweets
Sep 12, 2020
After 24 hours with the Surface Duo I can say that I like the hardware feel and form factor (even if taking screen shots is a pain).

Also really like side-by-side apps (which you can already do on Android), though not yet a fan of the overall Microsoft UI. More time needed. Screen shot with Twitter on...
Two images with the Surface Duo in portrait mode. That word “Renraku” is my wallpaper peeking out through the gap between screens. IRL I just see bezel.

I like the massive keyboard that appears, even though I was trying to do this one-handed and it is *just* different enough. The same image as last twee...Portrait view with the top ...
Oof, was hoping the Surface Duo would not be such a black box for hardware fixes:
ifixit.com/Teardown/Micro…

After the Surface updates to make them more serviceable I was hoping some of that would carry over to this device.
Read 9 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Don't want to be a Premium member but still want to support us?

Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Or Donate anonymously using crypto!

Ethereum

0xfe58350B80634f60Fa6Dc149a72b4DFbc17D341E copy

Bitcoin

3ATGMxNzCUFzxpMCHL5sWSt4DVtS8UqXpi copy

Thank you for your support!

Follow Us!

:(