Safari auf Apple HomeView: Was Websites daraus lernen
Sphinx-Flashdesign Logo
Geschrieben von
Sphinx-Flashdesign
Developers Signature Designers Signature
Datum
14.11.2026
Lesezeit
7 Min.
Wörter
1399
Safari auf Apple HomeView ist für deutsche Firmen keine Gerätefrage, aber ein guter Test: Funktioniert Ihre Website auch auf kurzen Bildschirmen und per Sprache?

Am 13. November 2026 um 22:00 Uhr MEZ hat das WebKit-Team den Beitrag „Safari on Apple HomeView“ veröffentlicht[1]. WebKit ist die Browser-Engine, also der technische Unterbau, von Safari. Am selben Tag hat Apple den Verkauf von HomeView in ausgewählten Ländern gestartet, darunter die USA und Großbritannien[2]. Vorgestellt hatte Apple das Gerät für zu Hause bereits am 13. Oktober[3].

Wichtig für Deutschland: HomeView wird laut Apple in der EU nicht verkauft, weil Siri AI, die neue Version der Sprachassistentin Siri, in der EU derzeit nicht unter iOS verfügbar ist[2]. Apple bemüht sich nach eigenen Angaben gemeinsam mit der EU um eine Lösung[2].

Dieser Beitrag ist deshalb keine Geräte-News. Er fragt, was Apples Hinweise für jede Firmenwebsite bedeuten: kleine, quadratische oder quer gehaltene Bildschirme und Bedienung per Sprache und Touch (Stand: 14.11.2026).

Safari auf Apple HomeView: Website-Test auf kleinem, quadratischem Bildschirm mit Sprach- und Touch-Bedienung
Safari auf Apple HomeView: Meist ist nichts zu tun

HomeView hat einen quadratischen 7-Zoll-Bildschirm. Man spricht das Gerät quer durch den Raum an oder tippt aus der Nähe auf das Display[1]. Was müssen Webentwickler dafür tun? WebKit antwortet selbst: „Most likely, you don’t need to do anything.“ Das Web sei dafür gemacht, auf jedem Bildschirm und mit jeder Eingabeart zu funktionieren[1].

Die meisten Websites müssen also nicht für HomeView umgebaut werden. Interessant sind die Ausnahmen. Websites, die fest annehmen, was ein Gerät ist und wie Menschen es nutzen, können laut WebKit brechen, wenn ein neues Gerät erscheint[1]. Vier solche Annahmen nennt der Beitrag:

„Alle klicken oder tippen“
Auf HomeView ist die Stimme ein zentraler Teil der Bedienung[1].
„iOS heißt iPhone“
Safari auf HomeView meldet ebenfalls eine iOS-Kennung[1].
„Hochformat oder Querformat“
Manche Websites rechnen nie mit einem quadratischen Bildschirm[1].
„Mindestens 600 Pixel hoch“
Manche Websites setzen einen Viewport, also sichtbaren Seitenbereich, von über 600 Pixel Höhe voraus. Auf HomeView ist er kürzer[1].
Sprache und Touch: Jedes Bedienelement braucht einen Namen

Wer mit einer Seite spricht, zeigt nicht auf einen Button, sondern ruft ihn beim Namen, so beschreibt es WebKit[1]. Dafür empfiehlt WebKit semantisches HTML, also Code, der sagt, was ein Element ist: echte Buttons, Links und Formularfelder sowie eine klare Beschriftung an jedem Bedienelement[1]. Barrierefreie Inhalte, große Tippflächen und flexible Layouts helfen laut WebKit allen, ob sie sprechen, tippen oder beides[1].

WebKit nennt dabei keine Norm, die Verbindung zu den WCAG ziehen wir. Beide Hinweise passen zu Erfolgskriterien der WCAG 2.2, der Richtlinien des W3C für barrierefreie Webinhalte[4]:

  • 2.5.3 Label in Name (Stufe A): Bei Bedienelementen mit Beschriftungen, die Text oder Bilder von Text enthalten, enthält der Name den Text, der sichtbar dargestellt wird[4]. Gemeint ist der Name, den der Code für Hilfsmittel wie Sprachsteuerung bereitstellt. Als gute Praxis nennt das W3C, den sichtbaren Text an den Anfang des Namens zu stellen[4].
  • 2.5.8 Target Size (Minimum) (Stufe AA): Die Größe des Ziels für Zeigereingaben beträgt mindestens 24 × 24 CSS-Pixel[4]. Ausnahmen gelten unter anderem bei ausreichendem Abstand zwischen kleineren Zielen, für Links im Fließtext und für unveränderte Browser-Elemente[4].

Warum das für Sprache zählt, erklärt das W3C: Wer per Spracherkennung navigiert, spricht die sichtbare Beschriftung aus. Passt sie nicht zum Namen im Code, scheitert der Befehl[5]. Steht auf dem Button etwa „Angebot anfordern“, im Code aber nur „Senden“, findet der Sprachbefehl nichts. Ausreichend große Ziele machen laut W3C zudem Touchscreens leichter bedienbar[6].

Kurze Bildschirme: feste Leisten und zu hohe Fenster

Auf einem kurzen Bildschirm können Kopf- und Fußleisten, die beim Scrollen stehen bleiben, kaum noch Platz für den eigentlichen Inhalt lassen[1]. Heikler sind Modals, also Fenster, die sich über die Seite legen, etwa für Newsletter-Anmeldungen. Sind sie höher als der Viewport, können Besucher sie womöglich gar nicht mehr schließen[1].

Als schnelle Lösung für solche Fenster zeigt WebKit diesen CSS-Code[1]:

.modal {
  max-height: 90svh;
  overflow-y: auto;
}

Die erste Zeile begrenzt das Fenster auf 90 Prozent der Viewport-Höhe; svh misst dabei so, als wären alle ein- und ausblendbaren Browserleisten eingeblendet[7]. Die zweite Zeile macht überlangen Inhalt im Fenster scrollbar. „.modal“ steht für den Klassennamen des Fensters, der auf Ihrer Website anders heißen kann.

Unsere Schlussfolgerung: Cookie-Banner zuerst prüfen
WebKit nennt Newsletter-Fenster als Beispiel, Cookie-Banner nicht. Wir übertragen den Hinweis auf sie, denn Cookie-Banner erscheinen beim Einstieg in eine Website und zwingen zur Interaktion[8]. Liegen „Ablehnen“ oder „Auswahl speichern“ auf einem kurzen Bildschirm außerhalb des sichtbaren Bereichs und lässt sich das Banner nicht scrollen, kommt niemand weiter. Die Landesfachstelle Barrierefreiheit empfiehlt ohnehin, dass Cookie-Banner auf verschiedenen Bildschirmgrößen gut funktionieren und vollständig per Tastatur bedienbar sind[8].
So testen Sie ohne HomeView

Ein eigenes Gerät brauchen Sie nicht. WebKit nennt zwei Testwege[1], die Prüfpunkte danach ergänzen wir:

Smartphone quer halten
Website auf dem Handy im Querformat öffnen und alle Probleme beheben, die durch die geringe Höhe entstehen[1].
In Safari 448 × 364 einstellen
Im Responsive Design Mode von Safari, einem Entwicklerwerkzeug zum Simulieren von Fenstergrößen, den Viewport auf 448 × 364 setzen[1]. Das ist eine Annäherung: Laut Apple bilden solche Voreinstellungen Layout, Darstellung und Verhalten eines echten Geräts nicht exakt ab[9].
Überlagerungen und Formulare durchgehen
Cookie-Banner, Newsletter-Fenster, Menü und Kontaktformular: Lässt sich jede Schaltfläche erreichen und jedes Fenster schließen? Bleibt neben festen Leisten genug Platz für den Inhalt?
Beschriftungen und Tippflächen prüfen
Hat jedes Bedienelement eine sichtbare Beschriftung, die auch im Namen im Code steht? Sind Ziele mindestens 24 × 24 CSS-Pixel groß oder weit genug voneinander entfernt[4]?
Browser-Erkennung, Rezepte und Untertitel

Der User-Agent ist die Kennung, die ein Browser bei jedem Seitenabruf mitschickt. Manche Websites schließen aus einer iOS-Kennung, dass ein iPhone anfragt, doch Safari auf HomeView meldet ebenfalls eine iOS-Kennung[1]. WebKit rät deshalb von dieser Browser-Erkennung ab und empfiehlt Feature Detection: direkt prüfen, ob eine Funktion unterstützt wird[1]. Laut der Entwicklerdokumentation MDN ist die Erkennung über den User-Agent sehr schwer zuverlässig umzusetzen und eine häufige Fehlerquelle[10].

Für Rezeptseiten bietet Safari auf HomeView eine Kochansicht mit Schritt-für-Schritt-Anleitung. Grundlage sind Rezeptdaten im schema.org-Typ Recipe im Format JSON-LD[1], also strukturierte Daten, eine maschinenlesbare Beschreibung im Quelltext. Google nutzt Recipe-Daten für hervorgehobene Suchergebnisse, verlangt dafür eigene Pflichtangaben wie name und image und garantiert keine Anzeige[11].

Für Videos empfiehlt WebKit Untertitel als WebVTT-Dateien, also in einem Textformat für zeitgesteuerte Untertitel, eingebunden über track-Elemente im Video-Code[1]. Auch WCAG 2.2 verlangt Untertitel: Kriterium 1.2.2 (Stufe A) fordert sie für voraufgezeichnete Audioinhalte in synchronisierten Medien, also etwa in Videos mit Ton[4].

Unsere Einordnung: ein Test, kein Projekt

HomeView ist für Unternehmen in Deutschland derzeit kein Zielgerät. Nützlich sind die Hinweise trotzdem, weil sie Annahmen sichtbar machen, die auch auf dem Smartphone im Querformat stören. Unsere Empfehlung: ein kurzer Test, kein Umbau und erst recht keine eigene HomeView-Erkennung.

Häufige Fragen zu Safari auf Apple HomeView
Muss ich meine Website für HomeView anpassen, obwohl das Gerät in Deutschland nicht verkauft wird?

In aller Regel nicht. WebKit schreibt selbst, dass die meisten Websites nichts tun müssen[1], und in der EU wird HomeView derzeit nicht verkauft[2]. Ein kurzer Test im Querformat lohnt sich trotzdem, denn kurze Bildschirme gibt es auch beim Smartphone.

Wie prüfe ich, ob Cookie-Banner, Sticky Header und Formulare auf kleinen, quadratischen oder quer gehaltenen Bildschirmen bedienbar bleiben?

Smartphone quer halten oder im Responsive Design Mode von Safari 448 × 364 Pixel einstellen[1]. Dann prüfen: Lässt sich jedes Fenster schließen und jede Schaltfläche erreichen, und bleibt neben festen Leisten genug Inhalt sichtbar? Zu hohe Fenster begrenzt WebKit mit max-height: 90svh und overflow-y: auto[1].

Wie wird meine Website per Sprache bedienbar, und hilft das auch bei der Barrierefreiheit nach BFSG?

Mit echten Buttons, Links und Formularfeldern und einer klaren Beschriftung an jedem Bedienelement[1]. Das passt zum WCAG-2.2-Kriterium 2.5.3 Label in Name[4]. Ob das Barrierefreiheitsstärkungsgesetz (BFSG) für Ihre Website gilt, hängt vom Angebot ab; mehr dazu in unserem Beitrag zu Markenfarben und Kontrasten.

Warum soll ich den Browser nicht über den User-Agent erkennen?

Weil die Kennung nicht zuverlässig verrät, welches Gerät anfragt: Safari auf HomeView meldet eine iOS-Kennung wie ein iPhone[1]. Besser ist Feature Detection, also direkt zu prüfen, ob eine Funktion unterstützt wird[1].

Bringen Rezept-Strukturdaten und Untertitel dort einen Vorteil?

Nur wenn Sie Rezepte oder Videos anbieten. Aus Recipe-Daten in JSON-LD erzeugt Safari auf HomeView eine Kochansicht, für Videos empfiehlt WebKit WebVTT-Untertitel[1]. Die Kochansicht nützt vor allem dort, wo das Gerät verkauft wird; Google wertet Rezeptdaten unabhängig davon aus, garantiert aber keine Anzeige[11].

Quellen
  1. WebKit Blog: Safari on Apple HomeView (13.11.2026): webkit.org
  2. Apple Newsroom: Apple HomeView available today (13.11.2026): apple.com
  3. Apple Newsroom: Meet Apple HomeView (13.10.2026): apple.com
  4. W3C: Web Content Accessibility Guidelines (WCAG) 2.2 (12.12.2024): w3.org
  5. W3C WAI: Understanding SC 2.5.3 Label in Name (abgerufen 14.11.2026): w3.org
  6. W3C WAI: Understanding SC 2.5.8 Target Size (Minimum) (abgerufen 14.11.2026): w3.org
  7. W3C: CSS Values and Units Module Level 4, Working Draft (12.03.2024): w3.org
  8. Landesfachstelle Barrierefreiheit: Barrierefreie Cookie-Banner (02.06.2024): landesfachstelle-barrierefreiheit.de
  9. Apple Developer Documentation: Responsive Design Mode (abgerufen 14.11.2026): developer.apple.com
  10. MDN Web Docs: Browser detection using the user agent (Stand 06.01.2026): developer.mozilla.org
  11. Google Search Central: Recipe structured data (Stand 08.09.2026): developers.google.com
Passt Ihre Website auf jeden Bildschirm?
Wir testen Ihre Website auf kurzen und quer gehaltenen Bildschirmen, prüfen Cookie-Banner, Formulare und Beschriftungen auf Barrierefreiheit und setzen die Korrekturen um. Mehr zu unserem barrierefreien Webdesign.
Jetzt Kontakt mit uns aufnehmen
Tags: