Apple a présenté l’iPhone Duo le 9 septembre 2026 : son premier appareil pliable, 5,4 pouces fermé, 7,6 pouces ouvert. Le réflexe, dans les équipes web, a été immédiat — un pliable, donc deux formats d’écran, donc des mises en page à revoir.
Ce réflexe est faux, et c’est ce qui rend le sujet intéressant. Apple écrit noir sur blanc que les deux écrans partagent le même rapport d’aspect, afin que le contenu s’adapte proportionnellement. Le problème que tout le monde anticipe a été traité par le constructeur. Celui qui reste ne l’a pas été.
Ce qu’Apple a réglé, et qu’on lui prête encore
Un appareil pliable en livre pose en principe un problème de géométrie : l’écran intérieur tend vers le carré quand l’extérieur reste allongé, et une image cadrée pour l’un se recadre mal sur l’autre. C’est cette difficulté que l’industrie a rencontrée depuis le premier pliable, et c’est celle qu’on attribue par habitude à l’iPhone Duo.
Apple a choisi l’inverse : un rapport d’aspect identique des deux côtés. La conséquence est réelle — une photo, une vidéo, une composition graphique se transposent d’un écran à l’autre sans déformation ni recadrage. Sur ce point précis, il n’y a rien à corriger.
Ce qui laisse entier le problème que personne ne regarde.
Ce qui casse réellement
En unités CSS, l’appareil se présente aux alentours de 466 × 678 points plié, et de 890 × 626 points déplié — des valeurs à traiter comme des ordres de grandeur, la fenêtre réelle de Safari étant plus petite une fois la barre d’adresse déduite. Trois choses s’y lisent.
- Plié, il est déjà plus large que tous les iPhone. 466 points contre 390 à 440 pour les modèles courants. Un site calé sur les largeurs d’hier bascule de point de rupture avant même que quiconque ait déplié quoi que ce soit.
- Déplier ne grandit pas l’écran, cela le fait pivoter. Le rapport d’aspect est conservé, mais son orientation s’inverse : une fenêtre plus haute que large devient plus large que haute. Pour une mise en page, c’est le changement le plus brutal qui soit.
- Cela se produit sans rechargement. C’est le point décisif. Tout ce qu’une page mesure une fois, au chargement, devient faux à l’instant où l’appareil s’ouvre — et le reste.
Le troisième point est celui qui distingue ce cas de tous les précédents. Une rotation d’écran, un redimensionnement de fenêtre sur ordinateur : les navigateurs savent les signaler depuis longtemps, et les sites sérieux les gèrent. Ici, la géométrie change de nature, pas seulement de taille.
Safari ne dira pas qu’il s’est déplié
Il existe une norme pour cela — les segments de fenêtre, qui permettent à une page de savoir qu’elle s’affiche de part et d’autre d’un pli. Elle n’est implémentée que dans les navigateurs à base Chromium. L’iPhone Duo n’en utilise pas.
Un site ne peut donc pas demander au navigateur où se trouve le pli. Il ne lui reste qu’à observer ce qu’il voit : la fenêtre a changé de dimensions, il faut recomposer. Ce qui suppose de ne jamais avoir figé une mesure prise au chargement — et c’est exactement ce que font la plupart des sites, sans le savoir.
Le bon objectif n’est pas de reconnaître l’iPhone Duo. C’est de tenir debout à n’importe quelle largeur, sans avoir à demander au navigateur où il en est.
Pourquoi un correctif ne suffit pas
Un correctif ajuste des points de rupture : on ajoute 466 et 890 à la liste des largeurs prévues, on retouche deux marges, et le site tient à peu près sur l’appareil du jour. Cela règle le cas, et seulement lui.
Le défaut que l’iPhone Duo révèle n’est pas une largeur manquante. C’est une manière de concevoir : une expérience pensée pour un nombre fini de formats connus, jamais pour un appareil qui change de forme en cours d’usage. La liste des largeurs à prévoir s’allongera à chaque appareil, et le site sera en retard à chaque fois.
Une refonte UX pose la question autrement : la hiérarchie visuelle, la navigation et les parcours de conversion tiennent-ils quelle que soit la place disponible, y compris celle qu’on n’a pas encore vue ? C’est un travail sur les règles de composition, pas sur une liste d’exceptions — et il rend l’appareil suivant sans objet.
Le précédent que tout le monde a oublié
La dernière rupture de cette nature remonte à l’iPhone X, en 2017, et à son encoche. Elle a imposé une notion que le web n’avait pas : la zone sûre, cette part de l’écran où l’on peut poser du contenu sans qu’il passe sous une découpe matérielle.
Les sites qui l’ont intégrée à l’époque n’ont plus eu à y revenir. Les autres ont corrigé appareil par appareil pendant des années. La différence n’a jamais tenu au talent : elle tenait à ce qu’on avait traité la règle plutôt que le symptôme.
Ce que Maeliom propose
Maeliom mène un audit ergonomique ciblé sur ce point précis : comportement du site aux deux géométries, tenue des parcours de conversion au moment du changement, et repérage de ce qui a été mesuré une fois pour toutes alors que cela ne le devrait pas.
Ce n’est pas une refonte complète. C’est un contrôle borné, mené comme une agence audit UX le ferait, pour savoir si le problème existe avant que les visiteurs ne le découvrent à votre place. Et, le cas échéant, pour dire s’il se règle par un correctif ou s’il révèle autre chose.
Le premier geste ne coûte rien et se fait sans nous : ouvrez votre site dans les outils de développement de votre navigateur, forcez une fenêtre de 466 × 678 puis de 890 × 626, et redimensionnez de l’une à l’autre sans recharger la page. Ce qui casse à ce moment-là est exactement ce qui cassera chez vos visiteurs.
Si le résultat vous inquiète, écrivez-nous — ou commencez par ce que recouvre l’accompagnement.
Et si l’audit conclut qu’il faut refaire le site, la question précède le site : la plupart des refontes ne changent rien, faute d’avoir tranché ce qu’elles devaient dire.
Questions fréquentes
Comment rendre son site compatible avec l’iPhone Duo ?
En concevant des mises en page qui tiennent à n’importe quelle largeur et se recomposent quand la fenêtre change, sans jamais figer une mesure prise au chargement. Ajouter les dimensions de l’appareil à une liste de points de rupture règle le cas du jour, pas le suivant.
Pourquoi un site peut-il casser sur un smartphone pliable ?
Parce que la fenêtre change de forme en pleine session, sans rechargement : déplier fait basculer une fenêtre haute en fenêtre large. Et Safari ne signale pas le pli, la norme correspondante n’existant que dans les navigateurs à base Chromium.
Comment tester son site sur l’iPhone Duo sans l’appareil ?
Dans les outils de développement du navigateur, forcez une fenêtre d’environ 466 × 678 points, puis de 890 × 626, et passez de l’une à l’autre sans recharger la page. Ce qui casse à ce moment-là est ce qui cassera chez vos visiteurs.
Sources : communiqué Apple sur l’iPhone Duo (9 septembre 2026) ; relevé des dimensions de fenêtre et de l’absence d’interface de détection du pli.