From bca9b2c89662c703842ce913a8ba3133ddd586ad Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Sun, 10 Dec 2023 15:06:06 +0100
Subject: [PATCH] [bugfix] Make screenreaders read out Language of posts
 properly (#2436)

* [bugfix] Make screenreaders read out Language of posts properly

* make published more readable
---
 web/template/status.tmpl | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/web/template/status.tmpl b/web/template/status.tmpl
index d4df926f0..eb6c6a6c6 100644
--- a/web/template/status.tmpl
+++ b/web/template/status.tmpl
@@ -69,7 +69,15 @@
 	{{- end }}
 </section>
 <aside class="info">
-	<time datetime="{{- .CreatedAt -}}">{{- .CreatedAt | timestampPrecise -}}</time>
+	<dl class="sr-only">
+		<dt>Published<dt>
+		<dd>{{- .CreatedAt | timestampPrecise -}}</dd>
+		{{- if .LanguageTag.DisplayStr }}
+		<dt>Language</dt>
+		<dd>{{ .LanguageTag.DisplayStr }}</dd>
+		{{- end }}
+	</dl>
+	<time aria-hidden="true" datetime="{{- .CreatedAt -}}">{{- .CreatedAt | timestampPrecise -}}</time>
 	<div class="stats" role="group">
 		<div class="stats-item">
 			<span aria-hidden="true"><i class="fa fa-reply-all"></i> {{ .RepliesCount -}}</span>
@@ -90,7 +98,7 @@
 		</div>
 		{{- end }}
 		{{- if .LanguageTag.DisplayStr }}
-		<div class="stats-item language" title="Language: {{ .LanguageTag.DisplayStr }}">{{ .LanguageTag.TagStr }}</div>
+		<div aria-hidden="true" class="stats-item language" title="Language: {{ .LanguageTag.DisplayStr }}">{{ .LanguageTag.TagStr }}</div>
 		{{- end }}
 	</div>
 </aside>