Add missing meta charset and remove editors stylesheet at build time

kfranqueiro · kfranqueiro · commit c87161d85b53 · 2025-07-31T10:59:00.000-04:00
diff --git a/11ty/CustomLiquid.ts b/11ty/CustomLiquid.ts
@@ -138,9 +138,10 @@ export class CustomLiquid extends Liquid {
 
       // Clean out elements to be removed
       // (e.g. editors.css & sources.css, and leftover template paragraphs)
-      // NOTE: some paragraphs with the "instructions" class actually have custom content,
+      // Note 1: some paragraphs with the "instructions" class actually have custom content,
       // but for now this remains consistent with the XSLT process by stripping all of them.
-      $(".remove, section#meta, section.meta").remove();
+      // Note 2: the link selector accounts for ~40 files forgetting class="remove" on editors.css
+      $(".remove, link[href$='editors.css'], section#meta, section.meta").remove();
 
       if ($("p.instructions").length > 0) {
         console.error(`${filepath} contains a <p class="instructions"> element.\n` +
@@ -151,6 +152,9 @@ export class CustomLiquid extends Liquid {
         throw new Error("Instructions paragraph found; please resolve.")
       }
 
+      // Add charset to pages that forgot it
+      if (!$("meta[charset]").length) $('<meta charset="UTF-8">').prependTo("head");
+
       const prependedIncludes = ["header"];
       const appendedIncludes = ["wai-site-footer", "site-footer"];
 
diff --git a/techniques/technique-template.html b/techniques/technique-template.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+		<meta charset="UTF-8">
 		<title>Technique Title</title>
-		<link rel="stylesheet" type="text/css" href="../../css/editors.css">
+		<link rel="stylesheet" type="text/css" href="../../css/editors.css" class="remove">
 	</head>
 	<body>
 		<h1>Technique Title</h1>
diff --git a/understanding/understanding-template.html b/understanding/understanding-template.html
@@ -1,8 +1,9 @@
 <!DOCTYPE html>
 <html lang="en">
 	<head>
+		<meta charset="UTF-8">
 		<title>WCAG 2 Understanding Page</title>
-		<link rel="stylesheet" type="text/css" href="sources.css">
+		<link rel="stylesheet" type="text/css" href="sources.css" class="remove">
 	</head>
 	<body>
 		<h1>Understanding SC #.#.#</h1>
