Le contact en premier

Un développeur veut que le lien « Contact » apparaisse en tête du menu, sans toucher au HTML :

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 16px;
  font-family: system-ui, sans-serif;
}

.menu {
  display: flex;
  gap: 1rem;
}

/* Erreur : l'ordre visuel ne suit plus l'ordre du clavier */
.premier {
  order: -1;
}

Que voit un utilisateur à la souris ? Que vit un utilisateur du clavier ? Que lit un lecteur d'écran ? Proposer la bonne correction.