announce more info

packages/web-runtime/src/App.vue

@@ -220,7 +220,7 @@ export default {
       immediate: true,
       handler: function(to) {
         this.appNavigationVisible = false
-        this.announceRouteChange(to.meta.pageTitle)
+        this.announceRouteChange(to)
       }
     },
     capabilities(caps) {
@@ -277,7 +277,7 @@ export default {
     this.$nextTick(() => {
       window.addEventListener('resize', this.onResize)
       this.onResize()
-      this.announceRouteChange(this.$router.currentRoute.meta.pageTitle)
+      this.announceRouteChange(this.$router.currentRoute)
     })
   },
   beforeMount() {
@@ -324,8 +324,21 @@ export default {
 
       this.appNavigationVisible = false
     },
-    announceRouteChange(pageTitle) {
-      this.$announcer.polite(`${this.$gettext('Navigated to')} "${pageTitle}"`)
+    announceRouteChange(route) {
+      const titleSegments = [route.meta.pageTitle || route.name]
+
+      if (route.params.item) {
+        if (route.name.startsWith('files-')) {
+          const fileTree = route.params.item.split('/').filter(el => el.length)
+          if (fileTree.length) {
+            titleSegments.push(fileTree.pop())
+          }
+        } else {
+          titleSegments.push(route.params.item)
+        }
+      }
+
+      this.$announcer.polite(`${this.$gettext('Navigated to')} "${titleSegments.join(' - ')}"`)
     }
   }
 }