@@ -7,12 +7,15 @@
77 <form method="post" action="{{ url_for('preferences') }}" id="search_form">
88
99 <!-- Nav tabs -->
10− <ul class="nav nav-tabs" role="tablist" style="margin-bottom:20px;">
10+ <ul class="nav nav-tabs hide_if_nojs" role="tablist" style="margin-bottom:20px;">
1111 <li class="active"><a href="#tab_general" role="tab" data-toggle="tab">{{ _('General') }}</a></li>
1212 <li><a href="#tab_engine" role="tab" data-toggle="tab">{{ _('Engines') }}</a></li>
1313 </ul>
1414
1515 <!-- Tab panes -->
16+ <noscript>
17+ <h3>{{ _('General') }}</h3>
18+ </noscript>
1619 <div class="tab-content">
1720 <div class="tab-pane active" id="tab_general">
1821 <fieldset>
@@ -83,20 +86,25 @@
8386 </div>
8487 </fieldset>
8588 </div>
86− <div class="tab-pane" id="tab_engine">
89+ <div class="tab-pane active_if_nojs" id="tab_engine">
8790
8891 <!-- Nav tabs -->
89− <ul class="nav nav-tabs" role="tablist" style="margin-bottom:20px;">
92+ <ul class="nav nav-tabs hide_if_nojs" role="tablist" style="margin-bottom:20px;">
9093 {% for (categ,search_engines) in categs %}
9194 <li{% if loop.first %} class="active"{% endif %}><a href="#tab_engine_{{ categ|replace(' ', '_') }}" role="tab" data-toggle="tab">{{ _(categ) }}</a></li>
9295 {% endfor %}
9396 </ul>
9497
98+ <noscript>
99+ <h3>{{ _('Engines') }}</h3>
100+ </noscript>
95101
96102 <!-- Tab panes -->
97103 <div class="tab-content">
98104 {% for (categ,search_engines) in categs %}
99− <div class="tab-pane{% if loop.first %} active{% endif %}" id="tab_engine_{{ categ|replace(' ', '_') }}">
105+ <noscript><label>{{ _(categ) }}</label>
106+ </noscript>
107+ <div class="tab-pane{% if loop.first %} active{% endif %} active_if_nojs" id="tab_engine_{{ categ|replace(' ', '_') }}">
100108 <div class="container-fluid">
101109 <fieldset>
102110 {% for search_engine in search_engines %}