nicht angemeldet
Gunnar Bittersmann@@Gunnar Bittersmann
Dass sich Google einen Scheißdreck um Nutzer schert, kommt für mich indes nicht unerwartet. Wenn ich in meinen Systemeinstellungen „Bewegung reduzieren“ anhake, hüpft der Vogel auf google.com immer noch wild umher.
Und das soll er natürlich nicht. Also hatte ich gedacht, picture zu verwenden: source mit prefers-reduced-motion im media-Attribut. Aber Pustekuchen! Unabhängig von der Systemeinstellung wird das img angezeigt.
☞ Codepen prefers-reduced-motion doesn’t work in HTML attribute media
Man kann im media-Attribut nicht alles verwenden, was man in CSS in @media verwenden kann.
Durch die Specs gehangelt: source element
→ media attribute
→ valid media query list
→ Media Queries [MQ]
→ Media Queries Level 4
Und darin ist prefers- nicht zu finden. 🤷♂️
Dann muss man wohl zwei img-Elemente verwenden und eins mit CSS ausblenden.
☞ Codepen prefers-reduced-motion in CSS @media
Kwakoni Yiquan
Ad astra per aspera
Matthias Scharwies