From d396dc69e3dc3ff9436b6de091754156fdc33359 Mon Sep 17 00:00:00 2001
From: Kam <erkamyaman35@gmail.com>
Date: Fri, 2 Oct 2026 23:02:48 +0300
Subject: [PATCH 1/2] fix(hub-ui): give dock iframes a title and the standalone
 hub landmarks

axe flags the standalone hub page for an unnamed dock iframe and for content outside any landmark. Each dock iframe now carries its localized dock title, and the dock list and content area are nav and main landmarks.
---
 .../src/client/components/dock/DockStandalone.vue    | 12 ++++++------
 .../src/client/components/views/ViewIframe.vue       |  4 ++++
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/packages/hub-ui/src/client/components/dock/DockStandalone.vue b/packages/hub-ui/src/client/components/dock/DockStandalone.vue
index dc52e013..7cce8aa2 100644
--- a/packages/hub-ui/src/client/components/dock/DockStandalone.vue
+++ b/packages/hub-ui/src/client/components/dock/DockStandalone.vue
@@ -55,11 +55,11 @@ function switchEntry(id: string | undefined) {
 
 <template>
   <ColorSchemeRoot>
-    <div v-if="!isRpcTrusted" class="h-screen w-screen of-hidden">
+    <main v-if="!isRpcTrusted" class="h-screen w-screen of-hidden">
       <ViewBuiltinClientAuthNotice :context="context" />
-    </div>
+    </main>
     <div v-else class="h-screen w-screen of-clip grid cols-[max-content_1fr]">
-      <div class="border-r border-base flex flex-col min-h-0">
+      <nav aria-label="Docks" class="border-r border-base flex flex-col min-h-0">
         <div class="p2 border-b border-base flex">
           <BrandMark class="w-7 h-7 ma" />
         </div>
@@ -77,8 +77,8 @@ function switchEntry(id: string | undefined) {
             </template>
           </DockEntriesWithCategories>
         </div>
-      </div>
-      <div class="min-h-0 flex">
+      </nav>
+      <main class="min-h-0 flex">
         <DockGroupSidebar
           v-if="activeGroup"
           :context
@@ -95,7 +95,7 @@ function switchEntry(id: string | undefined) {
           />
           <div id="devframes-views-container" ref="viewsContainer" class="pointer-events-auto" />
         </div>
-      </div>
+      </main>
     </div>
     <FloatingElements />
     <CommandPalette :context />
diff --git a/packages/hub-ui/src/client/components/views/ViewIframe.vue b/packages/hub-ui/src/client/components/views/ViewIframe.vue
index 2b80051a..166f7e84 100644
--- a/packages/hub-ui/src/client/components/views/ViewIframe.vue
+++ b/packages/hub-ui/src/client/components/views/ViewIframe.vue
@@ -8,6 +8,7 @@ import { stripRemoteConnectionFromUrl, watchFrameLocation } from '@devframes/hub
 import { DEVFRAME_REMOTE_ASSETS_ERROR_MESSAGE_TYPE } from '@devframes/hub/constants'
 import { computed, nextTick, onMounted, onUnmounted, ref, useTemplateRef, watchEffect } from 'vue'
 import { t } from '../../i18n'
+import { localizeTitle } from '../../state/locale'
 import { useSettings } from '../../state/settings-defaults'
 import ViewAssetsError from './ViewAssetsError.vue'
 import ViewIframeLoading from './ViewIframeLoading.vue'
@@ -233,6 +234,9 @@ onMounted(() => {
     style: { boxShadow: 'none', outline: 'none' },
   })
   const iframe = pane.iframe
+  watchEffect(() => {
+    iframe.title = localizeTitle(props.entry).title
+  })
 
   // Follow the frame wherever it goes: a document load, but also an SPA
   // router's `pushState`/`replaceState` and back/forward, none of which fire

From 30be301f5805eaed8a5b400ecba1fa8a57c517db Mon Sep 17 00:00:00 2001
From: Kam <erkamyaman35@gmail.com>
Date: Fri, 2 Oct 2026 23:17:29 +0300
Subject: [PATCH 2/2] fix(hub-ui): localize the docks landmark label

The nav landmark kept an English name when the UI switched language. It now uses the existing settings.docks translation.
---
 packages/hub-ui/src/client/components/dock/DockStandalone.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/hub-ui/src/client/components/dock/DockStandalone.vue b/packages/hub-ui/src/client/components/dock/DockStandalone.vue
index 7cce8aa2..c190ed16 100644
--- a/packages/hub-ui/src/client/components/dock/DockStandalone.vue
+++ b/packages/hub-ui/src/client/components/dock/DockStandalone.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import type { DocksContext } from '@devframes/hub/client'
 import { computed, useTemplateRef, watch } from 'vue'
+import { t } from '../../i18n'
 import { getEntryGroup } from '../../state/dock-settings'
 import { getEntryPaneKey, useIframePanes } from '../../utils/useIframePanes'
 import { useIsRpcTrusted } from '../../utils/useIsRpcTrusted'
@@ -59,7 +60,7 @@ function switchEntry(id: string | undefined) {
       <ViewBuiltinClientAuthNotice :context="context" />
     </main>
     <div v-else class="h-screen w-screen of-clip grid cols-[max-content_1fr]">
-      <nav aria-label="Docks" class="border-r border-base flex flex-col min-h-0">
+      <nav :aria-label="t('settings.docks')" class="border-r border-base flex flex-col min-h-0">
         <div class="p2 border-b border-base flex">
           <BrandMark class="w-7 h-7 ma" />
         </div>