Responsive & Gestaltungsraster

Der Inhalt beschränkt seine Ansicht und Bedienung nicht auf eine einzige Anzeigeausrichtung, wie z.B. Hoch- oder Querformat, es sei denn, eine bestimmte Anzeigeausrichtung ist unerlässlich. (Level AA)

Inhalte können ohne Informations- oder Funktionsverlust und ohne die Notwendigkeit, in zwei Dimensionen zu scrollen, präsentiert werden (LevelAA):

• Vertikal scrollender Inhalt mit einer Breite, die 320 CSS-Pixeln entspricht
• Horizontaler Bildlauf von Inhalten in einer Höhe, die 256 CSS-Pixeln entspricht
• Ausgenommen sind Teile des Inhalts, die für ihre Verwendung oder Bedeutung ein zweidimensionales Layout erfordern

ANMERKUNG Hinweis: 320 CSS-Pixel entsprechen einer Anfangsbreite des Ansichtsfensters von 1280 CSS-Pixeln Breite bei 400% Zoom. Bei Web-Inhalten, die für einen horizontalen Bildlauf (z.B. mit vertikalem Text) konzipiert sind, entsprechen die 256 CSS-Pixel einer Ausgangshöhe des Ansichtsfensters von 1024px bei 400% Zoom.

Verwenden Sie Dynamic Type und testen Sie, ob sich das Layout Ihrer Anwendung an alle Schriftgrößen für Barrierefreiheit anpasst. Mit Dynamic Type können Benutzer die für sie geeignete Schriftgröße auswählen. Vergewissern Sie sich, dass Ihr Entwurf skalierbar und in allen Zugänglichkeitsschriftgrößen sowohl für Text als auch für Glyphen lesbar ist. Sie können die dynamischen Schriftgrößentabellen in den Apple-Design-Ressourcen Skizze, Photoshop und Adobe XD herunterladen.

Flexible, reaktionsfähige Layouts helfen bei der Skalierung von Inhalten im Verhältnis zur Bildschirmgröße. Dadurch wird vermieden, dass Inhalte abgeschnitten werden, die auf bestimmten Gerätetypen oder bei unterschiedlichen Auflösungen möglicherweise nicht vollständig angezeigt werden.