Add tabindex to elements for better keyboard navigation

This commit is contained in:
2021-12-06 15:03:41 +01:00
parent 778e15dfbd
commit 8ac954b1a2
9 changed files with 20 additions and 14 deletions

View File

@@ -32,7 +32,7 @@
<dt>
{#if website}
<h3>
<a href={website} rel="noopener external" target="_blank">{name}</a>
<a href={website} rel="noopener external" target="_blank" tabindex="0">{name}</a>
</h3>
{:else}
<h3>{name}</h3>
@@ -57,7 +57,7 @@
<dt>
{#if website}
<h3>
<a href={website} rel="noopener external" target="_blank">{name}</a>
<a href={website} rel="noopener external" target="_blank" tabindex="0">{name}</a>
</h3>
{:else}
<h3>{name}</h3>
@@ -67,7 +67,7 @@
<ul>
{#each location as { location_id: { name, slug: slugLocation, country: { slug: slugCountry }}}, index}
<li>
<a href="/{slugCountry}/{slugLocation}" sveltekit:noscroll>{name}</a>
<a href="/{slugCountry}/{slugLocation}" sveltekit:noscroll tabindex="0">
</li>
{/each}
</ul>