Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Accessibility Updates #16633

Merged
merged 16 commits into from
Oct 6, 2019
Merged

Accessibility Updates #16633

Show file tree
Hide file tree
Changes from 14 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
9db710d
Fixed accessibility issues in home page
ChaitanyaKaranam Sep 30, 2019
3aecffa
Fixed accessibility issues for docs/home page
ChaitanyaKaranam Oct 1, 2019
1f98229
Fixed accessibility issues for /partners page
ChaitanyaKaranam Oct 1, 2019
5911dc6
Fixed accessibility issues for /community page
ChaitanyaKaranam Oct 1, 2019
6d5caf1
Update layouts/partials/header.html
ChaitanyaKaranam Oct 1, 2019
d132d31
Update layouts/partials/footer-scripts.html
ChaitanyaKaranam Oct 1, 2019
1d0274d
Update layouts/index.html
ChaitanyaKaranam Oct 1, 2019
a066e89
Update content/en/partners/_index.html
ChaitanyaKaranam Oct 1, 2019
2001062
Update content/en/community/_index.html
ChaitanyaKaranam Oct 1, 2019
b7b1493
Added missing quotes
ChaitanyaKaranam Oct 1, 2019
177d6e7
Added landmark roles for search bar and footer
ChaitanyaKaranam Oct 1, 2019
d2613ef
Changed images alt text
ChaitanyaKaranam Oct 1, 2019
456cdf0
Removed verb from iframe title
ChaitanyaKaranam Oct 1, 2019
364d069
Change alt text for GitHub image
ChaitanyaKaranam Oct 2, 2019
cee5c1a
Few alt text changes
ChaitanyaKaranam Oct 4, 2019
798ac30
Modified alt text
ChaitanyaKaranam Oct 4, 2019
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion assets/sass/_base.sass
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1066,7 +1066,7 @@ dd
position: fixed
bottom: 0

#miceType
.miceType
clear: both
font-size: 11px
line-height: 18px
Expand Down
108 changes: 54 additions & 54 deletions content/en/community/_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,8 +6,8 @@

<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">
Expand All @@ -17,30 +17,30 @@
<br class="mobile">
</div>

<div class="navbar">
<div class="navbar">
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved

<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>
Expand Down Expand Up @@ -78,7 +78,7 @@ <h1 style="margin-top:0px">Videos</h1>

<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">
Expand All @@ -87,7 +87,7 @@ <h1 style="margin-top:0px">Videos</h1>
</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;
Expand All @@ -97,7 +97,7 @@ <h1 style="margin-top:0px">Videos</h1>

<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">
Expand All @@ -121,7 +121,7 @@ <h1 style="padding-top:1%">Discussions</h1>
<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="discuss" style="width:80%;padding-bottom:2%">
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved
<a href="https://discuss.kubernetes.io/" style="color:#0662EE;display:block;margin-top:1%">
forum&nbsp;&#9654;
</a>
Expand All @@ -131,7 +131,7 @@ <h1 style="padding-top:1%">Discussions</h1>
</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%">
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved
<a href="https://twitter.com/kubernetesio" style="color:#0662EE;display:block;margin-top:1%">
twitter&nbsp;&#9654;
</a>
Expand All @@ -140,7 +140,7 @@ <h1 style="padding-top:1%">Discussions</h1>
</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>
Expand All @@ -150,7 +150,7 @@ <h1 style="padding-top:1%">Discussions</h1>
</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>
Expand Down Expand Up @@ -184,53 +184,53 @@ <h1 style="color:white !important">Upcoming Events</h1>
</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">
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved
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">
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved
<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>
2 changes: 1 addition & 1 deletion content/en/partners/_index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ <h5><b>Kubernetes Training Partners</b></h5>
</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>
Expand Down
2 changes: 1 addition & 1 deletion layouts/docs/docsportal_home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -43,7 +43,7 @@ <h4>{{ .title }}</h4>
{{ end }}
</ul>
<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>
{{ end }}
{{ end }}
4 changes: 2 additions & 2 deletions layouts/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -24,13 +24,13 @@
<div id="mc_embed_signup_scroll">
<p style="font-size: 20px">{{ T "main_kubeweekly_baseline" }}</p>
<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-->
<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>
</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>
<br>
<br>
Expand Down
2 changes: 1 addition & 1 deletion layouts/partials/docs/top-menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ <h5>{{ .Params.abstract }}</h5>
<li><a href="{{ .RelPermalink }}"{{ if $yah }} class="YAH"{{ end }}>{{ .LinkTitle | upper }}</a></li>
{{ end }}
</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">
</form>
</div>
2 changes: 1 addition & 1 deletion layouts/partials/footer-scripts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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>
// hide docs nav area if no nav is present, or if nav only contains a link to the current page
Expand Down
8 changes: 4 additions & 4 deletions layouts/partials/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
{{ with site.GetPage "section" . }}<a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a>{{ end }}
{{ end }}
</nav>
<div class="social">
<div class="social" role="region" aria-label="Social hyperlinks">
<div>
<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>
Expand All @@ -23,13 +23,13 @@
<a href="https://git.k8s.io/community/contributors/guide" class="button">{{ T "main_contribute" }}</a>
</div>
</div>
<div id="miceType" class="center">
<div class="miceType center">
&copy; {{ now.Year }} {{ T "main_documentation_license" | safeHTML }}</a>
</div>
<div id="miceType" class="center">
<div class="miceType center">
Copyright &copy; {{ now.Year }} {{ T "main_copyright_notice" | safeHTML }}
</div>
<div id="miceType" class="center">
<div class="miceType center">
ICP license: 京ICP备17074266号-3
</div>
</main>
Expand Down
2 changes: 1 addition & 1 deletion layouts/partials/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<div id="cellophane" onclick="kub.toggleMenu()"></div>

<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">
<ul class="global-nav">
Expand Down
2 changes: 1 addition & 1 deletion layouts/shortcodes/blocks/case-studies.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@ <h3>{{ $caseStudiesSection.Title }}</h3>
{{ range $caseStudiesPages }}
{{ $logo := .Resources.GetMatch "**logo*.png" }}
<div>
{{ with $logo }}<img src="{{ .RelPermalink }}">{{ end }}
{{ with $logo }}<img src="{{ .RelPermalink }}" alt="{{ .Title }}">{{ end }}
<p>"{{ .Params.quote | truncate 100 }}"</p>
<a href="{{ .RelPermalink }}">{{ T "main_read_more" }}</a>
</div>
ChaitanyaKaranam marked this conversation as resolved.
Show resolved Hide resolved
Expand Down