From 1be8d70bb7addd03535fbd5de81ff7b6748bb7c7 Mon Sep 17 00:00:00 2001
From: momo5502 <mauriceheumann@gmail.com>
Date: Sun, 28 Sep 2025 12:51:26 +0200
Subject: [PATCH] Improve accessibility

---
 page/src/components/output.tsx | 1 +
 page/src/playground.tsx        | 9 +++++++--
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/page/src/components/output.tsx b/page/src/components/output.tsx
index 22546e14..c47a52cb 100644
--- a/page/src/components/output.tsx
+++ b/page/src/components/output.tsx
@@ -336,6 +336,7 @@ export class Output extends React.Component<OutputProps, FullOutputState> {
           style={{ height: this.state.height, width: this.state.width }}
         />
         <Button
+          title="Scroll to end"
           className={
             "absolute bottom-6 right-6 z-50 terminal-glass transition-opacity duration-50 ease-linear " +
             (this.state.autoScroll ? "opacity-0" : "")
diff --git a/page/src/playground.tsx b/page/src/playground.tsx
index 2f0a0fb9..82324758 100644
--- a/page/src/playground.tsx
+++ b/page/src/playground.tsx
@@ -318,8 +318,13 @@ export class Playground extends React.Component<
         />
         <div className="h-[100dvh] flex flex-col">
           <header className="flex shrink-0 items-center gap-2 border-b p-2 overflow-y-auto">
-            <a href="#/">
-              <Button size="sm" variant="secondary" className="fancy">
+            <a title="Home" href="#/">
+              <Button
+                size="sm"
+                variant="secondary"
+                className="fancy"
+                title="Home Button"
+              >
                 <HouseFill />
               </Button>
             </a>