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

View File

@ -20,10 +20,11 @@
<h2>{{domain}}</h2> <h2>{{domain}}</h2>
<ul> <ul>
<li {{#if info}}class="current"{{/if}}><a href="?view=info">Info</a></li> <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 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 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 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> </ul>
</nav> </nav>
{{/with}} {{/with}}