Merge branch '1127-improve-naming-of-pages' into 'develop'

Resolve "Improve naming of pages"

Closes #1127

See merge request funkwhale/funkwhale!1174

changes/changelog.d/1127.enhancement

@@ -0,0 +1 @@
+Improved naming of pages for accessibility (#1127)

front/src/components/About.vue

@@ -1,5 +1,5 @@
 <template>
-  <main class="main pusher page-about">
+  <main class="main pusher page-about" v-title="labels.title">
     <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
       <div class="segment-content">
         <h1 class="ui center aligned large header">
@@ -216,6 +216,11 @@ export default {
   ...mapState({
       nodeinfo: state => state.instance.nodeinfo,
     }),
+    labels() {
+      return {
+        title: this.$pgettext('Head/About/Title', "About")
+      }
+    },
     podName() {
       return _.get(this.nodeinfo, 'metadata.nodeName') || "Funkwhale"
     },

front/src/components/Home.vue

@@ -214,7 +214,7 @@ export default {
     }),
     labels() {
       return {
-        title: this.$pgettext('Head/Home/Title', "Welcome")
+        title: this.$pgettext('Head/Home/Title', "Home")
       }
     },
     podName() {

front/src/components/library/Home.vue

@@ -75,7 +75,7 @@ export default {
   computed: {
     labels() {
       return {
-        title: this.$pgettext('Head/Home/Title', "Home")
+        title: this.$pgettext('Head/Home/Title', "Library")
       }
     }
   },

front/src/views/admin/moderation/ReportsList.vue

@@ -1,5 +1,5 @@
 <template>
-  <main v-title="labels.accounts">
+  <main v-title="labels.reports">
     <section class="ui vertical stripe segment">
       <h2 class="ui header"><translate translate-context="*/Moderation/*/Noun">Reports</translate></h2>
       <div class="ui hidden divider"></div>

front/src/views/admin/moderation/RequestsList.vue

@@ -1,5 +1,5 @@
 <template>
-  <main v-title="labels.accounts">
+  <main v-title="labels.reports">
     <section class="ui vertical stripe segment">
       <h2 class="ui header"><translate translate-context="*/Moderation/*/Noun">User Requests</translate></h2>
       <div class="ui hidden divider"></div>