Improve table accessibility

This commit is contained in:
floppydiskette 2023-08-15 00:13:53 +01:00
parent a7ea015b36
commit 6300a2d696
No known key found for this signature in database
5 changed files with 31 additions and 51 deletions

View file

@ -416,6 +416,7 @@ table.gb-admin tr td.gb-message {
border-top: none; border-top: none;
vertical-align: top; vertical-align: top;
padding: 5px; padding: 5px;
column-span: 2;
} }
table.infotable tr td { table.infotable tr td {
@ -430,6 +431,15 @@ table.infotable tr td small {
margin: 0; margin: 0;
} }
caption h1,
caption h2 {
margin: 0;
}
caption {
text-align: left;
}
table.infotable tr td small { table.infotable tr td small {
margin-bottom: 5px; margin-bottom: 5px;
} }

View file

@ -22,7 +22,7 @@
</td> </td>
</tr> </tr>
<tr> <tr>
<td colspan="2" class="gb-message"> <td class="gb-message">
<br> <br>
{{ htmlspecialchars($entry->message) }} {{ htmlspecialchars($entry->message) }}
</td> </td>

View file

@ -13,16 +13,10 @@
@foreach ($categories as $category) @foreach ($categories as $category)
<table class="infotable"> <table class="infotable">
<tr> <caption>
<td colspan="2"> <h1>{{ $category->name }}</h1>
<h1>{{ $category->name }}</h1> <hr>
</td> </caption>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
@php @php
$sites = DB::select( $sites = DB::select(

View file

@ -8,16 +8,10 @@
</div> </div>
<table class="infotable"> <table class="infotable">
<tr> <caption>
<td> <h1>Fun Facts</h1>
<h1>Fun Facts</h1> <hr>
</td> </caption>
</tr>
<tr>
<td>
<hr>
</td>
</tr>
<tr> <tr>
<td>&#9670; I am (unfortunately) British</td> <td>&#9670; I am (unfortunately) British</td>
</tr> </tr>
@ -34,16 +28,10 @@
<br> <br>
<table class="infotable"> <table class="infotable">
<tr> <caption>
<td colspan="2"> <h1>Interests</h1>
<h1>Interests</h1> <hr>
</td> </caption>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<tr> <tr>
<td>&#9670; <b>Tech Theatre</b></td> <td>&#9670; <b>Tech Theatre</b></td>
<td>- Lighting, Stage Management, etc.</td> <td>- Lighting, Stage Management, etc.</td>
@ -60,16 +48,10 @@
<br> <br>
<table class="infotable"> <table class="infotable">
<tr> <caption>
<td colspan="2"> <h1>Contact &amp; social</h1>
<h1>Contact &amp; social</h1> <hr>
</td> </caption>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<tr> <tr>
<td><strong>E-mail:</strong></td> <td><strong>E-mail:</strong></td>
<td><a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a></td> <td><a href="mailto:contact@diskfloppy.me">contact@diskfloppy.me</a></td>

View file

@ -18,16 +18,10 @@ function degreesToCompassDirection($degrees) {
$data = $data->current; $data = $data->current;
@endphp @endphp
<table class="infotable"> <table class="infotable">
<tr> <caption>
<td colspan="2"> <h1>Local Weather</h1>
<h1>Local Weather</h1> <hr>
</td> </caption>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<tr> <tr>
<td><b>Wind Speed:</b></td> <td><b>Wind Speed:</b></td>
<td>{{ $data->wind->speed }} mph</td> <td>{{ $data->wind->speed }} mph</td>