91a1111182
Made the theme button toggable by keyboard Added aria-label to many <a> without any text (usually, they contains Font Awesome icons) Added aria-hidden whenever necessary Labelled the "Copy URL and Description" contained in footer Added an hidden label for the menu toggle for mobile accessibility Changed some colors to meet the Color Contrast AA level: https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-contrast.html
21 lines
1.3 KiB
HTML
21 lines
1.3 KiB
HTML
<div class="jumbotron p-5">
|
|
<h1 class="display-4">
|
|
<a href="{{ site.production_url }}" title="{{ site.name }}">
|
|
<img class="img-fluid d-none d-sm-block" src="/assets/img/svg/layout/brand/horizontal.svg" width="500px" alt="{{ site.name }}">
|
|
<div class="text-center">
|
|
<img class="img-fluid d-sm-none" src="/assets/img/svg/layout/brand/vertical.svg" width="300px" alt="{{ site.name }}">
|
|
</div>
|
|
</a>
|
|
</h1>
|
|
<p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. {{ site.name }} provides services, tools and knowledge to protect your privacy against global mass surveillance.</p>
|
|
</div>
|
|
|
|
<form method="POST" action="https://search.privacytools.io/searx/" id="search_form" role="search">
|
|
<div class="input-group col-12 col-md-8 offset-md-2">
|
|
<input type="search" name="q" class="form-control input-lg" id="q" placeholder="Try {{ site.name }} Search, a Privacy-Respecting Search Engine" autocomplete="off" value="" aria-label="Search Form">
|
|
<span class="input-group-btn">
|
|
<button type="submit" class="btn btn-primary input-lg"><span class="hide_if_nojs"><i class="fas fa-search"></i> </span><span class="hidden active_if_nojs">start search</span></button>
|
|
</span>
|
|
</div>
|
|
</form>
|