Glossaire

Termes et concepts clés utilisés dans la documentation Silex.

Texte alternatif

Une courte description textuelle d'une image, définie via l'attribut alt. Les lecteurs d'écran annoncent le texte alternatif aux utilisateurs aveugles ou malvoyants. Les images décoratives doivent avoir un texte alternatif vide (alt=""). Voir Images et médias accessibles.

ARIA

Accessible Rich Internet Applications -- un ensemble d'attributs HTML (aria-label, aria-hidden, role, etc.) qui ajoutent du sens pour les technologies d'assistance. N'utilisez ARIA que lorsque le HTML natif ne peut pas transmettre l'information. Voir Attributs et rôles ARIA.

Breakpoint

Un point de contrôle du design responsive où la mise en page change pour s'adapter à différentes tailles d'écran. Silex utilise les breakpoints du DeviceManager pour définir des styles pour desktop, tablette, mobile et des largeurs personnalisées. Voir Breakpoints.

Page de collection

Une page générée automatiquement à partir des données de votre CMS. Une page est créée pour chaque élément (par ex. une page d'article de blog par article) via la pagination de build awesome (propulsé par Eleventy). Voir Pages de collection.

Composant

N'importe quel élément sur le canvas — un bouton, un bloc de texte, une image, un conteneur ou un symbole. Les composants peuvent avoir des états, des styles et des liaisons de données.

Connecteur

Un pont entre Silex et un service externe. Les connecteurs de stockage (système de fichiers, GitLab, FTP) sauvegardent vos fichiers de projet. Les connecteurs d'hébergement (GitLab Pages, système de fichiers, FTP) déploient votre site publié. Voir Connecteurs de stockage et Connecteurs d'hébergement.

Variable CSS

Une propriété CSS personnalisée qui stocke une valeur réutilisable (couleur, espacement, taille de police). Écrite sous la forme --nom-de-variable en CSS. Silex vous permet de créer et d'utiliser des variables CSS dans votre système de design. Voir Variables CSS.

Source de données

Une API GraphQL (comme WordPress avec WPGraphQL) qui fournit du contenu à votre site lors de la conception. Silex se connecte à votre source de données pour permettre un aperçu en direct dans l'éditeur. Voir Comment fonctionne le CMS.

Expression

Une formule basée sur des tokens qui se résout en une valeur. Les expressions chaînent des tokens de propriété (champs de données), des tokens de filtre (transformations), des tokens d'état (références) et des valeurs fixes. Voir Expressions.

Indicateur de focus

L'indice visuel (généralement un contour) qui montre quel élément a actuellement le focus clavier. Les navigateurs affichent un contour de focus par défaut ; les designers peuvent le restyliser mais ne doivent jamais le supprimer entièrement. Voir Navigation au clavier et focus.

Filtre

Une fonction Liquid qui transforme les données — par exemple, upcase convertit le texte en majuscules, slice extrait une portion d'un tableau. Les filtres sont utilisés dans les expressions pour formater ou manipuler le contenu. Voir Filtres.

GraphQL

Un langage de requête pour les API. Silex se connecte aux API GraphQL (WordPress avec WPGraphQL, Strapi, Supabase, etc.) pour récupérer et afficher du contenu sur votre site. Voir Configuration WordPress.

Point de repère

Une région de la page identifiée par une balise HTML sémantique (header, nav, main, aside, footer) ou un rôle ARIA. Les lecteurs d'écran permettent aux utilisateurs de sauter d'un point de repère à l'autre pour une navigation plus rapide. Voir Structure de la page et Navigation au clavier et focus.

Connecteur d'hébergement

Un service qui déploie votre site publié sur le web. Silex prend en charge GitLab Pages (avec CI/CD), l'hébergement sur système de fichiers, FTP et le téléchargement ZIP. Voir Connecteurs d'hébergement.

Publication

L'action de convertir votre design Silex en un site web en ligne. La publication exécute des transformateurs, envoie les fichiers vers votre connecteur de stockage, déclenche le CI/CD (le cas échéant) et génère le site statique final via build awesome. Voir Comment fonctionne la publication.

Shortcode

Un extrait de modèle réutilisable rendu par build awesome lors de la publication. Les shortcodes vous permettent d'intégrer du contenu dynamique (tables des matières, galeries d'images, exemples de code) sans écrire de HTML. Voir Configuration build awesome.

État

Une expression nommée sur un composant qui peut être référencée ou affichée. Les états publics sont exposés aux composants enfants ; les états privés (innerHTML, condition, __data) contrôlent ce que le composant affiche ou répète. Voir Liaison de données.

Lecteur d'écran

Technologie d'assistance qui lit à voix haute le contenu de l'écran pour les utilisateurs aveugles ou malvoyants. Lecteurs d'écran courants : NVDA (Windows, gratuit), VoiceOver (macOS/iOS, intégré), TalkBack (Android, intégré). Voir Tester l'accessibilité.

Connecteur de stockage

Un service qui stocke les fichiers de votre projet Silex. Silex prend en charge le système de fichiers (local), GitLab (avec OAuth) et FTP. Voir Connecteurs de stockage.

Symbole

Un composant réutilisable qui se synchronise sur toutes les instances. Créez une fois, mettez à jour partout. Les Symboles sont idéaux pour les headers, footers et barres de navigation. Voir Symboles.

Token

Un élément de base dans une expression. Les types incluent : tokens de propriété (champs de données de votre CMS), tokens de filtre (transformations comme upcase), tokens d'état (références à d'autres états de composants) et tokens fixes (valeurs codées en dur). Voir Expressions.

WCAG

Web Content Accessibility Guidelines -- le standard international pour l'accessibilité web, organisé autour de quatre principes : Perceptible, Utilisable, Compréhensible, Robuste. La plupart des sites visent le niveau de conformité AA. Voir Aperçu de l'accessibilité.

---

Vous ne trouvez pas ce que vous cherchez ? Posez votre question dans le chat communautaire ou sur le forum.

Vous souhaitez améliorer ce glossaire ? Contribuez ou modifiez sur GitHub.