Tuiles

Différents types de tuiles pour les grilles — icône, image, titre avec liens, ainsi qu'une tuile chiffre clé issue des bonnes pratiques courantes.

Icône et texte

Icône compacte au-dessus d'un titre court et d'un texte — par ex. pour un aperçu de services.

SAP Financials

Conseil pour la mise en œuvre et l'optimisation des modules financiers SAP.

Business Intelligence

Mise en place de solutions de reporting et d'analyse pour des décisions éclairées.

Sécurité des données

Protection des données clients et d'assurance sensibles tout au long du projet.

Image et texte

Image au-dessus ou en dessous du titre et du texte, selon l'emphase souhaitée.

Image en haut

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Image en bas

Solutions SAP Assurance

Des années d'expérience dans la mise en œuvre de solutions SAP Assurance pour des clients en Suisse et en Allemagne.

Titre et liens

Titre avec une courte liste de liens complémentaires — par ex. pour un aperçu de ressources.

Sans description

Avec description

Boutons

Tous les rôles de boutons (Primary, Secondary, Positive, Negative, Tertiary) dans les couleurs de la marque.

Chiffre clé

Type ajouté d'après les bonnes pratiques : un chiffre mis en avant avec une légende, fréquent sur les pages entreprise.

20+

Ans d'expérience

Bonnes pratiques

Grille homogène

Dans une même grille, toutes les tuiles devraient utiliser le même type et la même hauteur — mélanger tuiles icône, image et liens dans une même rangée paraît incohérent.

Texte alternatif pertinent

Les tuiles image ont besoin d'un attribut alt descriptif si l'image porte du sens. Si l'image est purement décorative, alt="" suffit.

Rendre toute la tuile cliquable

Si une tuile mène vers une seule destination, toute sa surface devrait être cliquable (pas seulement un petit lien en bas) — cela agrandit la zone de clic, surtout sur les appareils tactiles.

Identifier les liens externes

Les cibles externes s'ouvrent dans un nouvel onglet (target="_blank" rel="noopener noreferrer") et affichent automatiquement l'icône flèche arrow-up-right au lieu de arrow-right.