diff --git a/packages/wc/components/presentation/wc.ts b/packages/wc/components/presentation/wc.ts
index 9a2dd9b..a7424fe 100644
--- a/packages/wc/components/presentation/wc.ts
+++ b/packages/wc/components/presentation/wc.ts
@@ -1166,7 +1166,12 @@ export class PresentationWC extends LitElement {
         <div class="chrome-center">
           <button class="chrome-button" @click=${this.#prev}
             aria-label="Previous slide">◀</button>
-          <span class="slide-counter">
+          <span
+            class="slide-counter"
+            aria-live="polite"
+            aria-atomic="true"
+            aria-label="Slide ${this.currentIndex + 1} of ${total}"
+          >
             ${this.currentIndex + 1} / ${total}
           </span>
           <button class="chrome-button" @click=${this.#next}
@@ -1224,9 +1229,12 @@ export class PresentationWC extends LitElement {
             />
           </label>
           <button class="chrome-button" @click=${this.#toggleTimer}
-            aria-label="Toggle timer">${this.timerRunning ? "❚❚" : "▶"}</button>
+            aria-label=${this.timerRunning ? "Pause timer" : "Start timer"}
+            title=${this.timerRunning ? "Pause timer" : "Start timer"}
+            >${this.timerRunning ? "❚❚" : "▶"}</button>
           <button class="chrome-button" @click=${this.#resetTimer}
-            aria-label="Reset timer">↺</button>
+            aria-label="Reset timer"
+            title="Reset timer">↺</button>
           <span class="clock">${this.#formatClock()}</span>
           <button class="chrome-button exit" @click=${this.#exit}
             aria-label="Exit presenter mode (Esc)"
diff --git a/packages/wc/components/toolbar.ts b/packages/wc/components/toolbar.ts
index 8fe85cb..3a66f05 100644
--- a/packages/wc/components/toolbar.ts
+++ b/packages/wc/components/toolbar.ts
@@ -135,9 +135,19 @@ export class Toolbar extends MorkdeckElement {
   override render() {
     return html`
       <footer class="toolbar-container">
-        <dialog class="toolbar">
-          <div class="toolset">
-            <button @click="${this.toggleFullscreen}" class="tool" rel="button">
+        <dialog
+          class="toolbar"
+          role="toolbar"
+          aria-label="Slide controls"
+        >
+          <div class="toolset" role="group" aria-label="View">
+            <button
+              @click="${this.toggleFullscreen}"
+              class="tool"
+              type="button"
+              aria-label="Toggle fullscreen"
+              title="Fullscreen"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -149,6 +159,8 @@ export class Toolbar extends MorkdeckElement {
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-maximize"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path d="M4 8v-2a2 2 0 0 1 2 -2h2" />
@@ -157,7 +169,13 @@ export class Toolbar extends MorkdeckElement {
                 <path d="M16 20h2a2 2 0 0 0 2 -2v-2" />
               </svg>
             </button>
-            <button @click="${this.toggleOverview}" class="tool" rel="button">
+            <button
+              @click="${this.toggleOverview}"
+              class="tool"
+              type="button"
+              aria-label="Show slide overview"
+              title="Overview"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -165,6 +183,8 @@ export class Toolbar extends MorkdeckElement {
                 viewBox="0 0 24 24"
                 fill="currentColor"
                 class="icon icon-tabler icons-tabler-filled icon-tabler-layout-grid"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path
@@ -182,8 +202,14 @@ export class Toolbar extends MorkdeckElement {
               </svg>
             </button>
           </div>
-          <div class="toolset">
-            <button @click="${this.goPrev}" class="tool" rel="button">
+          <div class="toolset" role="group" aria-label="Navigate">
+            <button
+              @click="${this.goPrev}"
+              class="tool"
+              type="button"
+              aria-label="Previous slide"
+              title="Previous slide"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -195,6 +221,8 @@ export class Toolbar extends MorkdeckElement {
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-left"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path d="M5 12l14 0" />
@@ -203,11 +231,21 @@ export class Toolbar extends MorkdeckElement {
               </svg>
             </button>
             <div class="info">
-              <span>
+              <span
+                aria-live="polite"
+                aria-atomic="true"
+                aria-label="Slide ${this.currentIndex + 1} of ${this.slides.length}"
+              >
                 ${this.currentIndex + 1} of ${this.slides.length}
               </span>
             </div>
-            <button @click="${this.goNext}" class="tool" rel="button">
+            <button
+              @click="${this.goNext}"
+              class="tool"
+              type="button"
+              aria-label="Next slide"
+              title="Next slide"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -219,6 +257,8 @@ export class Toolbar extends MorkdeckElement {
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-arrow-right"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path d="M5 12l14 0" />
@@ -227,8 +267,15 @@ export class Toolbar extends MorkdeckElement {
               </svg>
             </button>
           </div>
-          <div class="toolset">
-            <button @click="${this.toggleShare}" class="tool" rel="button">
+          <div class="toolset" role="group" aria-label="Share">
+            <button
+              @click="${this.toggleShare}"
+              class="tool"
+              type="button"
+              aria-label="Share link (coming soon)"
+              aria-disabled="true"
+              title="Share link (coming soon)"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -240,6 +287,8 @@ export class Toolbar extends MorkdeckElement {
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-link"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path d="M9 15l6 -6" />
@@ -249,8 +298,13 @@ export class Toolbar extends MorkdeckElement {
                 />
               </svg>
             </button>
-            <button @click="${this
-              .togglePresenterMode}" class="tool" rel="button">
+            <button
+              @click="${this.togglePresenterMode}"
+              class="tool"
+              type="button"
+              aria-label="Open presenter view in new tab"
+              title="Presenter view"
+            >
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
@@ -262,6 +316,8 @@ export class Toolbar extends MorkdeckElement {
                 stroke-linecap="round"
                 stroke-linejoin="round"
                 class="icon icon-tabler icons-tabler-outline icon-tabler-chalkboard"
+                aria-hidden="true"
+                focusable="false"
               >
                 <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                 <path