Les bonnes pratiques pour les liens de téléchargement

  • Web
  • Intermédiaire

Il existe différents types de liens : les liens classiques permettant d'atteindre une nouvelle page, les liens d'évitement permettant de se déplacer au sein de la page et enfin ceux qui nous intéressent dans cet article : les liens permettant de télécharger un fichier.

Un lien permettant de télécharger un fichier devrait respecter les règles suivantes :

  • son intitulé doit être explicite, il doit également préciser le type et le poids du fichier
  • son intitulé doit préciser la langue du document lorsque celui-ci est rédigé dans une langue différente que celle de la page courante
  • ce lien doit être réalisé à l'aide d'une balise <a> (et non une balise <button>)
  • ce lien doit s'ouvrir dans la fenêtre en cours (pas d'attribut target pour ouvrir dans un nouvel onglet)

En plus de servir l'accessibilité, fournir ces informations permettra à l'utilisateur d'éviter un téléchargement inutile ce qui est également une bonne pratique eco-responsable.

Exemples valides #

Voici un exemple de lien présentant les informations nécessaires :

Télécharger le bilan complet 2020 (PDF, 1.5 Mo).

Il est important que ces informations complémentaires soient présentes dans l'intitulé du lien et non juste après le lien (notamment pour les personnes qui utilisent un lecteur d'écran). Cela dit pour des questions esthétiques il est possible de faire en sorte que les informations complémentaires ne soient pas soulignées, exemple :

Télécharger le bilan complet 2020 (PDF, 1.5Mo)

À propos des unités #

En anglais, les unités utilisées pour exprimer le poids des fichiers s'écrivent en lettres capitales (KB, MB, GB ...).

Langue du fichier #

Pour les liens permettant de télécharger un document dans une langue autre que celle de la page courante, il est important de le préciser.

Exemples de documents en anglais sur un site français :

Une petite image pour la déco, mais pas seulement #

Si le type de fichier est connu, une petite icône à côté du fichier permet à l'utilisateur de le percevoir plus rapidement :
bilan complet 2020 (PDF, 1.5 Mo)