homepage aria fixes

src/pages/_includes/cards/invoices.html

@@ -8,7 +8,7 @@
 			<div class="text-muted">
 				Show
 				<div class="mx-2 d-inline-block">
-					<input type="text" class="form-control form-control-sm" value="8" size="3">
+					<input type="text" class="form-control form-control-sm" value="8" size="3" aria-label="Invoices count">
 				</div>
 				entries
 			</div>
@@ -16,7 +16,7 @@
 			<div class="ml-auto text-muted">
 				Search:
 				<div class="ml-2 d-inline-block">
-					<input type="text" class="form-control form-control-sm">
+					<input type="text" class="form-control form-control-sm" aria-label="Search invoice">
 				</div>
 			</div>
 		</div>
@@ -26,7 +26,7 @@
 		<table class="table card-table table-vcenter text-nowrap datatable">
 			<thead>
 			<tr>
-				<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox"></th>
+				<th class="w-1"><input class="form-check-input m-0 align-middle" type="checkbox" aria-label="Select all invoices"></th>
 				<th class="w-1">No. {% include ui/icon.html icon="chevron-up" class="icon-sm text-dark icon-thick" %}</th>
 				<th>Invoice Subject</th>
 				<th>Client</th>

src/pages/_includes/cards/most-visited-pages.html

@@ -19,7 +19,7 @@
 			<tr>
 				<td>
 					{{ page.uri }}
-					<a href="#" class="ml-1">{% include ui/icon.html icon="link" %}</a>
+					<a href="#" class="ml-1" aria-label="Open website">{% include ui/icon.html icon="link" %}</a>
 				</td>
 				<td class="text-muted">{{ page.visitors | format_number }}</td>
 				<td class="text-muted">{{ page.unique | format_number }}</td>

src/pages/_includes/cards/small-stats-3.html

@@ -4,6 +4,6 @@
 			{% include ui/trending.html value=include.percentage %}
 		</div>
 		<div class="h1 m-0">{{ include.number }}</div>
-		<div class="text-muted mb-4">{{ include.title }}</div>
+		<div class="text-muted mb-3">{{ include.title }}</div>
 	</div>
 </div>

src/pages/_includes/cards/sponsor.html

-<a href="{{ site.sponsor-url }}" class="card card-sponsor" target="_blank" rel="noopener" style="background-image: url({{ site.base }}/static/sponsor-banner-homepage.svg)">
+<a href="{{ site.sponsor-url }}" class="card card-sponsor" target="_blank" rel="noopener" style="background-image: url({{ site.base }}/static/sponsor-banner-homepage.svg)" aria-label="Sponsor Tabler!">
 	<div class="card-body"></div>
 </a>
\ No newline at end of file

src/pages/_includes/layout/navbar-side.html

@@ -2,7 +2,7 @@
 {% assign person = site.data.people[person-id] %}
 <div class="navbar-nav flex-row{% if include.class %} {{ include.class }}{% endif %}">
 	<div class="nav-item dropdown d-none d-md-flex mr-3">
-		<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1">
+		<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
 			{% include ui/icon.html icon="bell" %}
 			<span class="badge bg-red"></span>
 		</a>

src/pages/_includes/ui/pagination.html

@@ -2,7 +2,7 @@
 {% assign active-item = include.active-item | default: 2 %}
 <ul class="pagination {{ include.class }}">
    <li class="page-item{% if include.prev-description %} page-prev{% endif %} disabled">
-      <a class="page-link" href="#" tabindex="-1">
+      <a class="page-link" href="#" tabindex="-1" aria-disabled="true">
          {% if include.prev-description %}
             <div class="page-item-subtitle">previous</div>
             <div class="page-item-title">{{ include.prev-description }}</div>