diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less
index 7dca47402..aa8c83da2 100644
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -1160,3 +1160,31 @@ summary.title {
 pre code {
   white-space: pre-wrap;
 }
+
+.sr-only {
+  position: absolute;
+  left: -10000px;
+  top: auto;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+}
+
+.skip-link {
+  &:focus {
+    left: 0;
+    top: 0;
+    width: auto;
+    height: auto;
+
+    z-index: 6000;
+
+    padding: 0.7rem;
+    background: var(--color-btn-background);
+    color: var(--color-btn-font);
+  }
+
+  &:link, &:visited, &:hover, &:active {
+    color: white;  /* Normalise the color */
+  }
+}
diff --git a/searx/templates/simple/404.html b/searx/templates/simple/404.html
index 1a10514cc..e9e00d56d 100644
--- a/searx/templates/simple/404.html
+++ b/searx/templates/simple/404.html
@@ -1,9 +1,9 @@
 {% extends "simple/base.html" %}
 {% block content %}
-<div class="center">
+<main id="main" class="center">
     <h1>{{ _('Page not found') }}</h1>
     {% autoescape false %}
     <p>{{ _('Go to %(search_page)s.', search_page='<a href="{}">{}</a>'.format(url_for('index'), _('search page'))) }}</p>
     {% endautoescape %}
-</div>
+</main>
 {% endblock %}
diff --git a/searx/templates/simple/base.html b/searx/templates/simple/base.html
index 93249fbf8..996ed83fd 100644
--- a/searx/templates/simple/base.html
+++ b/searx/templates/simple/base.html
@@ -31,7 +31,9 @@
   <link rel="apple-touch-icon" href="{{ url_for('static', filename='img/favicon.png') }}">
 </head>
 <body class="{{ endpoint }}_endpoint" >
-  <main id="main_{{  self._TemplateReference__context.name|replace("simple/", "")|replace(".html", "") }}" class="{{body_class}}">
+  <a class="sr-only skip-link" href="#{% block skip_link_id %}main{% endblock %}">Skip to main content</a>
+  <div id="main_{{  self._TemplateReference__context.name|replace("simple/", "")|replace(".html", "") }}" class="{{body_class}}">
+    <header>
     {% if errors %}
         <div class="dialog-error" role="alert">
             <a href="#" class="close" aria-label="close" title="close">×</a>
@@ -59,9 +61,10 @@
     </nav>
     {% block header %}
     {% endblock %}
+    </header>
     {% block content %}
     {% endblock %}
-  </main>
+  </div>
   <footer>
     <p>
     {{ _('Powered by') }} <a href="{{ url_for('info', pagename='about') }}">searxng</a> - {{ searx_version }} — {{ _('a privacy-respecting, open metasearch engine') }}<br>
diff --git a/searx/templates/simple/index.html b/searx/templates/simple/index.html
index 5c207bbd9..7381dec28 100644
--- a/searx/templates/simple/index.html
+++ b/searx/templates/simple/index.html
@@ -1,8 +1,8 @@
 {% extends "simple/base.html" %}
 {% from 'simple/icons.html' import icon_big %}
 {% block content %}
-<div class="index">
+<main id="main" class="index">
     <div class="title"><h1>SearXNG</h1></div>
     {% include 'simple/simple_search.html' %}
-</div>
+</main>
 {% endblock %}
diff --git a/searx/templates/simple/preferences.html b/searx/templates/simple/preferences.html
index d68e90e4a..667ab391b 100644
--- a/searx/templates/simple/preferences.html
+++ b/searx/templates/simple/preferences.html
@@ -152,7 +152,7 @@
 {%- block linkto_preferences -%}{%- endblock -%}
 
 {%- block content -%}
-
+  <main id="main">
   <h1>{{ _('Preferences') }}</h1>
 
   <form id="search_form" method="post" action="{{ url_for('preferences') }}" autocomplete="off">
@@ -258,4 +258,5 @@
     {%- include 'simple/preferences/footer.html' -%}
 
   </form>{{- '' -}}
+  </main>
 {%- endblock -%}
diff --git a/searx/templates/simple/results.html b/searx/templates/simple/results.html
index ee937f123..e4da9fc3b 100644
--- a/searx/templates/simple/results.html
+++ b/searx/templates/simple/results.html
@@ -9,22 +9,24 @@
 {%- endmacro %}
 {% block title %}{% if query_in_title %}{{- q|e }} - {% endif %}{% endblock %}
 {% block meta %}<link rel="alternate" type="application/rss+xml" title="Searx search: {{ q|e }}" href="{{ url_for('search', _external=True) }}?q={{ q|urlencode }}&amp;categories={{ selected_categories|join(",") | replace(' ','+') }}&amp;pageno={{ pageno }}&amp;time_range={{ time_range }}&amp;language={{ current_language }}&amp;safesearch={{ safesearch }}&amp;format=rss">{% endblock %}
-{% block content %}
+{% block skip_link_id %}results{% endblock %}
+{% block header %}
 {% include 'simple/search.html' %}
-
+{% endblock %}
+{% block content %}
 {% if results and results|map(attribute='template')|unique|list|count == 1 %}
   {% set only_template = 'only_template_' + results[0]['template']|default('default')|replace('.html', '') %}
 {% else %}
   {% set only_template = '' %}
 {% endif %}
 
-<div id="results" class="{{ only_template }}">
+<main id="results" class="{{ only_template }}">
 
   {%- if answers -%}
     {%- include 'simple/elements/answers.html' -%}
   {%- endif %}
 
-    <div id="sidebar">
+    <aside id="sidebar">
 
         {%- if number_of_results != '0' -%}
         <p id="result_count"><small>{{ _('Number of results') }}: {{ number_of_results }}</small></p>
@@ -56,7 +58,7 @@
         {%- endif -%}
 
         <div id="sidebar-end-collapsible"></div>
-    </div>
+    </aside>
 
     {%- if corrections -%}
       {%- include 'simple/elements/corrections.html' -%}
@@ -145,5 +147,5 @@
         </div>
     </nav>
     {% endif %}
-</div>
+</main>
 {% endblock %}
