Added main landmark role for all the pages

Signed-off-by: ChaitanyaKaranam <[email protected]>
kubernetes · Oct 22, 2019 · e179a35 · e179a35
1 parent 61929c0
commit e179a35
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 34 deletions.
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -18,10 +18,12 @@ <h5>{{ .Params.abstract }}</h5>
 		</section>
 		{{ block "post-hero" . }}{{ end }}
 		{{ end }}
-
-    <article class="page-content">
-      {{ block "main" . }}{{ end }}
-    </article>
+
+	<main>
+		<article class="page-content">
+		  {{ block "main" . }}{{ end }}
+		</article>
+	</main>
 
 		{{ partialCached "footer.html" . }}
 		{{ partialCached "footer-scripts.html" . }}

diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
@@ -11,29 +11,31 @@
 		<section id="hero" class="light-text no-sub">
 			<h1>{{ .Title }}</h1>
 		</section>
-		<div class="container-fluid" style="padding-top: 2em">
-			<div class="row">
-				<div class="col-xs-12 col-md-9 text blog-content">
-					{{ block "main" . }}{{ end }}
-				</div>
-				<div class="col-xs-12 col-md-3 text">
-					<div class="widget-content">
-						{{ with site.Home.OutputFormats.Get "rss" -}}
-						<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}">
-						<a class="widget-link" href="{{ .Permalink | safeURL }}"><div> <i class="fas fa-rss fab-icon"> </i> <div class="widget-link-text">RSS Feed</div></div> </a>
-						{{ end -}}
-						<a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><div> <i class="fa fa-edit fab-icon"></i> <div class="widget-link-text">Submit a Post</div></div></a>
-						<a class="widget-link" href="https://twitter.com/kubernetesio"><div> <i class="fab fa-twitter-square fab-icon"> </i> <div class="widget-link-text"> @Kubernetesio</div></div></a>
-						<a class="widget-link" href="https://github.com/kubernetes/kubernetes"><div> <i class="fab fa-github-square fab-icon"></i> <div class="widget-link-text"> on GitHub </div></div></a>
-						<a class="widget-link" href="http://slack.k8s.io"><div><i class="fab fa-slack fab-icon"> </i> <div class="widget-link-text">#kubernetes-users </div></div></a>
-						<a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><div><i class="fab fa-stack-overflow fab-icon"></i> <div class="widget-link-text"> Overflow</div></div></a>
-						<a class="widget-link" href="https://discuss.kubernetes.io"><div> <i class="fab fa-discourse fab-icon"></i><div class="widget-link-text"> Forum </div></div></a>
-						<a class="widget-link" href="https://kubernetes.io/docs/setup"><div><i class="fa fa-download fab-icon"></i> <div class="widget-link-text"> Kubernetes</div></div></a>
+		<main>
+			<div class="container-fluid" style="padding-top: 2em">
+				<div class="row">
+					<div class="col-xs-12 col-md-9 text blog-content">
+						{{ block "main" . }}{{ end }}
+					</div>
+					<div class="col-xs-12 col-md-3 text">
+						<div class="widget-content">
+							{{ with site.Home.OutputFormats.Get "rss" -}}
+							<link rel="{{ .Rel }}" type="{{ .MediaType.Type }}" href="{{ .Permalink | safeURL }}" title="{{ site.Title }}">
+							<a class="widget-link" href="{{ .Permalink | safeURL }}"><div> <i class="fas fa-rss fab-icon"> </i> <div class="widget-link-text">RSS Feed</div></div> </a>
+							{{ end -}}
+							<a class="widget-link" href="https://kubernetes.io/docs/contribute/start/#write-a-blog-post"><div> <i class="fa fa-edit fab-icon"></i> <div class="widget-link-text">Submit a Post</div></div></a>
+							<a class="widget-link" href="https://twitter.com/kubernetesio"><div> <i class="fab fa-twitter-square fab-icon"> </i> <div class="widget-link-text"> @Kubernetesio</div></div></a>
+							<a class="widget-link" href="https://github.com/kubernetes/kubernetes"><div> <i class="fab fa-github-square fab-icon"></i> <div class="widget-link-text"> on GitHub </div></div></a>
+							<a class="widget-link" href="http://slack.k8s.io"><div><i class="fab fa-slack fab-icon"> </i> <div class="widget-link-text">#kubernetes-users </div></div></a>
+							<a class="widget-link" href="https://stackoverflow.com/questions/tagged/kubernetes"><div><i class="fab fa-stack-overflow fab-icon"></i> <div class="widget-link-text"> Overflow</div></div></a>
+							<a class="widget-link" href="https://discuss.kubernetes.io"><div> <i class="fab fa-discourse fab-icon"></i><div class="widget-link-text"> Forum </div></div></a>
+							<a class="widget-link" href="https://kubernetes.io/docs/setup"><div><i class="fa fa-download fab-icon"></i> <div class="widget-link-text"> Kubernetes</div></div></a>
+						</div>
+						{{ partialCached "blog/archive.html" . }}
 					</div>
-					{{ partialCached "blog/archive.html" . }}
 				</div>
 			</div>
-		</div>
+		</main>
 		{{ partialCached "footer.html" . }}
 		{{ partialCached "footer-scripts.html" . }}
 	</body>

diff --git a/layouts/docs/baseof.html b/layouts/docs/baseof.html
@@ -13,16 +13,18 @@
 		{{ end }}
     {{ block "announcement" . }}{{ partial "announcement.html" . }}{{ end }}
 		{{ block "deprecation" . }}{{ partial "deprecation-warning.html" . }}{{ end }}
-		<section id="encyclopedia">
-			{{ block "side-menu" . }}<div id="docsToc" style="display:none;"></div>{{ end }}
-			<div id="{{ block "content-id" . }}docsContent{{ end }}">
-        {{ block "content" . }}{{ end }}
-
-        {{ partial "feedback.html" . }}
-
-        {{ partial "git-info.html" . }}
-			</div>
-		</section>
+    <main>
+        <section id="encyclopedia">
+          {{ block "side-menu" . }}<div id="docsToc" style="display:none;"></div>{{ end }}
+          <div id="{{ block "content-id" . }}docsContent{{ end }}">
+            {{ block "content" . }}{{ end }}
+
+            {{ partial "feedback.html" . }}
+
+            {{ partial "git-info.html" . }}
+          </div>
+        </section>
+    </main>
 		{{ partialCached "footer.html" . }}
 		{{ partialCached "footer-scripts.html" . }}
     <script language="application/javascript">