Various accessibility improvements

* Add announcement element with `aria-live`
* Add skip to main content element

Signed-off-by: Thomas Citharel <tcit@tcit.fr>

js/src/router/actor.ts

@@ -1,5 +1,6 @@
 import { RouteConfig } from "vue-router";
 import { ImportedComponent } from "vue/types/options";
+import { i18n } from "@/utils/i18n";
 
 export enum ActorRouteName {
   GROUP = "Group",
@@ -14,7 +15,10 @@ export const actorRoutes: RouteConfig[] = [
     name: ActorRouteName.CREATE_GROUP,
     component: (): Promise<ImportedComponent> =>
       import(/* webpackChunkName: "CreateGroup" */ "@/views/Group/Create.vue"),
-    meta: { requiredAuth: true },
+    meta: {
+      requiredAuth: true,
+      announcer: { message: (): string => i18n.t("Create group") as string },
+    },
   },
   {
     path: "/@:preferredUsername",
@@ -22,13 +26,16 @@ export const actorRoutes: RouteConfig[] = [
     component: (): Promise<ImportedComponent> =>
       import(/* webpackChunkName: "Group" */ "@/views/Group/Group.vue"),
     props: true,
-    meta: { requiredAuth: false },
+    meta: { requiredAuth: false, announcer: { skip: true } },
   },
   {
     path: "/groups/me",
     name: ActorRouteName.MY_GROUPS,
     component: (): Promise<ImportedComponent> =>
       import(/* webpackChunkName: "MyGroups" */ "@/views/Group/MyGroups.vue"),
-    meta: { requiredAuth: true },
+    meta: {
+      requiredAuth: true,
+      announcer: { message: (): string => i18n.t("My groups") as string },
+    },
   },
 ];