[6.x] Run the CP through the W3C validator (#13550)

JayGeorge · jasonvarga · web-flow · commit 77fca4579057 · 2026-01-15T15:06:57.000-05:00
Co-authored-by: Jason Varga &lt;jason@pixelfear.com&gt;
diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
@@ -5,7 +5,7 @@
 
 <link rel="preconnect" href="https://use.typekit.net" crossorigin>
 <link rel="preconnect" href="https://p.typekit.net" crossorigin>
-<link rel="stylesheet" href="https://use.typekit.net/wyy0pka.css"/>
+<link rel="stylesheet" href="https://use.typekit.net/wyy0pka.css">
 
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
diff --git a/resources/views/extend/forms/fields/hidden.antlers.html b/resources/views/extend/forms/fields/hidden.antlers.html
@@ -3,4 +3,4 @@
     type="hidden"
     name="{{ name }}"
     value="{{ value }}"
-/>
+>
diff --git a/resources/views/forms/automagic-email.antlers.html b/resources/views/forms/automagic-email.antlers.html
@@ -21,5 +21,5 @@
             {{ value | nl2br }}
         {{ /if }}
     {{ /if }}
-    <br />
+    <br>
 {{ /fields }}
diff --git a/resources/views/graphql/graphiql.blade.php b/resources/views/graphql/graphiql.blade.php
@@ -1,8 +1,8 @@
 <!doctype html>
 <html lang="en">
     <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>GraphiQL ‹ Statamic</title>
         <style>
             body {
@@ -25,11 +25,11 @@
         <link
             rel="stylesheet"
             href="https://esm.sh/graphiql@4.0.0/dist/style.css"
-        />
+        >
         <link
             rel="stylesheet"
             href="https://esm.sh/@graphiql/plugin-explorer@4.0.0/dist/style.css"
-        />
+        >
         <!-- Note: the ?standalone flag bundles the module along with all of its `dependencies`, excluding `peerDependencies`, into a single JavaScript file. -->
         <script type="importmap">
             {
diff --git a/resources/views/partials/favicon.antlers.html b/resources/views/partials/favicon.antlers.html
@@ -3,10 +3,10 @@
     type="image/png"
     href="{{ glide :src="favicon_url" format="png" height="32" width="32" }}"
     sizes="32x32"
-/>
+>
 <link
     rel="icon"
     type="image/png"
     href="{{ glide :src="favicon_url" format="png" height="16" width="16" }}"
     sizes="16x16"
-/>
+>
diff --git a/resources/views/partials/head.blade.php b/resources/views/partials/head.blade.php
@@ -2,17 +2,16 @@
     use function Statamic\trans as __;
 @endphp
 
-<meta charset="utf-8" />
-<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-<meta name="viewport" content="width=device-width" />
-<meta name="robots" content="noindex,nofollow" />
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width">
+<meta name="robots" content="noindex,nofollow">
 <meta name="color-scheme" content="{{ $user?->preferredColorMode() ?? 'auto' }}">
 
 @if (Statamic::pro() && config('statamic.cp.custom_favicon_url'))
     @include('statamic::partials.favicon', ['favicon_url' => config('statamic.cp.custom_favicon_url')])
 @else
-    <link rel="icon" type="image/png" href="{{ Statamic::cpViteAsset('img/favicon-32x32.png') }}" sizes="32x32" />
-    <link rel="icon" type="image/png" href="{{ Statamic::cpViteAsset('img/favicon-16x16.png') }}" sizes="16x16" />
+    <link rel="icon" type="image/png" href="{{ Statamic::cpViteAsset('img/favicon-32x32.png') }}" sizes="32x32">
+    <link rel="icon" type="image/png" href="{{ Statamic::cpViteAsset('img/favicon-16x16.png') }}" sizes="16x16">
     <link rel="apple-touch-icon" href="{{ Statamic::cpViteAsset('img/apple-touch-icon.png') }}">
     <link rel="shortcut icon" type="image/x-icon" href="{{ Statamic::cpViteAsset('img/favicon.ico') }}">
 @endif
@@ -33,16 +32,16 @@
 {{ Statamic::cpViteScripts() }}
 
 @if (Statamic::pro() && config('statamic.cp.custom_css_url'))
-    <link href="{{ config('statamic.cp.custom_css_url') }}?v={{ Statamic::version() }}" rel="stylesheet" />
+    <link href="{{ config('statamic.cp.custom_css_url') }}?v={{ Statamic::version() }}" rel="stylesheet">
 @endif
 
 @foreach (Statamic::availableExternalStyles(request()) as $url)
-    <link href="{{ $url }}" rel="stylesheet" />
+    <link href="{{ $url }}" rel="stylesheet">
 @endforeach
 
 @foreach (Statamic::availableStyles(request()) as $package => $paths)
     @foreach ($paths as $path)
-        <link href="{{ Statamic::vendorPackageAssetUrl($package, $path, 'css') }}" rel="stylesheet" />
+        <link href="{{ Statamic::vendorPackageAssetUrl($package, $path, 'css') }}" rel="stylesheet">
     @endforeach
 @endforeach
 
diff --git a/src/Tags/Theme.php b/src/Tags/Theme.php
@@ -102,7 +102,7 @@ public function css()
         $url = $this->themeUrl($path);
 
         if ($this->params->bool('tag')) {
-            return '<link rel="stylesheet" href="'.$url.'" />';
+            return '<link rel="stylesheet" href="'.$url.'">';
         }
 
         return $url;
diff --git a/tests/Tags/ThemeTagsTest.php b/tests/Tags/ThemeTagsTest.php
@@ -83,7 +83,7 @@ public function testOutputsNamedCssWithAppendedExtension()
     public function testOutputsCssTag()
     {
         $this->assertEquals(
-            '<link rel="stylesheet" href="'.$this->path.'/css/style.css" />',
+            '<link rel="stylesheet" href="'.$this->path.'/css/style.css">',
             $this->tag('{{ theme:css src="style" tag="true" }}')
         );
     }

Original file line number	Diff line number	Diff line change
`@@ -102,7 +102,7 @@ public function css()`
`102`	`102`	`$url = $this->themeUrl($path);`
`103`	`103`
`104`	`104`	`if ($this->params->bool('tag')) {`
`105`		`- return '<link rel="stylesheet" href="'.$url.'" />';`
	`105`	`+ return '<link rel="stylesheet" href="'.$url.'">';`
`106`	`106`	`}`
`107`	`107`
`108`	`108`	`return $url;`
Original file line number	Diff line number	Diff line change
`@@ -83,7 +83,7 @@ public function testOutputsNamedCssWithAppendedExtension()`
`83`	`83`	`public function testOutputsCssTag()`
`84`	`84`	`{`
`85`	`85`	`$this->assertEquals(`
`86`		`- '<link rel="stylesheet" href="'.$this->path.'/css/style.css" />',`
	`86`	`+ '<link rel="stylesheet" href="'.$this->path.'/css/style.css">',`
`87`	`87`	`$this->tag('{{ theme:css src="style" tag="true" }}')`
`88`	`88`	`);`
`89`	`89`	`}`