From b1d4fc290348ca6c052533b21b76ce49ba97dcb6 Mon Sep 17 00:00:00 2001
From: Tanner Collin <git@tannercollin.com>
Date: Wed, 3 Dec 2025 00:48:22 +0000
Subject: [PATCH] refactor: Convert collapser span to button for accessibility

Co-authored-by: aider (gemini/gemini-2.5-pro) <aider@aider.chat>
---
 webclient/src/Comments.js     |  2 +-
 webclient/src/Style-light.css | 10 ++++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/webclient/src/Comments.js b/webclient/src/Comments.js
index ce63fe8..6da4ba1 100644
--- a/webclient/src/Comments.js
+++ b/webclient/src/Comments.js
@@ -85,7 +85,7 @@ function Comments({ cache }) {
 						{' '} | <HashLink to={'#'+cid} id={cid}>{moment.unix(c.date).fromNow()}</HashLink>
 
 						{hidden || hasChildren &&
-							<span className='collapser pointer' onClick={() => collapseComment(cid)}>–</span>
+							<button className='collapser pointer' onClick={() => collapseComment(cid)}>–</button>
 						}
 					</p>
 				</div>
diff --git a/webclient/src/Style-light.css b/webclient/src/Style-light.css
index 272bb61..0abd3c1 100644
--- a/webclient/src/Style-light.css
+++ b/webclient/src/Style-light.css
@@ -215,6 +215,16 @@ span.source {
 	padding-right: 1.5rem;
 }
 
+button.collapser {
+	background: transparent;
+	border: none;
+	margin: 0;
+	padding-top: 0;
+	padding-bottom: 0;
+	font: inherit;
+	color: inherit;
+}
+
 .comment .pointer {
 	cursor: pointer;
 }