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
+54 -54
View File
@@ -6,8 +6,8 @@ cid: community
<div class="newcommunitywrapper">
<div class="banner1">
<img src="/images/community/kubernetes-community-final-02.jpg" 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-final-02.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="desktop">
<img src="/images/community/kubernetes-community-02-mobile.jpg" alt="Kubernetes Conference Gallery" style="width:100%" class="mobile">
</div>
<div class="intro">
@@ -17,30 +17,30 @@ cid: community
<br class="mobile">
</div>
<div class="navbar">
<div class="navbar">
<a href="#conduct">Code of conduct </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="#events">Events and meetups</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<a href="#news">News</a>
<a href="#news">News</a>
</div>
<br class="mobile"><br class="mobile">
<div class="imagecols">
<br class="mobile">
<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 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 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>
<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>
</div>
@@ -78,7 +78,7 @@ READ MORE
<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">
<div class="videocta">
@@ -87,7 +87,7 @@ Watch monthly office hours&nbsp;&#9654;</div>
</div>
<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">
<div class="videocta">
Watch weekly community meetings&nbsp;&#9654;
@@ -97,7 +97,7 @@ Watch weekly community meetings&nbsp;&#9654;
<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">
<div class="videocta">
@@ -121,7 +121,7 @@ Watch a talk from a community member&nbsp;&#9654;
<div class="resourcecontainer">
<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%">
forum&nbsp;&#9654;
</a>
@@ -131,7 +131,7 @@ Topic-based technical discussions that bridge docs, StackOverflow, and so much&n
</div>
<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%">
twitter&nbsp;&#9654;
</a>
@@ -140,7 +140,7 @@ twitter&nbsp;&#9654;
</div>
<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%">
github&nbsp;&#9654;
</a>
@@ -150,7 +150,7 @@ All the project and issue tracking, plus of course code
</div>
<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%">
stack overflow&nbsp;&#9654;
</a>
@@ -184,53 +184,53 @@ With 170+ channels, you'll find one that fits your needs.
</div>
</div>
<div class="meetups">
<div class="meetupcol">
<div class="meetuptext">
<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.
</div>
<a href="https://www.meetup.com/topics/kubernetes/">
<div class="button">
FIND A MEETUP
</div>
</a>
<a name="news"></a>
</div>
</div>
<!--
<div class="contributor">
<div class="meetups">
<div class="meetupcol">
<div class="meetuptext">
<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.
</div>
<a href="https://www.meetup.com/topics/kubernetes/">
<div class="button">
FIND A MEETUP
</div>
</a>
<a name="news"></a>
</div>
</div>
<!--
<div class="contributor">
<div class="contributortext">
<br>
<h1 style="text-align:left">
New Contributors Site
<h1 style="text-align:left">
New Contributors Site
</h1>
Text about new contributors site.
Text about new contributors site.
<br><br>
<br><br>
<div class="button">
VISIT SITE
<div class="button">
VISIT SITE
</div>
</div>
</div>
-->
</div>
</div>
-->
<div class="news">
<br class="mobile"><br class="mobile">
<br class="tablet"><br class="tablet">
<h1 style="margin-bottom:2%">Recent News</h1>
<br>
<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>
</div>
<br>
<br><br><br><br>
</div>
</div>
<br>
<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>
</div>
<br>
<br><br><br><br>
</div>
</div>
+1 -1
View File
@@ -75,7 +75,7 @@ cid: partners
</script>
<body>
<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>
</div>
</body>