kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Accessibility Updates (#16633) 

* Fixed accessibility issues in home page

Signed-off-by: ChaitanyaKaranam <karanam.krishna.25@gmail.com>

* Fixed accessibility issues for docs/home page

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Fixed accessibility issues for /partners page

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Fixed accessibility issues for /community page

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Update layouts/partials/header.html

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Update layouts/partials/footer-scripts.html

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Update layouts/index.html

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Update content/en/partners/_index.html

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Update content/en/community/_index.html

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Added missing quotes

* Added landmark roles for search bar and footer

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Changed images alt text

Changed alt text from 'kubernetes community' to 'Kubernetes Conference Gallery'

* Removed verb from iframe title

Signed-off-by: chaitanyakaranam <chaitanya.karanam@yahoo.com>

* Change alt text for GitHub image

Co-Authored-By: Tim Bannister <tim@scalefactory.com>

* Few alt text changes

* Modified alt text
This commit is contained in:
Chaitanya 2019-10-06 10:53:09 +05:30 committed by Kubernetes Prow Robot
parent 4c10506de8
commit 920d14f4fc
10 changed files with 67 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
assets/sass/_base.sass
View File

@ -1065,7 +1065,7 @@ dd
position: fixed position: fixed
bottom: 0 bottom: 0
#miceType .miceType
clear: both clear: both
font-size: 11px font-size: 11px
line-height: 18px line-height: 18px

108
content/en/community/_index.html
View File

@ -6,8 +6,8 @@ cid: community
<div class="newcommunitywrapper"> <div class="newcommunitywrapper">
<div class="banner1"> <div class="banner1">
<img src="/images/community/kubernetes-community-final-02.jpg" style="width:100%" class="desktop"> <img src="/images/community/kubernetes-community-final-02.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="desktop">
<img src="/images/community/kubernetes-community-02-mobile.jpg" style="width:100%" class="mobile"> <img src="/images/community/kubernetes-community-02-mobile.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="mobile">
</div> </div>
<div class="intro"> <div class="intro">
@ -17,30 +17,30 @@ cid: community
<br class="mobile"> <br class="mobile">
</div> </div>
<div class="navbar"> <div class="navbar">
<a href="#conduct">Code of conduct </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#conduct">Code of conduct </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#videos">Videos</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#videos">Videos</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#discuss">Discussions</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#discuss">Discussions</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#events">Events and meetups</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <a href="#events">Events and meetups</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#news">News</a> <a href="#news">News</a>
</div> </div>
<br class="mobile"><br class="mobile"> <br class="mobile"><br class="mobile">
<div class="imagecols"> <div class="imagecols">
<br class="mobile"> <br class="mobile">
<div class="imagecol"> <div class="imagecol">
<img src="/images/community/kubernetes-community-final-03.jpg" style="width:100%" class="desktop"> <img src="/images/community/kubernetes-community-final-03.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="desktop">
</div> </div>
<div class="imagecol"> <div class="imagecol">
<img src="/images/community/kubernetes-community-final-04.jpg" style="width:100%" class="desktop"> <img src="/images/community/kubernetes-community-final-04.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="desktop">
</div> </div>
<div class="imagecol" style="margin-right:0% important"> <div class="imagecol" style="margin-right:0% important">
<img src="/images/community/kubernetes-community-final-05.jpg" style="width:100%;margin-right:0% important" class="desktop"> <img src="/images/community/kubernetes-community-final-05.jpg" alt="Kubernetes Conference Gallery" style="width:100%;margin-right:0% important" class="desktop">
</div> </div>
<img src="/images/community/kubernetes-community-04-mobile.jpg" style="width:100%;margin-bottom:3%" class="mobile"> <img src="/images/community/kubernetes-community-04-mobile.jpg" alt="Kubernetes Conference Gallery" style="width:100%;margin-bottom:3%" class="mobile">
<a name="conduct"></a> <a name="conduct"></a>
</div> </div>
@ -78,7 +78,7 @@ READ MORE
<div class="video"> <div class="video">
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg" title="Monthly office hours" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg"> <a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3azFUvYJjGn45YbF6C-uIg">
<div class="videocta"> <div class="videocta">
@ -87,7 +87,7 @@ Watch monthly office hours&nbsp;&#9654;</div>
</div> </div>
<div class="video"> <div class="video">
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ" title="Weekly community meetings" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ"> <a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP1pkHsbPjzAewvMgGUpkCnJ">
<div class="videocta"> <div class="videocta">
Watch weekly community meetings&nbsp;&#9654; Watch weekly community meetings&nbsp;&#9654;
@ -97,7 +97,7 @@ Watch weekly community meetings&nbsp;&#9654;
<div class="video"> <div class="video">
<iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe> <iframe width="100%" height="250" src="https://www.youtube.com/embed/videoseries?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F" title="Talk from a community member" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F"> <a href="https://www.youtube.com/playlist?list=PL69nYSiGNLP3QpQrhZq_sLYo77BVKv09F">
<div class="videocta"> <div class="videocta">
@ -121,7 +121,7 @@ Watch a talk from a community member&nbsp;&#9654;
<div class="resourcecontainer"> <div class="resourcecontainer">
<div class="resourcebox"> <div class="resourcebox">
<img src="/images/community/discuss.png" style="width:80%;padding-bottom:2%"> <img src="/images/community/discuss.png" alt=Forum" style="width:80%;padding-bottom:2%">
<a href="https://discuss.kubernetes.io/" style="color:#0662EE;display:block;margin-top:1%"> <a href="https://discuss.kubernetes.io/" style="color:#0662EE;display:block;margin-top:1%">
forum&nbsp;&#9654; forum&nbsp;&#9654;
</a> </a>
@ -131,7 +131,7 @@ Topic-based technical discussions that bridge docs, StackOverflow, and so much&n
</div> </div>
<div class="resourcebox"> <div class="resourcebox">
<img src="/images/community/twitter.png" style="width:80%;padding-bottom:2%"> <img src="/images/community/twitter.png" alt="Twitter" style="width:80%;padding-bottom:2%">
<a href="https://twitter.com/kubernetesio" style="color:#0662EE;display:block;margin-top:1%"> <a href="https://twitter.com/kubernetesio" style="color:#0662EE;display:block;margin-top:1%">
twitter&nbsp;&#9654; twitter&nbsp;&#9654;
</a> </a>
@ -140,7 +140,7 @@ twitter&nbsp;&#9654;
</div> </div>
<div class="resourcebox"> <div class="resourcebox">
<img src="/images/community/github.png" style="width:80%;padding-bottom:2%"> <img src="/images/community/github.png" alt="GitHub" style="width:80%;padding-bottom:2%">
<a href="https://github.com/kubernetes/kubernetes" style="color:#0662EE;display:block;margin-top:1%"> <a href="https://github.com/kubernetes/kubernetes" style="color:#0662EE;display:block;margin-top:1%">
github&nbsp;&#9654; github&nbsp;&#9654;
</a> </a>
@ -150,7 +150,7 @@ All the project and issue tracking, plus of course code
</div> </div>
<div class="resourcebox"> <div class="resourcebox">
<img src="/images/community/stack.png" style="width:80%;padding-bottom:2%"> <img src="/images/community/stack.png" alt="Stack Overflow" style="width:80%;padding-bottom:2%">
<a href="https://stackoverflow.com/search?q=kubernetes" style="color:#0662EE;display:block;margin-top:1%"> <a href="https://stackoverflow.com/search?q=kubernetes" style="color:#0662EE;display:block;margin-top:1%">
stack overflow&nbsp;&#9654; stack overflow&nbsp;&#9654;
</a> </a>
@ -184,53 +184,53 @@ With 170+ channels, you'll find one that fits your needs.
</div> </div>
</div> </div>
<div class="meetups"> <div class="meetups">
<div class="meetupcol"> <div class="meetupcol">
<div class="meetuptext"> <div class="meetuptext">
<h1 style="text-align:left">Global Community</h1> <h1 style="text-align:left">Global Community</h1>
With over 150 meetups in the world and growing, go find your local kube people. If one isn't near, take charge and create your own. With over 150 meetups in the world and growing, go find your local kube people. If one isn't near, take charge and create your own.
</div> </div>
<a href="https://www.meetup.com/topics/kubernetes/"> <a href="https://www.meetup.com/topics/kubernetes/">
<div class="button"> <div class="button">
FIND A MEETUP FIND A MEETUP
</div> </div>
</a> </a>
<a name="news"></a> <a name="news"></a>
</div> </div>
</div> </div>
<!-- <!--
<div class="contributor"> <div class="contributor">
<div class="contributortext"> <div class="contributortext">
<br> <br>
<h1 style="text-align:left"> <h1 style="text-align:left">
New Contributors Site New Contributors Site
</h1> </h1>
Text about new contributors site. Text about new contributors site.
<br><br> <br><br>
<div class="button"> <div class="button">
VISIT SITE VISIT SITE
</div> </div>
</div> </div>
</div> </div>
--> -->
<div class="news"> <div class="news">
<br class="mobile"><br class="mobile"> <br class="mobile"><br class="mobile">
<br class="tablet"><br class="tablet"> <br class="tablet"><br class="tablet">
<h1 style="margin-bottom:2%">Recent News</h1> <h1 style="margin-bottom:2%">Recent News</h1>
<br> <br>
<div class="twittercol1"> <div class="twittercol1">
<a class="twitter-timeline" data-tweet-limit="1" href="https://twitter.com/kubernetesio?ref_src=twsrc%5Etfw">Tweets by kubernetesio</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script> <a class="twitter-timeline" data-tweet-limit="1" href="https://twitter.com/kubernetesio?ref_src=twsrc%5Etfw">Tweets by kubernetesio</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div> </div>
<br> <br>
<br><br><br><br> <br><br><br><br>
</div> </div>
</div> </div>

2
content/en/partners/_index.html
View File

@ -75,7 +75,7 @@ cid: partners
</script> </script>
<body> <body>
<div id="frameHolder"> <div id="frameHolder">
<iframe id="landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe> <iframe id="landscape" title="CNCF Landscape" frameBorder="0" scrolling="no" style="width: 1px; min-width: 100%" src=""></iframe>
<script src="https://landscape.cncf.io/iframeResizer.js"></script> <script src="https://landscape.cncf.io/iframeResizer.js"></script>
</div> </div>
</body> </body>

2
layouts/docs/docsportal_home.html
View File

@ -43,7 +43,7 @@
{{ end }} {{ end }}
</ul> </ul>
<br><br> <br><br>
<button id="btn-concepts" class="button" onClick="location.href='{{ .button_path | relLangURL }}';">{{ .button }}</button> <button id="btn-concepts" class="button" onClick="location.href='{{ .button_path | relLangURL }}';" aria-label="{{ .title }}">{{ .button }}</button>
</div> </div>
{{ end }} {{ end }}
{{ end }} {{ end }}

4
layouts/index.html
View File

@ -24,13 +24,13 @@
<div id="mc_embed_signup_scroll"> <div id="mc_embed_signup_scroll">
<p style="font-size: 20px">{{ T "main_kubeweekly_baseline" }}</p> <p style="font-size: 20px">{{ T "main_kubeweekly_baseline" }}</p>
<br /> <br />
<input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" aria-label="email" required>
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
<div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div> <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_3885586f8f1175194017967d6_11c1b8bcb2" tabindex="-1" value=""></div>
<div class="clear" style="margin-left: 15px;"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div> <div class="clear" style="margin-left: 15px;"><input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"></div>
</div> </div>
</form> </form>
<h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" style="color: #3371E3; font-weight: 400; font-size: 20px">{{ T "main_kubeweekly_past_link" }}</a></h5> <h5 style="text-align: center"><a href="https://us10.campaign-archive.com/home/?u=3885586f8f1175194017967d6&id=11c1b8bcb2" aria-label="Kube Weekly" style="color: #3371E3; font-weight: 400; font-size: 20px">{{ T "main_kubeweekly_past_link" }}</a></h5>
</div> </div>
<br> <br>
<br> <br>

2
layouts/partials/docs/top-menu.html
View File

@ -15,7 +15,7 @@
<li><a href="{{ .RelPermalink }}"{{ if $yah }} class="YAH"{{ end }}>{{ .LinkTitle | upper }}</a></li> <li><a href="{{ .RelPermalink }}"{{ if $yah }} class="YAH"{{ end }}>{{ .LinkTitle | upper }}</a></li>
{{ end }} {{ end }}
</ul> </ul>
<form id="searchBox" action="/docs/search/"> <form id="searchBox" action="/docs/search/" role="search">
<input type="text" id="search" name="q" placeholder="{{ T "ui_search_placeholder" }}" aria-label="Search"> <input type="text" id="search" name="q" placeholder="{{ T "ui_search_placeholder" }}" aria-label="Search">
</form> </form>
</div> </div>

2
layouts/partials/footer-scripts.html
View File

@ -1,4 +1,4 @@
<button class="flyout-button" onclick="kub.toggleToc()"></button> <button class="flyout-button" onclick="kub.toggleToc()" aria-label="Toggle table of contents visibility"></button>
<script> <script>
// hide docs nav area if no nav is present, or if nav only contains a link to the current page // hide docs nav area if no nav is present, or if nav only contains a link to the current page

8
layouts/partials/footer.html
View File

@ -7,7 +7,7 @@
{{ with site.GetPage "section" . }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }} {{ with site.GetPage "section" . }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
{{ end }} {{ end }}
</nav> </nav>
<div class="social"> <div class="social" role="region" aria-label="Social hyperlinks">
<div> <div>
<a href="https://twitter.com/kubernetesio" class="twitter"><span>{{ T "community_twitter_name" }}</span></a> <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://github.com/kubernetes/kubernetes" class="github"><span>{{ T "community_github_name" }}</span></a>
@ -23,13 +23,13 @@
<a href="https://git.k8s.io/community/contributors/guide" class="button">{{ T "main_contribute" }}</a> <a href="https://git.k8s.io/community/contributors/guide" class="button">{{ T "main_contribute" }}</a>
</div> </div>
</div> </div>
<div id="miceType" class="center"> <div class="miceType center">
&copy; {{ now.Year }} {{ T "main_documentation_license" | safeHTML }}</a> &copy; {{ now.Year }} {{ T "main_documentation_license" | safeHTML }}</a>
</div> </div>
<div id="miceType" class="center"> <div class="miceType center">
Copyright &copy; {{ now.Year }} {{ T "main_copyright_notice" | safeHTML }} Copyright &copy; {{ now.Year }} {{ T "main_copyright_notice" | safeHTML }}
</div> </div>
<div id="miceType" class="center"> <div class="miceType center">
ICP license: 京ICP备17074266号-3 ICP license: 京ICP备17074266号-3
</div> </div>
</main> </main>

2
layouts/partials/header.html
View File

@ -1,7 +1,7 @@
<div id="cellophane" onclick="kub.toggleMenu()"></div> <div id="cellophane" onclick="kub.toggleMenu()"></div>
<header> <header>
<a href="{{ site.Home.RelPermalink }}" class="logo"></a> <a href="{{ site.Home.RelPermalink }}" class="logo" title="Production-Grade Container Orchestration - Kubernetes" aria-label="Kubernetes website"></a>
<div class="nav-buttons" data-auto-burger="primary"> <div class="nav-buttons" data-auto-burger="primary">
<ul class="global-nav"> <ul class="global-nav">

2
layouts/shortcodes/blocks/case-studies.html
View File

@ -10,7 +10,7 @@
{{ range $caseStudiesPages }} {{ range $caseStudiesPages }}
{{ $logo := .Resources.GetMatch "**logo*.png" }} {{ $logo := .Resources.GetMatch "**logo*.png" }}
<div> <div>
{{ with $logo }}<img src="{{ .RelPermalink }}">{{ end }} {{ with $logo }}<img src="{{ .RelPermalink }}" alt="{{ .Title }}">{{ end }}
<p>"{{ .Params.quote | truncate 100 }}"</p> <p>"{{ .Params.quote | truncate 100 }}"</p>
<a href="{{ .RelPermalink }}">{{ T "main_read_more" }}</a> <a href="{{ .RelPermalink }}">{{ T "main_read_more" }}</a>
</div> </div>