(search) Clean up filters menu a bit, improve accessibility.

This commit is contained in:
Viktor Lofgren 2023-12-02 18:01:03 +01:00
parent b89633ae4b
commit cbbd45d3e5
2 changed files with 10 additions and 5 deletions

View file

@ -2,13 +2,17 @@
<ul>
{{#with removeJsOption}}
<li title="Exclude results with javascript"
class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}">
{{#if set}}aria-checked="true" class="current"{{/if}}
{{#unless set}}aria-checked="false"{{/unless}}
role="checkbox">
<a href="{{url}}">{{name}}</a>
</li>
{{/with}}
{{#with reduceAdtechOption}}
<li title="Exclude results with tracking or likely affiliate links"
class="filter-toggle-{{#if set}}on{{/if}}{{#unless set}}off{{/unless}}">
<li {{#if set}}aria-checked="true" class="current"{{/if}}
{{#unless set}}aria-checked="false"{{/unless}}
role="checkbox"
title="Exclude results with tracking or likely affiliate links" ">
<a href="{{url}}">{{name}}</a>
</li>
{{/with}}
@ -17,7 +21,7 @@
<ul>
{{#each filterGroups}}
{{#each .}}
<li {{#if current}}class="current"{{/if}}><a href="{{url}}">{{displayName}}</a></li>
<li {{#if current}}aria-selected="true" class="current"{{/if}}><a href="{{url}}">{{displayName}}</a></li>
{{/each}}
<hr>
{{/each}}

View file

@ -20,10 +20,11 @@
<h2>{{domain}}</h2>
<ul>
<li {{#if info}}class="current"{{/if}}><a href="?view=info">Info</a></li>
<li {{#if report}}class="current"{{/if}}>{{#if known}}<a href="?view=report">Report</a>{{/if}}{{#unless known}}<a class="link-unavailable" title="This domain is not known by the search engine">Report</a>{{/unless}}</li>
<li {{#if docs}}class="current"{{/if}}>{{#if known}}<a href="?view=docs">Docs</a>{{/if}}{{#unless known}}<a class="link-unavailable" title="This domain is not known by the search engine">Docs</a>{{/unless}}</li>
<li {{#if links}}class="current"{{/if}}><a href="?view=links">Links</a></li>
<li {{#if browse}}class="current"{{/if}}><a href="?view=similar">Similar</a></li>
<li {{#if report}}class="current"{{/if}}>{{#if known}}<a href="?view=report">Report</a>{{/if}}{{#unless known}}<a class="link-unavailable" title="This domain is not known by the search engine">Report</a>{{/unless}}</li>
</ul>
</nav>
{{/with}}