Accessibility updates - main landmark roles (#17106)
* Removed multiple main tags from home page Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com> * Removed multiple occurances of main in case-studies page Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com> * Replaced css for main tag with .main-section class Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com> * Added main landmark role for all the pages Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com> * Force checks. request-checks: true
This commit is contained in:
Chaitanya
committed by
Kubernetes Prow Robot
Kubernetes Prow Robot
parent
f53c6e1c20
commit
6a4238aa71
@@ -8,20 +8,22 @@
|
||||
{{ block "hero" . }}
|
||||
<!-- HERO -->
|
||||
<section id="hero" class="light-text">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div id="headlineWrapper">
|
||||
<h1>{{ block "hero-title" . }}{{ .Params.bigheader | default .Title }}{{ end }}</h1>
|
||||
<h5>{{ .Params.abstract }}</h5>
|
||||
</div>
|
||||
{{ block "hero-more" . }}{{ end }}
|
||||
</main>
|
||||
</div>
|
||||
</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" . }}
|
||||
|
||||
+22
-20
@@ -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>
|
||||
|
||||
@@ -10,7 +10,7 @@
|
||||
{{ end }}
|
||||
{{ $featured := (where $pages "Params.featured" true).ByWeight | first 4 }}
|
||||
<section id="mainContent">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div class="content">
|
||||
<div class="case-studies">
|
||||
{{ range $featured }}
|
||||
@@ -18,13 +18,13 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ $featuredVideos := where .Pages ".Params.video" "!=" nil }}
|
||||
{{ with $featuredVideos }}
|
||||
{{ with index $featuredVideos 0 }}
|
||||
<section id="video">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<div>
|
||||
<h4><i>"{{ .Params.quote | html }}"</i></h4>
|
||||
{{ $img := .Resources.GetMatch "video.png" }}
|
||||
@@ -32,7 +32,7 @@
|
||||
{{ with $small }}<img src="{{ .RelPermalink }}" alt="{{ .Title }}">{{ end }}
|
||||
</div>
|
||||
<div style= "padding-left: 40px;"><button onclick="kub.showVideo()">{{ with $img }}<img src="{{ .RelPermalink }}" alt="Box video">{{ end }}<h6>Kubernetes at Box</h6></button></div>
|
||||
</main>
|
||||
</div>
|
||||
<div id="videoPlayer">
|
||||
<iframe data-url="{{ .Params.video | safeURL }}" frameborder="0" allowfullscreen="true"></iframe>
|
||||
<button id="closeButton"></button>
|
||||
@@ -41,7 +41,7 @@
|
||||
{{ end }}
|
||||
{{ end }}
|
||||
<section id="users">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3>{{ .Title }}</h3>
|
||||
<div id="usersGrid">
|
||||
{{ range $pages.ByTitle }}
|
||||
@@ -60,7 +60,7 @@
|
||||
{{ end }}
|
||||
<a target="_blank" href="https://docs.google.com/a/google.com/forms/d/e/1FAIpQLScuI7Ye3VQHQTwBASrgkjQDSS5TP0g3AXfFhwSM9YpHgxRKFA/viewform" class="tell-your-story"><img src="/images/case_studies/story.png" alt="{{ T "layouts_case_studies_list_tell" }}"></a>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ .Content }}
|
||||
{{ end }}
|
||||
|
||||
+12
-10
@@ -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">
|
||||
|
||||
+4
-4
@@ -1,15 +1,15 @@
|
||||
{{ define "main" }}
|
||||
{{ .Content }}
|
||||
<section id="cncf">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<center>
|
||||
<p style="font-size: 20px">{{ T "main_cncf_project" | safeHTML }}
|
||||
</center>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="kubeweekly">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<!-- Begin MailChimp Signup Form -->
|
||||
<link href="https://cdn-images.mailchimp.com/embedcode/horizontal-slim-10_7.css" rel="stylesheet" type="text/css">
|
||||
<style type="text/css">
|
||||
@@ -35,7 +35,7 @@
|
||||
<br>
|
||||
<br>
|
||||
<!--End mc_embed_signup-->
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
|
||||
@@ -1,5 +1,5 @@
|
||||
<footer>
|
||||
<main class="light-text">
|
||||
<div class="light-text main-section">
|
||||
<nav>
|
||||
{{ with site.GetPage "page" "docs/tutorials/stateless-application/hello-minikube" }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
|
||||
{{ $sections := slice "docs/home" "blog" "partners" "community" "case-studies" }}
|
||||
@@ -32,5 +32,5 @@
|
||||
<div class="miceType center">
|
||||
ICP license: 京ICP备17074266号-3
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
@@ -41,32 +41,32 @@
|
||||
</div>
|
||||
|
||||
<nav id="mainNav">
|
||||
<main data-auto-burger="primary">
|
||||
<div class="main-section" data-auto-burger="primary">
|
||||
{{ range site.Menus.main }}
|
||||
<div class="nav-box">
|
||||
<h3><a href="{{ .URL }}">{{ .Title }}</a></h3>
|
||||
{{ .Post }}
|
||||
</div>
|
||||
{{ end }}
|
||||
</main>
|
||||
<main data-auto-burger="primary">
|
||||
<div class="left">
|
||||
<h5 class="github-invite">{{ T "main_github_invite" }}</h5>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="button" data-auto-burger-exclude>{{ T "main_github_view_on" }}</a>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<h5 class="github-invite">{{ T "main_community_explore" }}</h5>
|
||||
<div class="social">
|
||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>{{ T "community_twitter_name" }}</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>{{ T "community_github_name" }}</span></a>
|
||||
<a href="https://slack.k8s.io/" class="slack"><span>{{ T "community_slack_name" }} Slack</span></a>
|
||||
<a href="https://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>{{ T "community_stack_overflow_name" }}</span></a>
|
||||
<a href="https://discuss.kubernetes.io" class="mailing-list"><span>{{ T "community_forum_name" }}</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>{{ T "community_events_calendar" }}</span></a>
|
||||
</div>
|
||||
{{ end }}
|
||||
</div>
|
||||
<div class="main-section" data-auto-burger="primary">
|
||||
<div class="left">
|
||||
<h5 class="github-invite">{{ T "main_github_invite" }}</h5>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="button" data-auto-burger-exclude>{{ T "main_github_view_on" }}</a>
|
||||
</div>
|
||||
|
||||
<div class="right">
|
||||
<h5 class="github-invite">{{ T "main_community_explore" }}</h5>
|
||||
<div class="social">
|
||||
<a href="https://twitter.com/kubernetesio" class="twitter"><span>{{ T "community_twitter_name" }}</span></a>
|
||||
<a href="https://github.com/kubernetes/kubernetes" class="github"><span>{{ T "community_github_name" }}</span></a>
|
||||
<a href="http://slack.k8s.io/" class="slack"><span>{{ T "community_slack_name" }} Slack</span></a>
|
||||
<a href="https://stackoverflow.com/questions/tagged/kubernetes" class="stack-overflow"><span>{{ T "community_stack_overflow_name" }}</span></a>
|
||||
<a href="https://discuss.kubernetes.io" class="mailing-list"><span>{{ T "community_forum_name" }}</span></a>
|
||||
<a href="https://calendar.google.com/calendar/embed?src=nt2tcnbtbied3l6gi2h29slvc0%40group.calendar.google.com" class="calendar"><span>{{ T "community_events_calendar" }}</span></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="clear" style="clear: both"></div>
|
||||
</div>
|
||||
<div class="clear" style="clear: both"></div>
|
||||
</main>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
@@ -4,7 +4,7 @@
|
||||
{{ else }}
|
||||
{{ $caseStudiesPages := where $caseStudiesSection.Pages "Params.featured" true | first 4 }}
|
||||
<section id="talkToUs">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3>{{ $caseStudiesSection.Title }}</h3>
|
||||
<div id="caseStudiesWrapper">
|
||||
{{ range $caseStudiesPages }}
|
||||
@@ -20,6 +20,6 @@
|
||||
{{ end }}
|
||||
</div>
|
||||
<h5 style="text-align: center"><a href="/case-studies/" style="color: #3371E3; font-weight: 400">{{ $caseStudiesSection.LinkTitle }}</a></h5>
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
@@ -7,9 +7,9 @@ It can be given a "image" parameter with a name partially matching a file in the
|
||||
{{- $imageName := $.Get "image" | default "flower" -}}
|
||||
{{ if $imageName }}{{- template "shortcodes-blocks_getimage" (dict "name" $imageName "ctx" . "target" "feature-image") -}}{{ end }}
|
||||
{{- $image := $.Scratch.Get "feature-image" -}}
|
||||
<main>
|
||||
<div class="main-section">
|
||||
{{ with $image }}<div class="image-wrapper"><img src="{{ .RelPermalink }}" alt="{{ .Title }}"></div>{{ end }}
|
||||
<div class="content">
|
||||
{{ $.Inner }}
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
|
||||
@@ -15,7 +15,7 @@ Note that markdown can be used in the description.
|
||||
|
||||
*/}}
|
||||
<section id="features">
|
||||
<main>
|
||||
<div class="main-section">
|
||||
<h3 class="center">{{ T "main_kubernetes_features" }}</h3>
|
||||
{{ $pages := where site.Pages ".Params.feature" "!=" nil }}
|
||||
{{range $i, $p := $pages }}
|
||||
@@ -32,5 +32,5 @@ Note that markdown can be used in the description.
|
||||
</div>
|
||||
|
||||
{{ end }}
|
||||
</main>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
Reference in New Issue
Block a user