more sr friendly

resources/views/layouts/footer.blade.php

@@ -1,18 +1,23 @@
 {{-- Global footer --}}
 
 <footer class="page-footer text-muted mt-2">
+  <h2 class="sr-only">Footer</h2>
   <div class="container py-2 py-md-4">
     <nav aria-label="Footer links" class="d-flex">
       <div>
         Developed & maintained by <a href="https://www.ondrovo.com/">Ondřej Hruška</a>
-        &lt;<a href="mailto:ondra@ondrovo.com">ondra@ondrovo.com</a>&gt; &copy; 2018<br>
-        Data tables are licensed CC0 (public domain), unless specified otherwise.
+        &copy; 2018<br>
+        Data tables are CC0 / Public Domain, unless specified otherwise.
       </div>
 
-      <div class="ml-auto">
-        <a href="/about/privacy" class="ml-3">Privacy</a>
-        <a href="/about/terms" class="ml-3">Terms</a>
-      </div>
+      <nav class="ml-auto d-block">
+        <h3 class="sr-only">Useful links:</h3>
+        <ul class="sr-list">
+          <li><a href="/about/privacy" class="ml-2">Privacy</a>
+          <li><a href="/about/terms" class="ml-2">Terms</a>
+          <li><a href="mailto:admin@datatable.directory?subject=Feedback" class="ml-2">Contact</a>
+        </ul>
+      </nav>
     </nav>
   </div>
 </footer>

resources/views/layouts/main-nav.blade.php

@@ -2,8 +2,8 @@
 
 <nav class="navbar navbar-expand-md navbar-light page-navbar">
   <div class="container">
-    <a class="navbar-brand" href="{{ url('/') }}">
-      <img src="/images/logo.svg" alt="Logo" height="32px" style="margin: -10px 0" class="mr-2">{{--
+    <a class="navbar-brand" href="{{ url('/') }}" aria-label="Go to Dashboard">
+      <img src="/images/logo.svg" aria-hidden=true alt="LOGO" height="32px" style="margin: -10px 0" class="mr-2">{{--
       --}}datatable.directory
     </a>
 
@@ -14,6 +14,7 @@
             aria-controls="mainNavContent"
             aria-expanded="false"
             aria-label="{{ __('Toggle navigation') }}">
+      <span class="sr-only">Toggle navigation</span>
       <span class="navbar-toggler-icon"></span>
     </button>
 
@@ -23,24 +24,22 @@
         @guest()
           <li class="nav-item">
             <a class="nav-link" href="{{ route('login') }}">
-              <i class="fa-sign-in pr-1"></i>
+              @icon(fa-sign-in pr-1)
               {{ __('Login') }}
             </a>
-          </li>
 
           <li class="nav-item">
             <a class="nav-link" href="{{ route('register') }}">
-              <i class="fa-user-plus pr-1"></i>
+              @icon(fa-user-plus pr-1)
               {{ __('Register') }}
             </a>
-          </li>
         @else
           @include('layouts.nav-buttons', ['dropdown' => false])
 
           <li class="nav-item dropdown mobile-only">
             <a id="mainNavDropdown" class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false" v-pre>
-              <i class="fa-user-circle-o fa-pr"></i>{{--
+              @icon(fa-user-circle-o fa-pr){{--
               --}}{{ user()->title }} <span class="caret"></span>
             </a>
 

resources/views/layouts/nav-buttons.blade.php

@@ -1,7 +1,6 @@
 @php
 
 $li = $dropdown ? '' : '<li class="nav-item ml-1 d-md-none">';
-$endli = $dropdown ? '' : '</li>';
 $aclass = $dropdown ? 'dropdown-item' : 'nav-link';
 
 @endphp
@@ -10,13 +9,11 @@ $aclass = $dropdown ? 'dropdown-item' : 'nav-link';
   <a class="{{ $aclass }}" href="{{ route('profile.edit') }}">
     <i class="fa-sliders fa-pr"></i>{{ __('Profile') }}
   </a>
-{!! $endli !!}
 
 {!! $li !!}
   <a class="{{ $aclass }}" href="{{ route('account.edit') }}">
     <i class="fa-key-modern fa-pr"></i>{{ __('Account') }}
   </a>
-{!! $endli !!}
 
 {!! $li !!}
 <a class="{{ $aclass }}" href="{{ route('logout') }}"
@@ -24,4 +21,3 @@ $aclass = $dropdown ? 'dropdown-item' : 'nav-link';
   {{-- this is some hack against CSRF - logout only via POST --}}
   <i class="fa-sign-out fa-pr"></i>{{ __('Logout') }}
 </a>
-{!! $endli !!}