Apple lässt Safari jetzt auch auf HomeView laufen, einem Gerät, das vor allem per Sprache bedient wird und ein quadratisches 7-Zoll-Display hat. Das WebKit-Team hat dazu am 13. November 2026 einen Leitfaden für Webentwickler veröffentlicht. Für die meisten Seiten ändert sich laut WebKit nichts, an einigen Stellen kann es aber haken.
Safari dient dort für schnelle Suchen, zum Öffnen von Links und zum Kochen nach Rezepten. Einen Preis und eine Länderliste nennt Apple auf der Produktseite nicht, Siri AI gibt es dort zunächst auf Englisch. Einen Start in Deutschland kündigt Apple nicht an.
Was ändert sich für deine Website?
Die wichtigste Änderung betrifft die Höhe. Manche Seiten gehen davon aus, dass der Viewport immer höher als 600 Pixel ist, auf HomeView ist er kürzer. Fest verankerte Kopf- und Fußbereiche lassen dann wenig Platz für den Inhalt, und ein Fenster, das höher ist als der Viewport, lässt sich womöglich nicht mehr schließen.
Als Abhilfe nennt der Beitrag im WebKit-Blog für solche Fenster die Angaben max-height: 90svh und overflow-y: auto. Zum Testen stellst du im Responsive Design Mode von Safari 448 × 364 Pixel ein oder drehst ein Smartphone ins Querformat.
So testest du die Höhe deiner Seite
Vier Schritte mit dem Testwert, den WebKit für HomeView nennt
- Ansicht öffnenResponsive Design Mode in Safari starten
- Größe setzenViewport auf 448 × 364 Pixel stellen
- Seite durchklickenKopf- und Fußbereich, Formulare und Fenster prüfen
- Fenster anpassenmax-height: 90svh und overflow-y: auto setzen
Der Wert 448×364 ist ein Testwert aus dem WebKit-Blog, kein Gerätemaß.
Quellen: WebKit Blog
Die zweite Stelle ist die Browserkennung, der User Agent. Safari auf HomeView meldet sich mit einer iOS-Kennung, obwohl das Gerät kein iPhone ist. WebKit rät davon ab, die Kennung abzufragen, und empfiehlt, die gewünschte Funktion direkt zu testen. Für Werbung zu einer App nennt der Beitrag Smart App Banners, bei denen Safari selbst entscheidet, ob ein Banner auf dem Gerät Sinn ergibt.
Was bringt die Kochansicht?
Safari erkennt Rezeptseiten und zeigt ihre Schritte in einer übersichtlichen Ansicht. Dafür liest der Browser strukturierte Daten, nämlich den schema.org-Typ Recipe als JSON-LD. Das Beispiel im Beitrag enthält name, image, prepTime (etwa PT15M), cookTime (PT1H20M), recipeYield, recipeIngredient und recipeInstructions mit einzelnen HowToStep-Einträgen. Welche Felder Pflicht sind, sagt der Beitrag nicht.
Für Videos empfiehlt WebKit Untertitel als WebVTT-Dateien in track-Elementen. Weil das Gerät mit der Stimme funktioniert, helfen außerdem echte Buttons, Links und Formularfelder mit eindeutigen Beschriftungen, dazu große Tippflächen und flexible Layouts.
Was das für dich bedeutet
Teste zuerst die Höhe: Öffne deine Startseite, ein Formular und jedes Fenster mit 448 × 364 Pixeln und prüf, ob Kopf- und Fußbereich den Inhalt verdrängen und ob sich jedes Fenster schließen lässt. Das dauert wenige Minuten und hilft dir auch bei Smartphones im Querformat.
Such danach in deinem Code und in deinen Plug-ins nach Stellen, die von der Browserkennung abhängen, etwa Umleitungen auf eine App-Seite für iOS. Betreibst du einen Rezeptblog, prüf am besten, ob dein Plug-in den Typ Recipe als JSON-LD ausgibt. Unsere Einschätzung: Ob HomeView in Deutschland ankommt, ist offen, ein großer Umbau lohnt deshalb nicht, die Höhenprobe kostet aber fast nichts.
Das WebKit-Team hat den Beitrag am 13. November 2026 veröffentlicht.
Quellen
