aria modals

src/app/accounts/environment.component.html

@@ -1,5 +1,5 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" attr.aria-label="{{'settings' | i18n}}">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <form class="modal-content" (ngSubmit)="submit()">
             <div class="modal-body">
                 <div class="box">

src/app/accounts/premium.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="premiumTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="premiumTitle">
                         {{'premiumMembership' | i18n}}
                     </div>
                     <div class="box-content box-content-padded">

src/app/accounts/settings.component.html

@@ -1,5 +1,5 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" attr.aria-label="{{'settings' | i18n}}">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body form">
                 <div class="box">

src/app/accounts/two-factor-options.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="twoStepTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="twoStepTitle">
                         {{'twoStepOptions' | i18n}}
                     </div>
                     <div class="box-content">

src/app/vault/attachments.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="attachmentsTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
             <div class="modal-body">
                 <div class="box" *ngIf="cipher && cipher.hasAttachments">
-                    <div class="box-header">
+                    <div class="box-header" id="attachmentsTitle">
                         {{'attachments' | i18n}}
                     </div>
                     <div class="box-content no-hover">

src/app/vault/collections.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="collectionsTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="collectionsTitle">
                         {{'collections' | i18n}}
                     </div>
                     <div class="box-content" *ngIf="!collections || !collections.length">

src/app/vault/export.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="exportTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <form class="modal-content" #form (ngSubmit)="submit()">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="exportTitle">
                         {{'exportVault' | i18n}}
                     </div>
                     <div class="box-content">

src/app/vault/folder-add-edit.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="folderAddEditTitle">
-    <div class="modal-dialog modal-sm">
+    <div class="modal-dialog modal-sm" role="document">
         <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="folderAddEditTitle">
                         {{title}}
                     </div>
                     <div class="box-content">

src/app/vault/password-generator-history.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="passwordGenHistoryTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="passwordGenHistoryTitle">
                         {{'passwordHistory' | i18n}}
                     </div>
                     <div class="box-content condensed">

src/app/vault/password-generator.component.html

@@ -1,5 +1,5 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" attr.aria-label="{{'generatePassword' | i18n}}">
-    <div class="modal-dialog modal-sm">
+    <div class="modal-dialog modal-sm" role="document">
         <div class="modal-content">
             <div class="modal-body">
                 <div class="password-block">

src/app/vault/password-history.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="passwordHistoryTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="passwordHistoryTitle">
                         {{'passwordHistory' | i18n}}
                     </div>
                     <div class="box-content condensed">

src/app/vault/share.component.html

@@ -1,9 +1,9 @@
-<div class="modal fade">
+<div class="modal fade" tabindex="-1" role="dialog" aria-modal="true" aria-labelledby="shareTitle">
-    <div class="modal-dialog">
+    <div class="modal-dialog" role="document">
         <form class="modal-content" #form (ngSubmit)="submit()" [appApiAction]="formPromise">
             <div class="modal-body">
                 <div class="box">
-                    <div class="box-header">
+                    <div class="box-header" id="shareTitle">
                         {{'share' | i18n}}
                     </div>
                     <div class="box-content" *ngIf="!organizations || !organizations.length">