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;
vertical-align: top;
padding: 5px;
column-span: 2;
}
table.infotable tr td {
@ -430,6 +431,15 @@ table.infotable tr td small {
margin: 0;
}
caption h1,
caption h2 {
margin: 0;
}
caption {
text-align: left;
}
table.infotable tr td small {
margin-bottom: 5px;
}

View file

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

View file

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

View file

@ -8,16 +8,10 @@
</div>
<table class="infotable">
<tr>
<td>
<h1>Fun Facts</h1>
</td>
</tr>
<tr>
<td>
<hr>
</td>
</tr>
<caption>
<h1>Fun Facts</h1>
<hr>
</caption>
<tr>
<td>&#9670; I am (unfortunately) British</td>
</tr>
@ -34,16 +28,10 @@
<br>
<table class="infotable">
<tr>
<td colspan="2">
<h1>Interests</h1>
</td>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<caption>
<h1>Interests</h1>
<hr>
</caption>
<tr>
<td>&#9670; <b>Tech Theatre</b></td>
<td>- Lighting, Stage Management, etc.</td>
@ -60,16 +48,10 @@
<br>
<table class="infotable">
<tr>
<td colspan="2">
<h1>Contact &amp; social</h1>
</td>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<caption>
<h1>Contact &amp; social</h1>
<hr>
</caption>
<tr>
<td><strong>E-mail:</strong></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;
@endphp
<table class="infotable">
<tr>
<td colspan="2">
<h1>Local Weather</h1>
</td>
</tr>
<tr>
<td colspan="2">
<hr>
</td>
</tr>
<caption>
<h1>Local Weather</h1>
<hr>
</caption>
<tr>
<td><b>Wind Speed:</b></td>
<td>{{ $data->wind->speed }} mph</td>