Safe area Zone de sécurité
La partie de l'écran qui n'est garantie masquée ni par une encoche, ni par des coins arrondis, ni par les éléments propres au système.
La notion est devenue nécessaire dès que les écrans ont cessé d'être des rectangles. iOS 11 a introduit safeAreaLayoutGuide ; côté web, il existe des variables CSS correspondantes comme env(safe-area-inset-bottom). Le contenu destiné à être touché va à l'intérieur, tandis que les arrière-plans peuvent très bien déborder pour remplir l'écran.
On l'oublie, et les boutons se retrouvent sous l'indicateur d'accueil ou dans un coin arrondi, où ils sont difficiles à toucher. La zone varie aussi selon l'orientation et l'appareil : il faut donc la lire à l'exécution plutôt que la coder en dur — l'une des erreurs de débutant les plus fréquentes en mise en page mobile.