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/views/Todos/Todo.vue

@@ -55,6 +55,14 @@ import RouteName from "../../router/name";
       },
     },
   },
+  metaInfo() {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const { todo } = this;
+    return {
+      title: todo.title,
+    };
+  },
 })
 export default class Todo extends Vue {
   @Prop({ type: String, required: true }) todoId!: string;

js/src/views/Todos/TodoList.vue

@@ -69,6 +69,14 @@ import { ApolloCache, FetchResult, InMemoryCache } from "@apollo/client/core";
     },
     currentActor: CURRENT_ACTOR_CLIENT,
   },
+  metaInfo() {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const { todoList } = this;
+    return {
+      title: todoList.title,
+    };
+  },
 })
 export default class TodoList extends Vue {
   @Prop({ type: String, required: true }) id!: string;

js/src/views/Todos/TodoLists.vue

@@ -82,6 +82,16 @@ import RouteName from "../../router/name";
   components: {
     CompactTodo,
   },
+  metaInfo() {
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    const { group } = this;
+    return {
+      title: this.$t("{group}'s todolists", {
+        group: group.name || usernameWithDomain(group),
+      }) as string,
+    };
+  },
 })
 export default class TodoLists extends Vue {
   @Prop({ type: String, required: true }) preferredUsername!: string;