Improve accessibility by adding ARIA attributes

2025-06-26 19:00:43 +02:00
parent af3a255824
commit 5b7459f24d
3 changed files with 18 additions and 11 deletions
--- a/components/buffer-list.js
+++ b/components/buffer-list.js
@@ -47,7 +47,7 @@ function BufferItem(props) {
 	}

 	return html`
-		<li class="${classes.join(" ")}">
+		<li class="${classes.join(" ")}" role="tab" aria-selected="${props.active}">
 			<a
 				href=${getBufferURL(props.buffer)}
 				title=${title}
@@ -80,5 +80,5 @@ export default function BufferList(props) {
 		`;
 	});

-	return html`<ul>${items}</ul>`;
+	return html`<ul role="tablist">${items}</ul>`;
 }