More accessibility improvements

page/src/playground.tsx

@@ -328,7 +328,12 @@ export class Playground extends React.Component<
                 <HouseFill />
               </Button>
             </a>
-            <Button size="sm" className="fancy" onClick={this.start}>
+            <Button
+              size="sm"
+              className="fancy"
+              onClick={this.start}
+              title="Start"
+            >
               <PlayFill /> <span>Start</span>
             </Button>
 
@@ -338,6 +343,7 @@ export class Playground extends React.Component<
                 isFinalState(this.state.emulator.getState())
               }
               size="sm"
+              title="Stop"
               variant="secondary"
               className="fancy"
               onClick={() => this.state.emulator?.stop()}
@@ -346,6 +352,7 @@ export class Playground extends React.Component<
             </Button>
             <Button
               size="sm"
+              title={this.isEmulatorPaused() ? "Resume" : "Pause"}
               disabled={
                 !this.state.emulator ||
                 isFinalState(this.state.emulator.getState())
@@ -367,7 +374,12 @@ export class Playground extends React.Component<
 
             <Popover>
               <PopoverTrigger asChild>
-                <Button size="sm" variant="secondary" className="fancy">
+                <Button
+                  size="sm"
+                  variant="secondary"
+                  className="fancy"
+                  title="Settings"
+                >
                   <GearFill />{" "}
                   <span className="hidden sm:inline">Settings</span>
                 </Button>