From 2a3d19fe956a671a970fd58cd0a0db2b587b30cf Mon Sep 17 00:00:00 2001
From: Phu Tu <phu.tu@hbz-nrw.de>
Date: Mon, 18 Sep 2023 12:56:12 +0200
Subject: [PATCH] Make links inside figure accessible for keyboard

For unknown reasons links inside <figure> elemenent are not accessible
in Firefox for keyboard users.
---
 app/views/index.scala.html  | 6 +++---
 public/stylesheets/main.css | 5 +++++
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/views/index.scala.html b/app/views/index.scala.html
index 517d2dbc..b976efeb 100644
--- a/app/views/index.scala.html
+++ b/app/views/index.scala.html
@@ -16,10 +16,10 @@ <h1>@json.get("name").get(Application.currentLang()).asText()<small> &mdash; @js
 <p>@Html(Messages.get("index.development.text", "https://github.com/hbz/lobid-organisations#about", "https://github.com/hbz/lobid-organisations/issues/new", "https://github.com/hbz/lobid-organisations/graphs/contributors"))</p>
 </div>
 <div class="col-md-5">
-<figure>@defining(routes.Application.get(item.get("isil").get("value").asText(), "")) { orgLink =>
+<div id="figure" role="figure" aria-labelledby="caption">@defining(routes.Application.get(item.get("isil").get("value").asText(), "")) { orgLink =>
 	<a href='@orgLink'><img id="index-image" src='https://lobid.org/imagesproxy?url=@item.get("image").get("value").asText().replace("http:","https:")' title='@Messages.get("index.image.info")' alt="@label"/></a>
-	<figcaption><a href='@orgLink'>@label</a><br/><small>(@Messages.get("index.image.source") @Html(attribution))</small></figcaption>
-}</figure>
+	<p id="caption"><a href='@orgLink'>@label</a><br/><small>(@Messages.get("index.image.source") @Html(attribution))</small></p>
+}</div>
 </div>
 </div>
 }
diff --git a/public/stylesheets/main.css b/public/stylesheets/main.css
index b93ac73e..ac94a56c 100644
--- a/public/stylesheets/main.css
+++ b/public/stylesheets/main.css
@@ -153,4 +153,9 @@ h6 .small,
 .h5 .small,
 .h6 .small {
   color: #666;
+}
+
+#figure {
+	float: right;
+	text-align: right;
 }
\ No newline at end of file