Carie Fisher
Scalable Vector Graphics (SVGs) wurden 1999 ein W3C-Standard — zu einer Zeit, als das neue Technik-Highlight das Blackberry-Handy war, Napster erstmals die Wohnheime eroberte und der Y2K-Bug uns allen Angst einjagte. Wenn wir in unsere moderne digitale Welt blicken, stellen wir fest, dass während andere Technologietrends nachgelassen haben, SVGs nach wie vor präsent und erfolgreich sind. Dies liegt zum Teil daran, dass SVGs einen kleinen Speicherbedarf bei gleichzeitig hoher visueller Qualität haben, in einer Welt, in der Bandbreite und Leistung wichtiger sind als je zuvor — insbesondere auf mobilen Geräten und in Situationen/Orten, wo Daten kostbar sind. Aber auch, weil SVGs so flexibel mit ihren integrierten Stilen, Interaktivität und Animationsmöglichkeiten sind. Was wir heute mit SVGs tun können, geht weit über die einfachen Formen von früher hinaus.
Wenn wir den Aspekt der Barrierefreiheit von SVGs betrachten, haben wir ebenfalls große Fortschritte gemacht. Heute stehen uns viele robuste Muster und Techniken zur Verfügung, um die Inklusivität zu optimieren. Das gilt unabhängig davon, ob Sie Icons, einfache Bilder oder komplexere Grafiken erstellen. Während das spezifische Muster, das Sie wählen, je nach Ihrer speziellen Situation und dem angestrebten WCAG-Konformitätsniveau variieren kann — die Realität ist, dass die meisten Menschen dort aufhören, sich auf die Einhaltung des Codes zu konzentrieren und nicht auf die tatsächlichen Endbenutzer und deren Bedürfnisse. Wenn wahre Inklusivität über Muster hinausgeht — welche anderen Faktoren sollten wir bei der Gestaltung und Entwicklung barrierefreier SVGs berücksichtigen?
Begleiten Sie mich, um mehr über Folgendes zu erfahren:
SVG-Farbe + Kontrast
WCAG-Farbkontrastverhältnis-Richtlinien/Tools
Farbenblindheitssimulatoren/-filter
Media Query: @prefers-color-scheme - was ist das und wie verwendet man es?
SVG-Animation
WCAG-Bewegungsrichtlinien für Animationen
Animationspause/-stopp/-ausblenden-Optionen
Media Query: @prefers-reduced-motion - was ist das und wie verwendet man es?