@marcus@mastodon.social
@marcus@mastodon.social avatar

marcus

@marcus@mastodon.social

he/him · er/ihm. Frontend Developer, Web Accessibility Specialist, WCAG and BITV (~= EN 301 549) auditor, consultant. Tooting in English and German, trying to remember to set the Toot language every time. Has #MultipleSclerosis 🤷‍♂️

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

yatil, to DoctorWho
@yatil@yatil.social avatar

Boom.

marcus,
@marcus@mastodon.social avatar

@yatil Ah, also auch jemand, der sich die neue Folge um Mitternacht herum gibt. IMHO beste Episode der Staffel und ein weiterer Beweis, dass Moffat am Ehesten in Einzelepisoden in einer RTD-Ära funktioniert. Noch dazu unglaublich gute Performances von Gatwa und Gibson.

marcus, to random
@marcus@mastodon.social avatar

Folks, attribute names such as "aria-placeholder" and "aria-role" do not exist! In case they aren't custom attributes, I have to reiterate once more: Pretty please only use anything ARIA when you know what you're doing. These specific examples may cause no harm, but likely show a wider universe of misunderstandings and ARIA overestimation

marcus,
@marcus@mastodon.social avatar

If you would like to learn about ARIA misunderstandings that cause harm (and are ironically implemented in best faith) → https://marcus.io/blog/best-intention-barriers-aria

marcus, to random German
@marcus@mastodon.social avatar
marcus,
@marcus@mastodon.social avatar

Zeigt auch noch mal, wessen Geistes Kinder diese Honks sind. Nazi? Gerichtsfester Faschist? Kein Problem! Narzisst? Parteiausschluss!

marcus, to random German
@marcus@mastodon.social avatar

Ein üblicher Trick bei Overlay-Anbietern.

Auf der Marketingseite: Erfüllt WCAG, EN 301 549, BITV!

In den AGB dann: Kunde hat selbst für Konformität zu sorgen.

Den Kniff kennt man von mindestens einem internationalen Anbieter.

marcus,
@marcus@mastodon.social avatar

English context: A German overlay company does the typical stunt of putting in their terms of service that customers have to have a compliant page first, and legally weasels out of any responsibility.

marcus, (edited )
@marcus@mastodon.social avatar

Und natürlich werden auf einer Marketing-Unterseite namens "Rechtliches" die EU-Verordnungen 2016/2102 ("Web Accessibility Directive") und 2019/882 ("European Accessibility Act") zusammengeworfen bzw. verwechselt. Warum sich aber auch in dem Thema, in dem man scheinbar nur unethisch Geld verdienen will, mit Details beschäftigen?

marcus,
@marcus@mastodon.social avatar
janboehm, to random German
@janboehm@edi.social avatar

💫 Hallo Spencer - Der Film 💫
2024 im ZDF

🆕 TRAILER: https://youtu.be/uwsL3px9iWg?si=B5mr-ajSiZz23aG7

marcus,
@marcus@mastodon.social avatar

@janboehm Der Film ist ein konsequenter, weiterer Aufstieg für Rainer Bock nach "Better Call Saul"

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

#a11y

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan 🙏 Thanks for sharing (also on X, as I just saw)!

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan @siblingpastry Yes, will edit and clarify

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan @siblingpastry Changed it to " But what ARIA properties do not do is implement key event handlers or other functionality of this kind. Most of the time, it only announces an element as something,…"

marcus,
@marcus@mastodon.social avatar

@siblingpastry Yay! Looking forward to reading it!

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

I get the appeal of email newsletters. I really do.

But nothing gives me as much anxiety as sending out an email and then constantly obsessing about whether I made a typo or messed up a link, because I simply can't just edit it like I can with a post on my blog. 😭

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan Oh, I feel you. It's like what it must have been in print times 😅 But no typos spotted

marcus,
@marcus@mastodon.social avatar

@SaraSoueidan Yup, I'm being one of them, but can relate that the anxiety doesn't care about the number of recipients. Public, semi-public, the fear is always at 11.

No idea about the auto-responders. I guess big mail infrastructure providers "solved" this by filtering it out, rarely confront the author with it?

marcus, (edited ) to random
@marcus@mastodon.social avatar

New blog post: "Best intention barriers (ARIA edition)"

In my experiences as an auditor (for WCAG and EN 301 549) I stumble over a large number of barriers. Heck, my job is to find and to help the website developer and owner to get rid of them to make their web project more inclusive and – in the truest sense of the word - accessible. But there is a certain type of barrier that are more, well, tragic than others.

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

marcus,
@marcus@mastodon.social avatar

@Kilian Here's a bookmarklet (2nd one in the list) that tries to visualize both in the browser's console by @jkphl. May be helpful or a starting point: https://tollwerk.github.io/a11y-bookmarklets/

marcus,
@marcus@mastodon.social avatar

@Kilian That reminds me that I still not know all of Polypane's features. Time for a "Checking each WCAG SC with Polypane" blog post? ;)

marcus,
@marcus@mastodon.social avatar

@Kilian @julezrulez Extremly valuable, thanks!

marcus, (edited ) to random German
@marcus@mastodon.social avatar

Gerade das erste fachliche Feedback zu meinen zukünftigen E-Commerce-Barrierefrei.de (#ECBF)-Texten bekommen, bastele parallel an einem Beispiel-Shop mit all den Ratschlägen aus meinem Modulen. Das Design des Lernportals wird auch immer konkreter – ich liebe solche Phasen eines Projektes. Dinge biegen auf die Zielgerade ein :)

kc, to random German
@kc@chaos.social avatar

Der Wahl-O-Mat für die #Europawahl ist da - und mit ihm kommt eine frische 'Erklärung zur #Barrierefreiheit', in der die @bpb erklärt, das Tool sei nun vollständig konform mit den gesetzlichen Anforderungen.

Aber ist das wirklich so?

Schon mit den ersten beiden Klicks wird dort die Nichtkonformität zu den Punkten 9.5 Nr. 16 und 20 der EN 301 549 sichtbar. Beide stellen für einige seh- und motorisch behinderte Menschen erhebliche Barrieren dar.

🧵

marcus,
@marcus@mastodon.social avatar

@kc Stimmt. Da hat mich die Web-Ansicht von mastodon.social aufs Kreuz gelegt.

Dennoch: Mir und vielen anderen ist klar, dass es ein Unterschied zwischen "konform" und "barrierefrei" gibt.

Wo streicht die EN aber bitte Aspekte aus der WCAG raus? Sie übernimmt 2.1 AA (bald 2.2 AA) in Chapter 9. Und meinst du Level AA mit dem "Subset" der WCAG?

marcus,
@marcus@mastodon.social avatar

@kc Sie sind void, weil sie in 9.5 gesondert gelistet werden?

Gerade weil es die Zielgruppe des Threads ist, finde ich Geraune wie "der Wahlomat ist nicht konform" und "die EN bescheidet die WCAG" eher gefährlich.

Folgende Dinge kann man mEn kritisieren:

  • Die WCAG an sich
  • Level-Zuordnungen in der WCAG
  • Dass konform oft mit wirklich barrierefrei gleichgesetzt wird.

Wenn das letzte dein Ziel war und auf Barrieren im wahlomat hinzuweisen, fair game

marcus,
@marcus@mastodon.social avatar

@kc Aber dann ist ein Satz wie "Schon mit den ersten beiden Klicks wird dort die Nichtkonformität zu den Punkten 9.5 Nr. 16 und 20 der EN 301 549 sichtbar." juristisch-sachlich falsch, auch wenn du ihn später wieder einfängst

marcus, (edited ) to random
@marcus@mastodon.social avatar

Oh, people, please stop this approach of "that semantic role name sounds about right to what I am looking for, or what it looks like" when using ARIA.

No, a container of a carousel with separate slides in it is not a listbox.

This "dangerous half-knowledge" of ARIA once again easily replaced my Sunday morning coffee.

marcus,
@marcus@mastodon.social avatar

This sparked - or accelerated - a blog post https://marcus.io/blog/best-intention-barriers-aria

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