Begin SEO and accessibility optimizations

src/lib/components/Photo.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { strf } from "$lib/data/language";
+	import { str, strf } from "$lib/data/language";
 	import { getFileName } from "$lib/util/links";
 	import Icon from "./Icon.svelte";
 
@@ -45,7 +45,7 @@
               "Luca Bosin";
 </script>
 
-<li>
+<li aria-label={title} aria-details={alt}>
   <figure style="--image: url('{src}/t/3')">
     <picture>
       <source media="(min-width: 2560px)" srcset="{src}/t/l" />
@@ -57,7 +57,7 @@
       <cite>{author}</cite>
     </figcaption>
   </figure>
-  <a href={src} on:click={clickHandler} on:contextmenu={rightClickHandler}>
+  <a href={src} tabindex="0" aria-label={$str('open-name', title)} on:click={clickHandler} on:contextmenu={rightClickHandler}>
     <Icon class="icon" mdi="arrow-expand" size={2.25}/>
   </a>
 </li>