From 747f185dc5ca3b341ce44a83047dcc863f02f9ef Mon Sep 17 00:00:00 2001
From: Cory LaViska <cory@abeautifulsite.net>
Date: Tue, 10 Dec 2024 09:45:17 -0500
Subject: [PATCH] add labels to zoom buttons

---
 src/components/viewport-demo/viewport-demo.ts | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/viewport-demo/viewport-demo.ts b/src/components/viewport-demo/viewport-demo.ts
index 984f40e7b..5e62c0f60 100644
--- a/src/components/viewport-demo/viewport-demo.ts
+++ b/src/components/viewport-demo/viewport-demo.ts
@@ -291,11 +291,21 @@ export default class WaViewportDemo extends WebAwesomeElement {
         <span part="controls">
           ${dimensions}
           <span class="zoom">
-            <wa-icon-button name="square-minus" variant="regular" @click=${() => this.zoomOut()} part="zoom-out button"
+            <wa-icon-button
+              name="square-minus"
+              variant="regular"
+              label="Zoom out"
+              @click=${() => this.zoomOut()}
+              part="zoom-out button"
               >-</wa-icon-button
             >
             <span class="zoom-level"> ${Math.round(this.computedZoom * 100)}%</span>
-            <wa-icon-button name="square-plus" variant="regular" @click=${() => this.zoomIn()} part="zoom-in button"
+            <wa-icon-button
+              name="square-plus"
+              variant="regular"
+              label="Zoom in"
+              @click=${() => this.zoomIn()}
+              part="zoom-in button"
               >+</wa-icon-button
             >
           </span>