@yatil@yatil.social
@yatil@yatil.social avatar

yatil

@yatil@yatil.social

he/him/his

Accessibility Advocado

http://yatil.net

Outline Consulting · Axess Lab
formerly: Knowbility, W3C/WAI

Views are my own.

Ⓥ he/him/his

#accessibility #a11y #humanrights #germany #ebiking #webdev #design #typography #fedi22

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

yatil, to random
@yatil@yatil.social avatar

Accessibility tests are much easier if you go by success criterion and write up failures of them instead of identifying possible issues and then assign SCs to it.

And it gives you a handy guide to keep track of what you already tested and what not. Try to flip your approach and see if you think it’s easier, too!

yatil, to random
@yatil@yatil.social avatar

That you can do better than the minimum guidance of WCAG IS THE WHOLE POINT.

It’s not wiggle room that you can do better.

You can drive your tires to the absolute minimum of what is allowed, but you can also have more profile on them. It’s totally ok. That doesn’t mean there is wiggle room.

andycarolan, to vegan
@andycarolan@social.lol avatar

https://www.veganfoodandliving.com/news/hellmanns-plant-based-mayonnaise-rebranded-vegan/

This is an interesting example of green nudging. The word "Vegan" does indeed carry a lot of baggage that some people shy away from. If you label the same “Vegan” product as “Plant Based”, there is often less resistance.

yatil,
@yatil@yatil.social avatar

@andycarolan @sarajw I mean, at least the vegan flower is now visually different from the vegetarian icon which used to be the same but in a similar color.

yatil,
@yatil@yatil.social avatar

@andycarolan @sarajw This one. Having it means certified vegan, including production and such. https://www.vegansociety.com/the-vegan-trademark

yatil,
@yatil@yatil.social avatar

@sarajw @andycarolan But your alternative text is better. So we both win!

yatil,
@yatil@yatil.social avatar

@sarajw @andycarolan I think it can be in any color. The vegetarian (which I haven’t seen in a long time) doesn’t have the flower, IIRC, but only the leaf, so they are pretty distinct now.

yatil,
@yatil@yatil.social avatar

@sarajw @andycarolan Ah, yes, that’s the other really common one. I wished they were even more distinct. (I personally think we should ditch a separate “vegetarian” certification altogether, but I understand that that’s an unpopular opinion.)

ariel, to random

We’ve been busy the past few weeks working on new components for the Nord Design System. Just published these:

✅ Segmented Control: https://nordhealth.design/components/segmented-control/?example=size

✅ Segmented Control Item: https://nordhealth.design/components/segmented-control-item/

✅ Tag: https://nordhealth.design/components/tag/?example=removable

✅ Tag Group: https://nordhealth.design/components/tag-group/

✏ Improvements and new features for existing components.

🐞 Bug fixes for Modal, Vue integration & accessibility.

Full changelog: https://nordhealth.design/changelog/

yatil,
@yatil@yatil.social avatar

@ariel “Please replace your understandable names with jargon” comments are most unhelpful, and they aren’t even aware of what they are doing.

yatil, to random
@yatil@yatil.social avatar

Sometimes being on LinkedIn is just correcting WCAG misconceptions.

Well, someone has to do it. 😂

mekkaokereke, to random
@mekkaokereke@hachyderm.io avatar

So the Black man that everyone was laughing at for dialing in to his court case from his car, while his license was suspended, is not so foolish. Racism has people laughing at its victims.

https://www.wxyz.com/news/why-was-the-driver-in-a-viral-videos-license-still-suspended-2-years-after-a-judge-ordered-it-lifted

We'll see how many of the people that were laughing because they thought "Foolish criminal dials in from car, on suspended license case!🤣" have anything cute to say now. You know that none of them will.

It's just the regular anti-Black cruelty in the US criminal justice system.

1/N

yatil,
@yatil@yatil.social avatar

@mekkaokereke Wait? How is it possible to suspend a license for non-driving-related offenses? Especially in a country where being unable to drive has such an impact on your work and social life?

I don’t see how it helps to make child support payment if you cannot get to work?

US Justice is wild.

yatil, (edited ) to random
@yatil@yatil.social avatar

Go and vote this coming week. Vote like it might be your last election, because it might be it if you don’t. https://yatil.social/@yatil/112507090248577835

yatil,
@yatil@yatil.social avatar

@sarajw It’s next Sunday here, too!

I probably should have said “next week”. (I have found that my descriptors of “this” often does not match how other people think of it… 😬)

mwichary, to random
@mwichary@mastodon.online avatar

Switched to Panic’s Nova today after another frustrating morning with VS Code and so far it’s been a delight. Faster, feels a lot nicer out of the box, autocomplete is so much tighter, love the little touches everywhere (animating matching braces, showing depth of hierarchy).

I know there are many kinds of different coders out there (I don’t write code daily), but Nova feels so much better to me.

https://nova.app/

yatil,
@yatil@yatil.social avatar

@mwichary @mattround Last time I tried VS Code it was so slow. This was when I moved through many different projects every day and opened them from the command line. Waiting for several hundred ms to open a file while the app was open really a speedbump compared with Sublime which I have used before.

Nova is almost instantly opening files.

It’s night and day.

aardrian, to random
@aardrian@toot.cafe avatar

Rough “toggle” guidelines:

  1. Use <button aria-pressed> for immediate effect and when JS is known to exist:
    https://adrianroselli.com/2019/08/under-engineered-toggles-too.html

  2. Use a checkbox for submissions and when maybe no JS (PE):
    https://adrianroselli.com/2019/03/under-engineered-toggles.html

  3. Use either of above with role="switch" only when it will never have an indeterminate state:
    https://adrianroselli.com/2021/10/switch-role-support.html

  4. Avoid Apple’s proposed switch attribute for now (anchor link):
    https://adrianroselli.com/2021/10/switch-role-support.html#Update02

Adjust as appropriate.

cc @Lukew

yatil,
@yatil@yatil.social avatar

@hdv @aardrian @Lukew Apple’s switch proposal should probably be standardized in CSS as it is a pure visual change.

I would refrain from speccing new interaction models while people don’t use the old ones. Are “more types of checkboxes” really the thing we need to look at right now?

yatil,
@yatil@yatil.social avatar

@aardrian @hdv @Lukew It’s not supposed to go on a radio button, right?

yatil,
@yatil@yatil.social avatar

@hdv @aardrian @Lukew I don’t think my brain follows. I’m all for a pressed attribute or something.

yatil,
@yatil@yatil.social avatar

@Lukew @aardrian @hdv Switch and checkbox roles only differ in the announced control, so it’s more an roledescription change in my view. Could be simplified/aliased.

yatil,
@yatil@yatil.social avatar

@Lukew @hdv @aardrian Feels to me like a separate type is overthinking it. We already have <button aria-pressed=“true|false”>, mapping <button pressed> to it, similar to <details open> where the summary is essentially also a toggle button, makes more sense to me.

Declarative toggle is a nice idea tho.

yatil,
@yatil@yatil.social avatar

I’m not opposed to types, but it feels like something that should do more, usually type also has an impact to how the element is conveyed server-side, but that doesn’t really apply to toggle buttons? Or is that planned to, that they work like checkboxes? And if so would make <input type=“togglebutton”> not make more sense?

(-Adrian so he doesn’t need to be drawn into the homework.) (2/2)

yatil,
@yatil@yatil.social avatar

@Lukew @hdv No pressed attribute = not a toggle button
Pressed set == pressed=“true” => toggle button pressed
Pressed=“false” => toggle button unpressed

HTML can do that. (1/2)

yatil,
@yatil@yatil.social avatar

@aardrian @Lukew @hdv Unsure that those are a thing? Toggle buttons that are between states?

yatil,
@yatil@yatil.social avatar

@aardrian @Lukew @hdv But that’s for a switch, not for a button that is pressed. (And to be fair, indetermine switches should die in a fire.)

yatil,
@yatil@yatil.social avatar

@aardrian @Lukew @hdv I think I can’t follow. Sorry. 😞

yatil, to random German
@yatil@yatil.social avatar

“Einreichungen fürs Barcamp bitte nach APA-Styleguide”

Genau mein Humor.

joelanman, to accessibility
@joelanman@hachyderm.io avatar

It's unclear whether it passes wcag but from our research I think it's much clearer to mark optional fields as 'optional' than have asterisks or 'required' next to every field and have optional fields implied by the lack of them.

If you're asking for data, the default should be it's because it is required. This is part of GDPR

#accessibility

yatil,
@yatil@yatil.social avatar

@joelanman @siblingpastry In context, it’s clear. The visual label does not only depend on the isolated UI element.

  • All
  • Subscribed
  • Moderated
  • Favorites
  • •
  • JUstTest
  • mdbf
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • megavids
  • tacticalgear
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • lostlight
  • All magazines
    •