Update pages to be ADA-compliant

This commit is contained in:
floppydiskette 2023-10-15 20:52:32 +01:00
parent 25296e79b6
commit 3bf78f4054
Signed by: fwoppydwisk
SSH key fingerprint: SHA256:yXxSuswzElTluzXjKgvZK0bDGhTaj/XbArybRDr+Mfs
10 changed files with 37 additions and 38 deletions

View file

@ -1,5 +1,5 @@
<hr> <hr>
<div class="footer"> <div class="footer" role="contentinfo">
<a href="https://www.w3schools.com/html/"> <a href="https://www.w3schools.com/html/">
<img src="{{ URL::asset('images/buttons/html_learn_it_today.gif') }}" <img src="{{ URL::asset('images/buttons/html_learn_it_today.gif') }}"
width="88" height="31" alt="Learn HTML today!">&nbsp; width="88" height="31" alt="Learn HTML today!">&nbsp;

View file

@ -11,7 +11,7 @@
</div> <!-- header --> </div> <!-- header -->
<div id="pagebody"> <div id="pagebody">
<div id="content"> <div id="content" role="main">
@yield('content') @yield('content')
</div> <!-- content --> </div> <!-- content -->
<div id="footer" class="pagefooter"> <div id="footer" class="pagefooter">

View file

@ -11,7 +11,7 @@
</div> <!-- header --> </div> <!-- header -->
<div id="pagebody"> <div id="pagebody">
<div id="content"> <div id="content" role="main">
@yield('content') @yield('content')
</div> <!-- content --> </div> <!-- content -->
<div id="footer" class="pagefooter"> <div id="footer" class="pagefooter">

View file

@ -22,10 +22,10 @@
@endphp @endphp
@foreach ($categories as $category) @foreach ($categories as $category)
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h1>{{ $category->name }}</h1> <h2>{{ $category->name }}</h2>
<hr> <hr>
</caption> </caption>

View file

@ -2,9 +2,9 @@
@section('title', 'Computers') @section('title', 'Computers')
@section('description', 'Computers I own or have owned.') @section('description', 'Computers I own or have owned.')
@section('content') @section('content')
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Custom Build</h1><hr></td> <td colspan="2"><h2>Custom Build</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -41,9 +41,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>MacBook Pro (2018)</h1><hr></td> <td colspan="2"><h2>MacBook Pro (2018)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -76,9 +76,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Lenovo ThinkPad T430 (2012)</h1><hr></td> <td colspan="2"><h2>Lenovo ThinkPad T430 (2012)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -111,9 +111,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>IBM ThinkPad X41 (2005)</h1><hr></td> <td colspan="2"><h2>IBM ThinkPad X41 (2005)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -142,9 +142,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Dell OptiPlex GX1 (400L+, 1999)</h1><hr></td> <td colspan="2"><h2>Dell OptiPlex GX1 (400L+, 1999)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -173,9 +173,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>IBM ThinkPad T40 (2003)</h1><hr></td> <td colspan="2"><h2>IBM ThinkPad T40 (2003)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -204,9 +204,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>HP Compaq Elite 8100 CMT</h1><hr></td> <td colspan="2"><h2>HP Compaq Elite 8100 CMT</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -239,9 +239,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Mac mini (2014)</h1><hr></td> <td colspan="2"><h2>Mac mini (2014)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -270,9 +270,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<table class="computer"> <table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Fujitsu Milan (1996)</h1><hr></td> <td colspan="2"><h2>Fujitsu Milan (1996)</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>
@ -297,9 +297,9 @@
</td> </td>
</tr> </tr>
</table> </table>
<!--<table class="computer"> <!--<table class="computer" role="presentation">
<tr> <tr>
<td colspan="2"><h1>Compaq Armada M300</h1><hr></td> <td colspan="2"><h2>Compaq Armada M300</h2><hr></td>
</tr> </tr>
<tr> <tr>
<td> <td>

View file

@ -13,13 +13,13 @@
@include('components.errors.db-error') @include('components.errors.db-error')
@else @else
<br> <br>
<table class="gb-entry-form-container"> <table class="gb-entry-form-container" role="presentation">
<tr> <tr>
<td> <td>
<form method="POST" action="/guestbook"> <form method="POST" action="/guestbook">
@csrf @csrf
<x-honeypot/> <x-honeypot/>
<table class="gb-entry-form"> <table class="gb-entry-form" role="presentation">
<tr> <tr>
<td> <td>
<label for="name"><strong>Name:</strong></label> <label for="name"><strong>Name:</strong></label>
@ -71,9 +71,9 @@
ORDER BY id DESC ORDER BY id DESC
'); ');
@endphp @endphp
<h1>Entries <small>({{ count($entries) }} total)</small></h1> <h2>Entries <small>({{ count($entries) }} total)</small></h2>
@foreach ($entries as $entry) @foreach ($entries as $entry)
<table class="gb-entry"> <table class="gb-entry" role="presentation">
<tr> <tr>
<td> <td>
Submitted by <strong>{{ $entry->name }}</strong> Submitted by <strong>{{ $entry->name }}</strong>

View file

@ -4,7 +4,7 @@
@section('content') @section('content')
<p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb. <p>Hi! This my personal homepage on the <strong>W</strong>orld <strong>W</strong>ide <strong>W</strong>eb.
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h2>Fun Facts</h2> <h2>Fun Facts</h2>
<hr> <hr>
@ -27,7 +27,7 @@
</table> </table>
<br> <br>
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h2>Interests</h2> <h2>Interests</h2>
<hr> <hr>
@ -47,7 +47,7 @@
</table> </table>
<br> <br>
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h2>Contact &amp; social</h2> <h2>Contact &amp; social</h2>
<hr> <hr>
@ -71,7 +71,7 @@
</table> </table>
<br> <br>
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h2>niko</h2> <h2>niko</h2>
<hr> <hr>
@ -84,5 +84,4 @@
</td> </td>
</tr> </tr>
</table> </table>
@stop @stop

View file

@ -24,7 +24,7 @@
$top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top')); $top_tracks = json_decode(file_get_contents($api_root . '/lastfm/top'));
$count = 0; $count = 0;
@endphp @endphp
<table class="info-table"> <table class="info-table" role="presentation">
<tr> <tr>
<td colspan="4"> <td colspan="4">
<h2>Last/Current Track:</h2> <h2>Last/Current Track:</h2>

View file

@ -4,7 +4,7 @@
@section('description', 'My projects') @section('description', 'My projects')
@section('content') @section('content')
@foreach ($categories as $category) @foreach ($categories as $category)
<h1>{{ $category['name']}}</h1> <h2>{{ $category['name']}}</h2>
@foreach ($category['projects'] as $project) @foreach ($category['projects'] as $project)
<div> <div>
<a href="{{ $project['url'] }}">{{ $project['name'] }}</a> - {{ $project['description'] }}<br> <a href="{{ $project['url'] }}">{{ $project['name'] }}</a> - {{ $project['description'] }}<br>

View file

@ -29,9 +29,9 @@ function degreesToCompassDirection($degrees) {
$updated = gmdate('H:i Y-m-d', $data->updated); $updated = gmdate('H:i Y-m-d', $data->updated);
$data = $data->current; $data = $data->current;
@endphp @endphp
<table class="info-table"> <table class="info-table" role="presentation">
<caption> <caption>
<h1>Local Weather</h1> <h2>Local Weather</h2>
<hr> <hr>
</caption> </caption>
<tr> <tr>