WCAG upgrade - Create test page for Display and Layout

wet-boew · Aug 9, 2023 · eebca0f · eebca0f
1 parent a06afeb
commit eebca0f
Show file tree

Hide file tree

Showing 7 changed files with 3,632 additions and 0 deletions.
diff --git a/_data/common.json b/_data/common.json
@@ -67,6 +67,74 @@
 		]
 	}
 }
+,{
+	"@context": {
+		"@version": 2.0,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Display",
+		"fr": "Affichage"
+	},
+	"description": {
+		"en": "Bootstrap and WET utility classes showcasing elements display options such as float, visibility, clearing, opacity, and toggling, accompanied by practical examples to test and observe different content layouts.",
+		"fr": "Classes utilitaires de Bootstrap et WET qui illustrent différentes façons d'afficher des éléments, tels que le flottant, la visibilité, le dégagement, l'opacité et la bascule. Les exemples fournis vous permettent de tester et d'observer les différents dispositions de contenu."
+	},
+	"modified": "2023-08-02",
+	"componentName": "display",
+	"status": "stable",
+	"pages": {
+		"docs": [
+			{
+				"title": "Display",
+				"language": "en",
+				"path": "display-en.html"
+			},
+			{
+				"title": "Affichage",
+				"language": "fr",
+				"path": "display-fr.html"
+			}
+		]
+	}
+}
+,{
+	"@context": {
+		"@version": 2.0,
+		"dct": "http://purl.org/dc/terms/",
+		"title": { "@id": "dct:title", "@container": "@language" },
+		"description": { "@id": "dct:description", "@container": "@language" },
+		"modified": "dct:modified"
+	},
+	"title": {
+		"en": "Layout",
+		"fr": "Mise en page"
+	},
+	"description": {
+		"en": "Bootstrap and WET classes showcasing layout options such as flexbox, CSS grid, grid baseline (containers) accompanied by practical examples to test and observe different page layouts.",
+		"fr": "Classes de Bootstrap et WET qui illustrent différentes façons de mise en page tels que flexbox, grille CSS, ligne de base de la grille (conteneurs). Les exemples fournis permettent de tester et d'observer les différents dispositions de mise en page."
+	},
+	"modified": "2023-08-03",
+	"componentName": "layout",
+	"status": "stable",
+	"pages": {
+		"docs": [
+			{
+				"title": "Layout",
+				"language": "en",
+				"path": "layout-en.html"
+			},
+			{
+				"title": "Mise en page",
+				"language": "fr",
+				"path": "layout-fr.html"
+			}
+		]
+	}
+}
 ,{
 	"@context": {
 		"@version": 1.1,