diff --git a/public/assets/css/left/left.css b/public/assets/css/left/left.css
index 961626780a..2b1079dd8d 100644
--- a/public/assets/css/left/left.css
+++ b/public/assets/css/left/left.css
@@ -48,6 +48,9 @@
     height: auto;
     margin-right: 5px;
 }
+#user-nickname {
+    font-size: var(--main-size);
+}
 
 .profile-navigation {
     margin-bottom: var(--main-size);
diff --git a/templates/base.html.twig b/templates/base.html.twig
index a584f3d8ac..97f469b490 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -58,7 +58,7 @@
     <header id='header' role="banner">
         {{ block("leftpanel", "stdgrid.html.twig") }}
 
-        <a role="navigation" rel="help" id="anchor-main-page" class="anchor-hidden"></a>
+        <a role="navigation" rel="help" id="anchor-main-page" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
         <a id='instance' href="{{ path('main_public') }}" tabindex="0" title="{{ 'This instance\'s name. Access public timeline.' | trans }}">
             <h1>{{ icon('logo', 'icon icon-logo') | raw }}{{ config('site', 'name') }} </h1>
         </a>
@@ -70,7 +70,7 @@
 {% endblock header %}
 
 <div class="container">
-    <a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden"></a>
+    <a role="navigation" rel="help" id="anchor-main-content" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
     <div class='content'>
         {% block nav %}{% endblock %}
         {% block body %}{% endblock %}
diff --git a/templates/sidepanel/left/left.html.twig b/templates/sidepanel/left/left.html.twig
index 971d40a71d..aefe54d374 100644
--- a/templates/sidepanel/left/left.html.twig
+++ b/templates/sidepanel/left/left.html.twig
@@ -1,15 +1,15 @@
 <div class="panel panel-left">
-    <input type="checkbox" id="panel-left-toggle">
-    <label id="panel-left-icon" for="panel-left-toggle">{{ icon('menu', 'icon icon-left') | raw }}</label>
+    <input type="checkbox" id="panel-left-toggle" aria-hidden="true" tabindex="-1">
+    <label id="panel-left-icon" for="panel-left-toggle" aria-hidden="true" tabindex="-1">{{ icon('menu', 'icon icon-left') | raw }}</label>
 
-    <a id="anchor-left-panel" class="anchor-hidden"></a>
+    <a id="anchor-left-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
     <aside class="panel-content">
         {% if app.user %}
             <section class='profile'>
                 <a id="user" href="{{ path('settings') }}">
-                    <img src='{{ user_avatar }}' alt="Your avatar." class="icon icon-avatar">
+                    <img src='{{ user_avatar }}' alt="{{ 'Your avatar.' | trans }}" title="{{ 'Your avatar.' | trans }}" class="icon icon-avatar">
                     <div id="user-info">
-                        <h1>{{ user_nickname }}</h1>
+                        <strong id="user-nickname" title="{{ 'Your nickname.' | trans }}">{{ user_nickname }}</strong>
 
                         <nav id="user-tags">
                             {% if user_tags %}
@@ -34,53 +34,63 @@
             </section>
 
             <nav class="profile-navigation">
-                <a href='#'>Messages</a>
+                <a href='#' title="{{ 'Check your messages.' | trans }}">Messages</a>
                 <a href="{{ path("replies", {'nickname' : user_nickname}) }}"
-                   class='hover-effect {{ active("replies") }}'>Replies</a>
+                   class='hover-effect {{ active("replies") }}' title="{{ 'Replies to your notes.' | trans }}">Replies</a>
                 {% for link in handle_event('InsertLeftPanelLink', user_nickname) %}
                     {{ link | raw }}
                 {% endfor %}
                 <a href="{{ path('settings') }}"
-                   class='{{ active('settings') }}'>Settings</a>
-                <a href='{{ path('logout') }}'>Logout</a>
+                   class='{{ active('settings') }}' title="{{ 'Access your account settings.' | trans }}">Settings</a>
+                <a href='{{ path('logout') }}' title="{{ 'Logout from your account.' | trans }}">Logout</a>
             </nav>
 
         {% else %}
             <nav class="profile-navigation">
-                <a href="{{ path('login') }}" class='hover-effect {{ active('login') }}'>Login</a>
-                <a href="{{ path('register') }}">Register</a>
+                <a href="{{ path('login') }}" class='hover-effect {{ active('login') }}' title="{{ 'Login through your existing account.' | trans }}">Login</a>
+                <a href="{{ path('register') }}" title="{{ 'Register a new account!' | trans }}">Register</a>
             </nav>
         {% endif %}
 
-        <nav class="timeline-nav" role="menu">
+        <div class="timeline-nav" title="Navigate through different timelines.">
             <h1 role="tab">Timeline</h1>
 
             <nav class='sec-nav' role="navigation">
-                <a href="{{ path('main_public') }}"
-                   class='{{ active('main_public') }}'>Public</a>
+                <ul>
+                    <li>
+                        <a href="{{ path('main_public') }}"
+                           class='{{ active('main_public') }}'>Public</a>
+                    </li>
+                    <li>
+                        {% if user_nickname is defined %}
+                            <a href="{{ path("home_all", {'nickname' : user_nickname}) }}"
+                               class='{{ active("home_all") }}'>Home</a>
+                        {% endif %}
+                    </li>
+                    <li>
+                        <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Network</a>
+                    </li>
 
-                {% if user_nickname is defined %}
-                    <a href="{{ path("home_all", {'nickname' : user_nickname}) }}"
-                       class='{{ active("home_all") }}'>Home</a>
-                {% endif %}
-
-                <a href="{{ path('main_all') }}" class='hover-effect {{ active('main_all') }}'>Network</a>
-
-                {% if main_nav_tabs is defined %}
-                    {% for tab in main_nav_tabs %}
-                        <a href="{{ path(tab['route']) }}"
-                           class='{{ active(tab['route']) }}'>{{ tab['title'] }}</a>
-                    {% endfor %}
-                {% endif %}
+                    {% if main_nav_tabs is defined %}
+                        {% for tab in main_nav_tabs %}
+                            <li>
+                                <a href="{{ path(tab['route']) }}"
+                                   class='{{ active(tab['route']) }}'>{{ tab['title'] }}</a>
+                            </li>
+                        {% endfor %}
+                    {% endif %}
+                </ul>
             </nav>
-        </nav>
-
-        <div class="footer" role="contentinfo">
-            <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
-            <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
-            <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
-            <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
-            <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
         </div>
+
+        <footer class="footer">
+            <nav>
+                <a href="{{ path('doc_faq') }}" class='hover-effect {{ active('doc_faq') }}'>FAQ</a>
+                <a href="{{ path('doc_tos') }}" class='hover-effect {{ active('doc_tos') }}'>TOS</a>
+                <a href="{{ path('doc_privacy') }}" class='hover-effect {{ active('doc_privacy') }}'>Privacy</a>
+                <a href="{{ path('doc_source') }}" class='hover-effect {{ active('doc_source') }}'>Source</a>
+                <a href="{{ path('doc_version') }}" class='hover-effect {{ active('doc_version') }}'>Version</a>
+            </nav>
+        </footer>
     </aside>
 </div>
\ No newline at end of file
diff --git a/templates/sidepanel/right/right.html.twig b/templates/sidepanel/right/right.html.twig
index 1f6229f275..661d6f5993 100644
--- a/templates/sidepanel/right/right.html.twig
+++ b/templates/sidepanel/right/right.html.twig
@@ -1,8 +1,8 @@
-<div class="panel panel-right">
-    <input type="checkbox" id="panel-right-toggle">
-    <label id="panel-right-icon" for="panel-right-toggle">{{ icon('notes', 'icon icon-right') | raw }}</label>
+<div class="panel panel-right" tabindex="-1">
+    <input type="checkbox" id="panel-right-toggle" aria-hidden="true" tabindex="-1">
+    <label id="panel-right-icon" for="panel-right-toggle" aria-hidden="true" tabindex="-1">{{ icon('notes', 'icon icon-right') | raw }}</label>
 
-    <a id="anchor-right-panel" class="anchor-hidden"></a>
+    <a id="anchor-right-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
     <aside class="panel-content">
 
         {% if post_form is defined %}