119602: Restructure labels

Author: AAwouters

src/app/info/accessibility-settings/accessibility-settings.component.html

@@ -3,11 +3,11 @@ <h2>{{ 'info.accessibility-settings.title' | translate }}</h2>
 
   <form>
     <div class="form-group row">
-      <label [for]="'disableNotificationTimeOutInput'" class="col-sm-2 col-form-label">
+      <label [for]="'disableNotificationTimeOutInput'" class="col-sm-4 col-form-label">
         {{ 'info.accessibility-settings.disableNotificationTimeOut.label' | translate }}
       </label>
 
-      <div class="col-sm-5">
+      <div class="col-sm-4">
         <ui-switch [id]="'disableNotificationTimeOutInput'"
                    [(ngModel)]="formValues.notificationTimeOutEnabled"
                    [ngModelOptions]="{ standalone: true }"
@@ -24,7 +24,7 @@ <h2>{{ 'info.accessibility-settings.title' | translate }}</h2>
     </div>
 
     <div class="form-group row">
-      <label [for]="'notificationTimeOutInput'" class="col-sm-2 col-form-label">
+      <label [for]="'notificationTimeOutInput'" class="col-sm-4 col-form-label">
         {{ 'info.accessibility-settings.notificationTimeOut.label' | translate }}
       </label>
 
@@ -36,9 +36,6 @@ <h2>{{ 'info.accessibility-settings.title' | translate }}</h2>
                [attr.aria-describedby]="'notificationTimeOutHint'">
       </div>
 
-      <div class="col-sm-1 col-form-label">
-        {{ 'info.accessibility-settings.notificationTimeOut.unit' | translate }}
-      </div>
 
       <div class="col-sm-1" *dsContextHelp="{
             content: 'info.accessibility-settings.notificationTimeOut.hint',
@@ -50,7 +47,7 @@ <h2>{{ 'info.accessibility-settings.title' | translate }}</h2>
     </div>
 
     <div class="form-group row">
-      <label [for]="'liveRegionTimeOutInput'" class="col-sm-2 col-form-label">
+      <label [for]="'liveRegionTimeOutInput'" class="col-sm-4 col-form-label">
         {{ 'info.accessibility-settings.liveRegionTimeOut.label' | translate }}
       </label>
 
@@ -61,9 +58,6 @@ <h2>{{ 'info.accessibility-settings.title' | translate }}</h2>
                [attr.aria-describedby]="'liveRegionTimeOutHint'">
       </div>
 
-      <div class="col-sm-1 col-form-label">
-        {{ 'info.accessibility-settings.liveRegionTimeOut.unit' | translate }}
-      </div>
 
       <div class="col-sm-1" *dsContextHelp="{
             content: 'info.accessibility-settings.liveRegionTimeOut.hint',

src/assets/i18n/en.json5

@@ -1844,22 +1844,18 @@
 
   "info.accessibility-settings.breadcrumbs": "Accessibility settings",
 
-  "info.accessibility-settings.disableNotificationTimeOut.label": "Hide notifications automatically",
+  "info.accessibility-settings.disableNotificationTimeOut.label": "Automatically close notifications after time out",
 
-  "info.accessibility-settings.disableNotificationTimeOut.hint": "When this toggle is activated, notifications will remain until manually closed.",
+  "info.accessibility-settings.disableNotificationTimeOut.hint": "When this toggle is activated, notifications will close automatically after the time out passes. When deactivated, notifications will remain open untill manually closed.",
 
-  "info.accessibility-settings.liveRegionTimeOut.label": "Live region time-out",
+  "info.accessibility-settings.liveRegionTimeOut.label": "ARIA Live region time out (in seconds)",
 
-  "info.accessibility-settings.liveRegionTimeOut.hint": "The duration after which a message in the live region disappears.",
+  "info.accessibility-settings.liveRegionTimeOut.hint": "The duration after which a message in the ARIA live region disappears. ARIA live regions are not visible on the page, but proivde announcements of notifications (or other actions) to screen readers.",
 
-  "info.accessibility-settings.liveRegionTimeOut.unit": "Seconds",
-
-  "info.accessibility-settings.notificationTimeOut.label": "Notification time-out",
+  "info.accessibility-settings.notificationTimeOut.label": "Notification time out (in seconds)",
 
   "info.accessibility-settings.notificationTimeOut.hint": "The duration after which a notification disappears.",
 
-  "info.accessibility-settings.notificationTimeOut.unit": "Seconds",
-
   "info.accessibility-settings.save-notification.cookie": "Successfully saved settings locally.",
 
   "info.accessibility-settings.save-notification.metadata": "Successfully saved settings on the user profile.",