Sur un petit écran, chaque pixel compte : une page web trop étroite peut rendre la lecture moins confortable et laisser une impression d’espace perdu. Avec Safari sur l’écran externe de l’iPhone Duo, Apple réfléchit justement à une évolution qui permettrait aux sites d’occuper davantage la surface disponible, tout en protégeant les boutons et informations utiles.
Dans un billet consacré à Safari 27.1, Jen Simmons, évangéliste WebKit chez Apple, explique que les sites ne peuvent actuellement pas s’étendre derrière les commandes placées sur le côté droit du navigateur sur cet écran. Cette interface réserve donc une partie de la largeur, ce qui limite la zone dans laquelle une page peut s’afficher.
Donner plus de place aux pages sans gêner la navigation
L’objectif envisagé serait de laisser les concepteurs de sites employer cette zone de manière plus souple. Un en-tête ou son arrière-plan pourrait par exemple se prolonger sur toute la largeur de l’écran, au lieu de s’arrêter avant les contrôles de Safari.
Apple ne chercherait toutefois pas simplement à agrandir la zone d’affichage. Jen Simmons souligne que l’application directe de viewport-fit=cover, une option de la balise viewport HTML, risquerait de créer des affichages problématiques. Sur les sites qui ne prennent pas correctement en compte l’interface du navigateur, des liens, commandes ou contenus importants pourraient se retrouver cachés derrière les contrôles de Safari.
Plutôt que de pousser les développeurs à utiliser un réglage susceptible de perturber des pages existantes, l’équipe WebKit explore donc un mécanisme présenté comme plus robuste et plus simple à mettre en œuvre. Jen Simmons invite les développeurs web à partager leurs retours pendant la conception de cette approche.
Une page qui s’adapte aux deux écrans
Safari 27.1 s’intéresse plus largement à l’adaptation des sites aux différentes dimensions d’écran et aux positions de pliage de l’iPhone Duo. L’enjeu est qu’une même page reste cohérente lorsqu’elle passe de l’écran extérieur à l’écran intérieur de l’appareil.
Pour les créateurs de sites, cela implique de penser l’affichage au-delà d’une taille d’écran unique : la présentation doit conserver sa lisibilité et ses éléments interactifs, quelle que soit la manière dont l’iPhone Duo est utilisé.
Ce que ça change
Pour le public, cette piste pourrait aboutir à des pages plus agréables à consulter sur l’écran externe, avec une utilisation plus naturelle de la largeur disponible. Le point essentiel sera de préserver l’accès immédiat aux éléments à toucher, comme les menus et les boutons. La future solution de WebKit devra donc concilier liberté visuelle pour les sites et navigation sûre dans Safari.
À lire aussi
Source : Jen Simmons — WebKit Blog