@siblingpastry@mastodon.world
@siblingpastry@mastodon.world avatar

siblingpastry

@siblingpastry@mastodon.world

Technical consultant at TPGi, JavaScript accessibility specialist, writer, musician, neurodivergent (ADHD), vegetarian, socialist.

This profile is from a federated server and may be incomplete. Browse more on the original instance.

SaraSoueidan, to accessibility
@SaraSoueidan@front-end.social avatar

Best intention barriers (ARIA edition)

🔗 https://marcus.io/blog/best-intention-barriers-aria

—
"Instead of not being aware about the problematic approach the developer chose, they try to improve accessibility but – unbeknownst to them - create new barriers in the first place doing it." @marcus

siblingpastry,
@siblingpastry@mastodon.world avatar

@marcus I wonder about the statement “But what ARIA properties do not do is implement anything” since it isn’t exactly true, but maybe it would just cloud the article’s intent to describe that in more detail? @SaraSoueidan

siblingpastry, (edited )
@siblingpastry@mastodon.world avatar

@SaraSoueidan @marcus That's my point though -- in some cases, they do. Like mode-switching triggered by role=application, which affects what keyboard events are reported, not to mention VoiceOver's nonsense with role=listbox -- https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/#:~:text=MacOS/VoiceOver%20(used%20with%20Safari)%20implements%20an%20auto%2Dselection%20and%20navigation%20model%20for%20listboxes (masto previews remove the link info, look in the section "Selection vs navigation")

siblingpastry,
@siblingpastry@mastodon.world avatar

@SaraSoueidan @marcus You know how they say about JS that "everything is an object -- except when it isn't" ... it's kinda like that :-)

siblingpastry,
@siblingpastry@mastodon.world avatar

@marcus @SaraSoueidan That works 👍 You've inspired me to write and expand on this tangent, something like "ARIA doesn't do anything ... except when it does".

siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke @marcus @SaraSoueidan I wasn't planning to go into that much detail, more just general notes on the fact that ARIA sometimes does shit and that's why you always have to test for real.

But what are your plans? I'm happy to wait for you, then I can just link to you for details :-)

siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke

Okay we won't conflict, I'm gonna be much more high level. I'll let you know when I'm about to publish and we can compare cross-references as applicable.

@marcus @SaraSoueidan

siblingpastry, to javascript
@siblingpastry@mastodon.world avatar

Saturday fun -- a little helper function for closest() that handles the possibility of the input being a text node:

const getClosest = (node, query) => {  
 if(!node) {  
 return null;  
 }  
 while(node.nodeType !== Node.ELEMENT_NODE) {  
 if(!(node = node.parentNode)) {  
 return null;  
 }  
 }  
 return node.closest(query);  
};
urlyman, to design
@urlyman@mastodon.social avatar

Justified web text
is never justifiable

siblingpastry,
@siblingpastry@mastodon.world avatar

@urlyman Not even if it's ancient and mu mu?

siblingpastry,
@siblingpastry@mastodon.world avatar

@urlyman 🕒🖖

aardrian, to accessibility
@aardrian@toot.cafe avatar

“Level-Setting Heading Levels”
https://adrianroselli.com/2024/05/level-setting-heading-levels.html

TL;DR: Avoid setting heading levels greater than six (6). This applies whether using aria-level or the proposed headingstart HTML attribute. Use HTML <h#> elements whenever possible.

siblingpastry,
@siblingpastry@mastodon.world avatar

@r343l @aardrian In 25 years I've never had to go below <h4>

a11yMel, to random
@a11yMel@front-end.social avatar

I always want to start conversations about WCAG/guidance changes that I would like to see in the A11y Slack, but I feel like most folks want to talk about compliance instead.

For example: I want a link element to respond to the same keyboard keys as a button element does.

Another example: I think if you have alt="" and role="none" it is an acceptable demonstration of author intent and should not fail validators.

siblingpastry,
@siblingpastry@mastodon.world avatar

@kizu @patrick_h_lauke @a11yMel I dunno ... silently fixing invalid HTML is kinda critical to how HTML5 works. Whether that was a good idea remains debatable, but that ship has sailed, I don't think we can go back without causing more problems than we solve.

siblingpastry,
@siblingpastry@mastodon.world avatar

@kizu @patrick_h_lauke @a11yMel Then how would the difference be reported or manifested?

joelanman, to CSS
@joelanman@hachyderm.io avatar

big fan of flexbox for web app layouts!

siblingpastry,
@siblingpastry@mastodon.world avatar

@joelanman It rules at 1D layouts like toolbars, reminds me of XUL lol.

No so good for 2D layouts though, in my estimation. I'd go grid every time.

brucelawson, to random
@brucelawson@vivaldi.net avatar

I just went outside to put the bins out and didn't need an umbrella, a jumper or a scarf! Sumer is icumen in!

siblingpastry,
@siblingpastry@mastodon.world avatar

@brucelawson Those cuckoos are a bit loud for my taste though

siblingpastry,
@siblingpastry@mastodon.world avatar

@brucelawson Nice. Helps me to enjoy the bullock prancing and goat farting

patrick_h_lauke, to accessibility
@patrick_h_lauke@mastodon.social avatar

just me, or is support for &lt;input type="datetime-local"&gt; ridiculously broken in Safari/VoiceOver/macOS ? #a11y #accessibility

siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke I had occasion to test this recently (fairly quick tests, there could be other issues):

  • date, datetime-local, time - using arrow keys to cycle values initially resets them first (when no initial value has been set, Safari shows today), eg. up-arrow from month slot "04" cycles to "01", or down-arrow to "12"; up-arrow from year slot "2024" cycles the year to "0001", down-arrow cycles to "275760". All slots have this behavior.
siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke * date, datetime-local - no keyboard access to datepicker popup (not even triggerable)

  • datetime-local - datepicker popup does not include timepicker.
  • time - no timepicker popup.
siblingpastry,
@siblingpastry@mastodon.world avatar

@patrick_h_lauke And here's some for iOS:

  • date, time - not possible to type directly into the field, the field is announced as a popup button
  • date, time - the popup is not after the field in the reading order; I couldn't reach it by regular swiping at all, since subsequent field focus may close it
  • datetime-local - not possible to type directly into the field, the field is announced as readonly
siblingpastry,
@siblingpastry@mastodon.world avatar

@stu @patrick_h_lauke <input type="time"> is an illusion, <input type="lunch-time"> doubly so

joelanman, to CSS
@joelanman@hachyderm.io avatar

Seems like a cool technique - CSS auto scroll to the bottom - for example for a chat window

https://albyianna.medium.com/creating-an-auto-scrollable-element-with-css-b7d814c73522

siblingpastry,
@siblingpastry@mastodon.world avatar

@joelanman First thought — does this affect AT reading order?

siblingpastry, to random
@siblingpastry@mastodon.world avatar

Turns out the smoking ban is part of their strategy to deter asylum seekers. Like who would want to make a new home in a country where they can’t even smoke? Most of the small boat crossings are local shopkeepers smuggling in gray-market tobacco anyway.

siblingpastry, to random
@siblingpastry@mastodon.world avatar

Oh the irony … Freevee shows on Amazon now have fewer ads than Prime 🤦🤦

freemo, to asd
@freemo@qoto.org avatar

If you are well organized, it is a healthy trait. no one would say you are "on the OCD spectrum".. but when that trait gets out of hand we would say you have OCD, and likely would be diagnosed as such.

I see (autism) ASD and ADHD as much the same way. Most people diagnosed with it who are high functioning dont really have it at all. It is just a personality trait and all in all a positive one. high-functioning ASD are just people without social hangups, good. And people with ADHD who are high-functioning are largely just amazing multi-taskers.

The harm in putting people on a spectrum is they see themselves asa diseased, broken, something that needs "consideration.. they arent, in most cases in the right proportions these "diseases" are in fact just super powers, things more people should wisht hey have really.

siblingpastry,
@siblingpastry@mastodon.world avatar

@freemo A few things:

  • Cognitive disabilities are not "super powers". This is (with respect) an ableist take. There can be benefits (I get a lot of utility from ADHD hyperfocus) but they come with a heavier cost.

  • Autistic people do not have "social hangups". See https://www.autism.org.uk/advice-and-guidance/professional-practice/double-empathy

  • The concept of "high functioning" is relative to social expectations, which are exclusionary and largely arbitrary. This term is not useful or accurate. But I'm curious to know how you would define it?

siblingpastry, (edited )
@siblingpastry@mastodon.world avatar

@freemo I didn’t call you ableist, only that a thing you said was ableist, not you in general, and I stand by that.

If you want to think of yourself in the terms you’re describing, then fair enough, I only object to generalising such dismissiveness on broader communities. That’s the harmful attitude in my opinion, because it provides an excuse for the majority to ignore our need for social equality.

siblingpastry, (edited )
@siblingpastry@mastodon.world avatar

@freemo I do agree with what you’re saying about the cultural relativity of personality traits. This makes it harder to define objective diagnostic criteria, but it doesn’t make them not diagnostic criteria.

Being materially disadvantaged relative to the majority because of the way we’re hard-coded to think and communicate, is not a personality problem, it’s a disability. It’s a disability because society doesn’t accommodate our needs. This is true for most disabilities.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • Leos
  • tsrsr
  • DreamBathrooms
  • thenastyranch
  • magazineikmin
  • hgfsjryuu7
  • Youngstown
  • InstantRegret
  • slotface
  • khanakhh
  • rosin
  • ngwrru68w68
  • kavyap
  • PowerRangers
  • normalnudes
  • tacticalgear
  • cubers
  • everett
  • vwfavf
  • ethstaker
  • osvaldo12
  • Durango
  • mdbf
  • cisconetworking
  • modclub
  • GTA5RPClips
  • tester
  • anitta
  • All magazines
    •