Responsive Checklist

Mise en page fluide

Est-ce que votre mise en page des contenus s’adapte sur tout type d’écrans?

Images

Est-ce que vos images maintiennent des bons ratios sur tout type d’écrans, sont-elles de tailles appropriées?

Texte

Ici, pas de règle obligatoire mais il faut que la lecture soit confortable sur petit écran, avec des marges suffisantes pour ne pas être au bord de l’écran. On évite généralement des textes d’une largeur supérieure à 700px.

Overflow

Aucun texte ou élément ne doit être coupé hors de l’écran

Largeur pleine du contenu

De manière générale, éviter d’avoir plusieurs colonnes sur mobile, une seule suffit. Privilégier une colonne avec largeur de 100%. Passer les éléments alignés horizontalement sur un axe de lecture vertical (stack).

Usabilité sur petit écran

Est-ce que les boutons sont suffisamment grands pour être clickables?