more sr friendly

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>