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/Group/Group.vue

@@ -203,6 +203,7 @@
                   </span>
                 </b-dropdown-item>
                 <hr
+                  role="presentation"
                   class="dropdown-divider"
                   v-if="isCurrentActorAGroupMember"
                 />
@@ -224,7 +225,7 @@
                     {{ $t("ICS/WebCal Feed") }}
                   </a>
                 </b-dropdown-item>
-                <hr class="dropdown-divider" />
+                <hr role="presentation" class="dropdown-divider" />
                 <b-dropdown-item
                   v-if="ableToReport"
                   aria-role="menuitem"

js/src/views/Group/GroupSettings.vue

@@ -41,7 +41,11 @@
           <b-input v-model="editableGroup.name" id="group-settings-name" />
         </b-field>
         <b-field :label="$t('Group short description')">
-          <editor mode="basic" v-model="editableGroup.summary" :maxSize="500"
+          <editor
+            mode="basic"
+            v-model="editableGroup.summary"
+            :maxSize="500"
+            :aria-label="$t('Group description body')"
         /></b-field>
         <b-field :label="$t('Avatar')">
           <picture-upload

js/src/views/Group/Settings.vue

@@ -39,6 +39,11 @@ import SettingMenuItem from "../../components/Settings/SettingMenuItem.vue";
 
 @Component({
   components: { SettingMenuSection, SettingMenuItem },
+  metaInfo() {
+    return {
+      title: this.$t("Group settings") as string,
+    };
+  },
 })
 export default class Settings extends mixins(GroupMixin) {
   RouteName = RouteName;