Skip to content

Commit 8c1634a

Browse files
alvagantealvagante
committed
Accessibility fixes
1 parent 7b7d2de commit 8c1634a

36 files changed

Lines changed: 302 additions & 111 deletions

‎_includes/adi_detail.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,8 +21,8 @@ <h1>{% for g in page.guest %}{{ g }} {% endfor %} - {{ page.title }}</h1>
2121
</div>
2222
<div class="col-lg-7">
2323
<div class="video-container">
24-
<iframe src="https://www.youtube.com/embed/{{ page.youtube }}" class="video" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
25-
Premiered on {{ page.date | date: "%Y-%m-%d" }}
24+
<iframe src="https://www.youtube-nocookie.com/embed/{{ page.youtube }}" class="video" title="Video: {{ page.title | escape }}" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" loading="lazy" allowfullscreen></iframe>
25+
<p class="video-meta">Premiered on <time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%Y-%m-%d" }}</time>. <a href="https://www.youtube.com/watch?v={{ page.youtube }}">Watch on YouTube</a>.</p>
2626
</div>
2727
</div>
2828
</div>

‎_includes/adi_list.html‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ <h2 class="section-page-title">Human Intelligence</h2>
99
{% for post in sorted_posts %}
1010
<div class="row adi-list">
1111
<div class="col-lg-3">
12-
<a href="{{ site.url }}{{ post.url }}" target="_parent"><img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ post.number }}.png" alt="ADI {{ post.number }} - {{ post.guest }}: {{ post.title }}"></a>
12+
<a href="{{ site.url }}{{ post.url }}" aria-label="ADI episode {{ post.number }}: {{ post.title | escape }}"><img class="img-responsive" src="{{ site.url }}/AbnormalDevOpsIterations/img/{{ post.number }}.png" alt=""></a>
1313
</div>
1414
<div class="col-lg-7">
15-
<h3>{{ post.number }} - {% for g in post.guest %}{{ g }} / {% endfor %} </br>
16-
<a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a></h3>
15+
<h3>{{ post.number }} - {% for g in post.guest %}{{ g }} / {% endfor %}<br>
16+
<a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a></h3>
1717
<div class="tags">{% for tag in post.tags %}#{{ tag }} {% endfor %}</div>
1818
</div>
1919
</div>

‎_includes/blog_detail.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -7,8 +7,8 @@
77
<a href="{{ site.url }}/blog/"><img class="img-responsive" src="{{ site.url }}/img/pic-1-logo.png" alt="Example42 blog"></a>
88
</div>
99
<div class="col-lg-2">
10-
<h2><a href="{{ site.url }}/blog/">Blog</a></h2>
11-
<div class="post-meta">By <a href="{{ site.url }}{{ site.founder.url }}">{{ site.founder.name }}</a><br>{{ page.date | date: "%Y-%m-%d" }}</div>
10+
<p class="blog-label"><a href="{{ site.url }}/blog/">Blog</a></p>
11+
<div class="post-meta">By <a href="{{ site.url }}{{ site.founder.url }}">{{ site.founder.name }}</a><br><time datetime="{{ page.date | date_to_xmlschema }}">{{ page.date | date: "%Y-%m-%d" }}</time></div>
1212
</div>
1313
<div class="col-lg-8">
1414
<h1>{{ page.title }}</h1>

‎_includes/blog_list.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@ <h2 class="section-page-title">All the posts so far</h2>
88
<ul class="posts">
99
{% for post in site.posts %}
1010
<li>
11-
{{ post.date | date: "%Y-%m-%d" }} - <a href="{{ site.url }}{{ post.url }}" target="_parent">{{ post.title }}</a>
11+
<time datetime="{{ post.date | date_to_xmlschema }}">{{ post.date | date: "%Y-%m-%d" }}</time> - <a href="{{ site.url }}{{ post.url }}">{{ post.title }}</a>
1212
</li>
1313
{% endfor %}
1414
</ul>

‎_includes/footer.html‎

Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,25 +1,24 @@
1-
<section id="footer">
2-
<footer>
1+
<footer id="footer">
32
<div class="container">
43
<div class="row footer-grid">
54
<div class="col-md-5">
65
<img class="footer-logo" src="{{ site.url }}/img/logo.png" alt="example42">
76
<p>Puppet and DevOps consulting, training, and development. Direct expertise, no layers.</p>
87
</div>
9-
<div class="col-md-3 col-sm-6 footer-links">
8+
<nav class="col-md-3 col-sm-6 footer-links" aria-label="Footer navigation">
109
<a href="{{ site.url }}/services/">Services</a>
1110
<a href="{{ site.url }}/pabawi/">Pabawi</a>
1211
<a href="{{ site.url }}/blog/">Blog</a>
1312
<a href="{{ site.url }}/AbnormalDevOpsIterations/">ADI podcast</a>
1413
<a href="{{ site.url }}/#contact">Contact</a>
15-
</div>
14+
</nav>
1615
<div class="col-md-4 col-sm-6 footer-legal">
1716
<p><a href="https://www.lab42.it" target="_blank" rel="noopener">Lab42 Srl</a><br>VAT IT03677180121</p>
1817
<p><a href="{{ site.url }}/legal/">Legal information</a></p>
18+
<p><a href="{{ site.url }}/accessibility/">Accessibility</a></p>
1919
{% include iubenda.html %}
2020
</div>
2121
</div>
2222
<div class="footer-bottom">© {{ site.time | date: '%Y' }} example42. Built for people who run real infrastructure.</div>
2323
</div>
24-
</footer>
25-
</section>
24+
</footer>

‎_includes/header.html‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,20 +1,20 @@
1-
<nav class="navbar navbar-default navbar-fixed-top site-nav" role="navigation">
1+
<nav class="navbar navbar-default navbar-fixed-top site-nav" aria-label="Primary navigation">
22
<div class="container">
33
<div class="navbar-header">
4-
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-navigation" aria-expanded="false">
4+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-navigation" aria-controls="site-navigation" aria-expanded="false">
55
<span class="sr-only">Toggle navigation</span>
66
<span class="icon-bar"></span>
77
<span class="icon-bar"></span>
88
<span class="icon-bar"></span>
99
</button>
10-
<a class="site-logo" href="{{ site.url }}/" aria-label="example42 home"><img src="{{ site.url }}/img/logo.png" alt="example42"></a>
10+
<a class="site-logo" href="{{ site.url }}/" aria-label="example42 home"><img src="{{ site.url }}/img/logo.png" alt=""></a>
1111
</div>
1212
<div class="collapse navbar-collapse" id="site-navigation">
1313
<ul class="nav navbar-nav navbar-right">
14-
<li><a href="{{ site.url }}/wwwww/">Five Ws</a></li>
15-
<li><a href="{{ site.url }}/services/">Services</a></li>
16-
<li><a href="{{ site.url }}/blog/">Blog</a></li>
17-
<li><a href="{{ site.url }}/AbnormalDevOpsIterations/">ADI podcast</a></li>
14+
<li><a href="{{ site.url }}/wwwww/"{% if page.url == '/wwwww/' %} aria-current="page"{% endif %}>Five Ws</a></li>
15+
<li><a href="{{ site.url }}/services/"{% if page.url contains '/services/' %} aria-current="page"{% endif %}>Services</a></li>
16+
<li><a href="{{ site.url }}/blog/"{% if page.url contains '/blog/' %} aria-current="page"{% endif %}>Blog</a></li>
17+
<li><a href="{{ site.url }}/AbnormalDevOpsIterations/"{% if page.url contains '/AbnormalDevOpsIterations/' %} aria-current="page"{% endif %}>ADI podcast</a></li>
1818
<li><a href="{{ site.url }}/#opensource">Open Source</a></li>
1919
<li class="nav-cta"><a href="{{ site.url }}/#contact">Contact</a></li>
2020
</ul>

‎_includes/header_home.html‎

Lines changed: 3 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
1-
<section id="header">
2-
<nav class="navbar navbar-default navbar-fixed-top site-nav" role="navigation">
1+
<nav class="navbar navbar-default navbar-fixed-top site-nav" aria-label="Primary navigation">
32
<div class="container">
43
<div class="navbar-header">
5-
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-navigation" aria-expanded="false">
4+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#site-navigation" aria-controls="site-navigation" aria-expanded="false">
65
<span class="sr-only">Toggle navigation</span>
76
<span class="icon-bar"></span>
87
<span class="icon-bar"></span>
98
<span class="icon-bar"></span>
109
</button>
11-
<a class="site-logo" href="#home" aria-label="example42 home"><img src="{{ site.url }}/img/logo.png" alt="example42"></a>
10+
<a class="site-logo" href="{{ site.url }}/" aria-label="example42 home"><img src="{{ site.url }}/img/logo.png" alt=""></a>
1211
</div>
1312
<div class="collapse navbar-collapse" id="site-navigation">
1413
<ul class="nav navbar-nav navbar-right">
@@ -22,4 +21,3 @@
2221
</div>
2322
</div>
2423
</nav>
25-
</section>

‎_includes/presentation.html‎

Lines changed: 22 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,39 @@
1-
<section id="splash">
1+
{% if page.source == 'cka.md' %}
2+
{% capture slide_source %}{% include cka.md %}{% endcapture %}
3+
{% else %}
4+
{% assign slide_source = content %}
5+
{% endif %}
6+
<section id="presentation" aria-labelledby="presentation-title">
27
<div class="presentation-header">
3-
<h1>{{ page.title }}</h1>
8+
<h1 id="presentation-title">{{ page.title }}</h1>
49
<div class="container">
510
<div class="row">
611
<div class="col-lg-12">
7-
<textarea id="source">
8-
{% include cka.md %}
9-
</textarea>
12+
<textarea id="source" aria-hidden="true" tabindex="-1">{{ slide_source }}</textarea>
1013
</div>
1114
</div>
1215
</div>
1316
</div>
1417
</section>
1518

19+
<section class="presentation-text" aria-labelledby="presentation-text-title">
20+
<div class="container">
21+
<h2 id="presentation-text-title">Text version</h2>
22+
<div class="presentation-transcript">
23+
{{ slide_source | markdownify }}
24+
</div>
25+
</div>
26+
</section>
27+
1628
<script src="https://remarkjs.com/downloads/remark-latest.min.js"></script>
1729
<script>
1830
var slideshow = remark.create({
1931
ratio: '16:9',
2032
highlightStyle: 'monokai',
2133

2234
});
23-
</script>
35+
var remarkContainer = document.querySelector('.remark-container');
36+
if (remarkContainer) {
37+
remarkContainer.setAttribute('aria-hidden', 'true');
38+
}
39+
</script>

‎_includes/product_detail.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<main class="product-detail">
1+
<div class="product-detail">
22
<section class="product-hero">
33
<div class="container">
44
<nav class="breadcrumbs breadcrumbs-light" aria-label="Breadcrumb">
@@ -25,4 +25,4 @@ <h1>{{ page.title }}</h1>
2525
<article class="product-copy">{{ content }}</article>
2626
</div>
2727
</section>
28-
</main>
28+
</div>

‎_includes/service_detail.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
<main class="service-detail">
1+
<div class="service-detail">
22
<section class="service-detail-hero">
33
<div class="container">
44
<nav class="breadcrumbs" aria-label="Breadcrumb">
@@ -43,4 +43,4 @@ <h2 id="related-services-title">Related Puppet services</h2>
4343
</div>
4444
</div>
4545
</section>
46-
</main>
46+
</div>

0 commit comments

Comments
 (0)