Add visually hidden headings for improved accessibility in bingo and event views

Author: rbruhn

resources/views/front/bingo/show.blade.php

@@ -24,6 +24,7 @@ class="my-0 mr-md-auto top-logo font-weight-normal"/></a>
     @else
     <h1 class="page-title text-center pt-4 text-uppercase">{{ $bingo->title }}</h1>
     <hr class="header mx-auto" style="width:300px;">
+    <h2 class="sr-only">{{ t('Single Bingo Show') }}</h2>
     <div class="d-flex align-items-center justify-content-center ">
         @include('front.bingo.partials.bingo-loop', ['project' => $bingo->project])
     </div>

resources/views/front/event/show.blade.php

@@ -19,6 +19,7 @@ class="my-0 mr-md-auto top-logo font-weight-normal"/></a>
 @section('content')
     <h1 class="page-title text-center pt-4 text-uppercase">{{ $event->title }}</h1>
     <hr class="header mx-auto" style="width:300px;">
+    <h2 class="sr-only">{{ t('Single Event Show') }}</h2>
     <div class="d-flex align-items-center justify-content-center ">
         @include('front.event.partials.event-loop')
     </div>