Merged in feature/PMCORE-3805 (pull request #8602)

PMCORE-3805 Approved-by: Rodrigo Quelca Approved-by: Julio Cesar Laura Avendaño
2022-11-10 15:28:07 +00:00
parent d17ac1adff b507788b33
commit 4b0cbf9a75
41 changed files with 344 additions and 93 deletions
--- a/resources/assets/js/components/home/caseDetail/CaseComments.vue
+++ b/resources/assets/js/components/home/caseDetail/CaseComments.vue
@@ -2,8 +2,8 @@
  <div class="container py-2">
    <div class="row"></div>
    <div class="comments col-md-12" id="comments">
-      <p>
-        <b>{{ data.title }}</b>
+      <p class="commentTitle">
+        {{ data.title }}
      </p>
      <div v-for="item in data.items" :key="item.date">
        <case-comment
@@ -45,6 +45,7 @@
                ref="comment"
                cols="80"
                rows="5"
+                aria-label="comments"
              ></textarea>
            </div>
          </div>
@@ -52,7 +53,7 @@
      </div>
      <div class="comment mb-2 row float-right">
        <div class="form-check v-check-comment">
-          <input type="checkbox" class="form-check-input" ref="send" />
+          <input id="sendEmail" type="checkbox" class="form-check-input" ref="send" />
          <label class="form-check-label" for="sendEmail">
            {{ $t("ID_SEND_EMAIL_CASE_PARTICIPANTS") }}</label
          >
@@ -216,4 +217,7 @@ export default {
  font-size: 32px;
  color: antiquewhite;
 }
+.commentTitle {
+  font-weight: bolder;
+}
 </style>
--- a/resources/assets/js/components/home/caseDetail/CaseHistory.vue
+++ b/resources/assets/js/components/home/caseDetail/CaseHistory.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="IFrameCaseHistory"
+      title="IFrameCaseHistory"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/components/home/caseDetail/ChangeLog.vue
+++ b/resources/assets/js/components/home/caseDetail/ChangeLog.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="IFrameChangeLog"
+      title="IFrameChangeLog"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/components/home/caseDetail/MoreInformation.vue
+++ b/resources/assets/js/components/home/caseDetail/MoreInformation.vue
@@ -3,6 +3,7 @@
        <iframe
            :width="width"
            ref="IFrameSummaryForm"
+            title="IFrameSummaryForm"
            frameborder="0"
            :src="path"
            :height="height"
--- a/resources/assets/js/components/home/caseDetail/ProcessMap.vue
+++ b/resources/assets/js/components/home/caseDetail/ProcessMap.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="IFrameProcessMap"
+      title="IFrameProcessMap"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
+++ b/resources/assets/js/components/menu/CustomSidebarMenuItem.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="my-container">
+    <div :id="`menu-${item.id}`">
        <div
            v-if="item.header && !isItemHidden"
            class="vsm--header"
--- a/resources/assets/js/components/search/AdvancedFilter.vue
+++ b/resources/assets/js/components/search/AdvancedFilter.vue
@@ -23,7 +23,7 @@
                                </div>
                            </template>
                            <template v-slot:body>
-                                <b-form-group>
+                                <b-form-group label-for="advancedFilter">
                                    <b-form-checkbox-group
                                        v-model="selected"
                                        :options="filterItems"
@@ -82,7 +82,9 @@
                                <b-form-group
                                    :state="caseNumberState"
                                    :invalid-feedback="$t('ID_INVALID_APPLICATION_NUMBER')"
+                                    label-for="caseNumber"
                                >
+                                    <label for="case-number-input"></label>
                                    <b-form-input
                                        id="case-number-input"
                                        v-model="caseNumber"
@@ -90,6 +92,7 @@
                                        :placeholder="$t('ID_CASE_NUMBER_CAPITALIZED')"
                                        required
                                        type="number"
+                                        aria-label="case_number"
                                    ></b-form-input>
                                </b-form-group>
                            </form>
@@ -147,6 +150,7 @@
                                        variant="outline-secondary"
                                        class="pull-right"
                                        @click="onSearch"
+                                        aria-label="search"
                                    >
                                    <b-icon icon="search"></b-icon>
                                    </b-button>
--- a/resources/assets/js/components/search/CasesFilter.vue
+++ b/resources/assets/js/components/search/CasesFilter.vue
@@ -6,7 +6,7 @@
            :title="addSearchTitle"
        >
            <template v-slot:body>
-                <b-form-group>
+                <b-form-group label-for="casesFilter">
                    <b-form-radio-group
                        v-model="selected"
                        :options="criteriaItems"
@@ -15,7 +15,7 @@
                        name="flavour-2a"
                        stacked
                    ></b-form-radio-group>
-                    <b-form-group> </b-form-group>
+                    <p></p>
                    <b-form-checkbox
                        id="checkbox-2"
                        v-model="byProcessCategory"
--- a/resources/assets/js/components/search/CustomFilter.vue
+++ b/resources/assets/js/components/search/CustomFilter.vue
@@ -6,7 +6,7 @@
            :title="addSearchTitle"
        >
            <template v-slot:body>
-                <b-form-group>
+                <b-form-group label-for="customFilter">
                    <b-form-radio-group
                        v-model="selectedRadio"
                        :options="getFilterColletion('radio')"
@@ -15,7 +15,7 @@
                        name="flavour-2a"
                        stacked
                    ></b-form-radio-group>
-                    <b-form-group> </b-form-group>
+                    <p></p>
                    <b-form-checkbox-group
                        id="checkbox-custom-filter"
                        v-model="selectedCheckbox"
--- a/resources/assets/js/components/search/MyCasesFilter.vue
+++ b/resources/assets/js/components/search/MyCasesFilter.vue
@@ -6,8 +6,7 @@
            :title="addSearchTitle"
        >
            <template v-slot:body>
-
-                <b-form-group>
+                <b-form-group label-for="myCasesFilter">
                    <b-form-radio-group
                        v-model="selected"
                        :options="filterItems"
--- a/resources/assets/js/components/tabs/Tabs.vue
+++ b/resources/assets/js/components/tabs/Tabs.vue
@@ -11,7 +11,7 @@
      >
        <span
          v-html="tab.header"
-          :aria-controls="tab.hash"
+          :aria-label="tab.hash"
          :aria-selected="tab.isActive"
          @click="selectTab(tab.hash, $event)"
          class="tabs-component-tab-a"
--- a/resources/assets/js/components/utils/BreadCrumb.vue
+++ b/resources/assets/js/components/utils/BreadCrumb.vue
@@ -16,7 +16,7 @@
          <span>{{ item.label }}</span>
        </span>
      </li>
-      <div
+      <li
        v-for="item in settings"
        :key="item.id"
        class="vp-bread-crumbs-settings vp-float-right vp-inline-block"
@@ -29,7 +29,7 @@
        >
          <i :class="formatClass(item)"></i>
        </span>
-      </div>
+      </li>
    </ol>
  </nav>
 </template>
--- a/resources/assets/js/components/utils/ellipsis.vue
+++ b/resources/assets/js/components/utils/ellipsis.vue
@@ -23,6 +23,7 @@
                            :key="item.name"
                            variant="outline-info"
                            @click="executeFunction(item.fn)"
+                            :aria-label="item.name"
                        >
                            <i class="custom-icon" :class="item.icon" v-bind:style="{color: item.color}"></i>
                        </b-button>
--- a/resources/assets/js/components/vuetable/SettingsPopover.vue
+++ b/resources/assets/js/components/vuetable/SettingsPopover.vue
@@ -8,36 +8,32 @@
      @show="onshow"
    >
      <template #title>{{ $t("ID_COLUMNS").toUpperCase() }}</template>
-
      <div>
        <div class="input-group input-group-sm mb-3">
          <span class="input-group-text" id="inputGroup-sizing-sm"
            ><i class="fas fa-search"></i
          ></span>
-
          <input
            type="text"
            class="form-control"
-            aria-describedby="inputGroup-sizing-sm"
+            aria-label="inputGroup-sizing-sm"
            @keyup="search"
            v-model="text"
          />
        </div>
-
        <div class="form-check border-bottom">
          <input
            class="form-check-input"
            type="checkbox"
            v-model="allColumns"
            @change="toogleAllColumns"
+            id="flexCheckDefault"
          />
-
          <label class="form-check-label" for="flexCheckDefault">
            {{ $t("ID_ALL") }}
          </label>
        </div>
-
-        <b-form-group>
+        <b-form-group label-for="settingsPopover">
          <b-form-checkbox-group
            v-model="localSelected"
            :options="options"
@@ -48,13 +44,11 @@
            stacked
          ></b-form-checkbox-group>
        </b-form-group>
-
        <div class="v-popover-footer">
          <div class="float-right">
            <b-button @click="onClose" size="sm" variant="danger">
              {{ $t("ID_CANCEL") }}</b-button
            >
-
            <b-button @click="onSave" size="sm" variant="success">{{
              $t("ID_SAVE")
            }}</b-button>
--- a/resources/assets/js/home/BatchRouting.vue
+++ b/resources/assets/js/home/BatchRouting.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="xIFrame"
+      title="xIFrame"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/home/Home.vue
+++ b/resources/assets/js/home/Home.vue
@@ -2,6 +2,7 @@
    <div
        id="home"
        :class="[{ collapsed: collapsed }, { onmobile: isOnMobile }]"
+        role="main"
    >
        <div class="demo">
            <b-alert
--- a/resources/assets/js/home/LegacyFrame.vue
+++ b/resources/assets/js/home/LegacyFrame.vue
@@ -7,6 +7,7 @@
      :src="pageUri"
      :height="height"
      allowfullscreen
+      title="xIFrame"
    ></iframe>
  </div>
 </template>
--- a/resources/assets/js/home/MyDocuments.vue
+++ b/resources/assets/js/home/MyDocuments.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="xIFrame"
+      title="xIFrame"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/home/TaskMetrics/ProcessPopover.vue
+++ b/resources/assets/js/home/TaskMetrics/ProcessPopover.vue
@@ -19,6 +19,7 @@
            aria-describedby="inputGroup-sizing-sm"
            @keyup="search"
            v-model="text"
+            aria-label="search"
          />
        </div>
        <div class="form-check border-bottom">
@@ -27,12 +28,13 @@
            type="checkbox"
            v-model="allColumns"
            @change="toogleAllColumns"
+            id="flexCheckDefault"
          />
          <label class="form-check-label" for="flexCheckDefault">
            {{ $t("ID_ALL") }}
          </label>
        </div>
-        <b-form-group>
+        <b-form-group label-for="casesFilter">
          <b-form-checkbox-group
            v-model="localSelected"
            :options="results"
--- a/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvOne.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
+  <div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
    <div class="p-1 v-flex">
      <h6 class="v-search-title">
        {{ $t("ID_DRILL_DOWN_NUMBER_TASKS_PROCESS") }}
@@ -70,13 +70,13 @@
          </div>
        </b-popover>
        <div class="vp-inline-block vp-right vp-padding-r40">
-          <h4
+          <span
            class="v-search-title"
            @click="showProcessesPopover"
            id="pm-task-process"
          >
            <i class="fas fa-cog"></i>
-          </h4>
+          </span>
        </div>
      </div>
      <div class="v-search-info">
--- a/resources/assets/js/home/TaskMetrics/VueChartLvThree.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvThree.vue
@@ -1,5 +1,5 @@
 <template>
-    <div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
+    <div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
        <div class="p-1 v-flex">
            <h6 class="v-search-title">
                {{ $t("ID_DRILL_DOWN_RISK_MATRIX") }}
--- a/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvTwo.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
+  <div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
    <div class="p-1 v-flex">
      <h6 class="v-search-title">
        {{ $t("ID_DRILL_DOWN_NUMBER_TASKS_PROCESS_BY_TASK") }}
--- a/resources/assets/js/home/TaskMetrics/VueChartLvZero.vue
+++ b/resources/assets/js/home/TaskMetrics/VueChartLvZero.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="v-pm-charts" ref="v-pm-charts" class="v-pm-charts vp-inline-block">
+  <div ref="v-pm-charts" class="v-pm-charts vp-inline-block">
    <div class="p-1 v-flex">
      <h6 class="v-search-title">{{ $t("ID_DRILL_DOWN_NUMBER_TASKS") }}</h6>
      <BreadCrumb :options="dataBreadcrumbs" :settings="settingsBreadcrumbs" />
--- a/resources/assets/js/home/TaskReassignments.vue
+++ b/resources/assets/js/home/TaskReassignments.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="xIFrame"
+      title="xIFrame"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/home/XCase.vue
+++ b/resources/assets/js/home/XCase.vue
@@ -3,6 +3,7 @@
    <iframe
      :width="width"
      ref="xIFrame"
+      title="xIFrame"
      frameborder="0"
      :src="path"
      :height="height"
--- a/resources/assets/js/home/modal/ModalCancelCase.vue
+++ b/resources/assets/js/home/modal/ModalCancelCase.vue
@@ -26,12 +26,13 @@
          ref="comment"
          cols="80"
          rows="5"
+          aria-label="commentsCancelCase"
        ></textarea>
      </div>
      <div class="row">
        <div class="col-md-12 ml-auto">
-          <input type="checkbox" class="" ref="send" />
-          <label class="form-check-label" for="sendEmail">
+          <input id="sendEmailCancelCase" type="checkbox" class="" ref="send" />
+          <label class="form-check-label" for="sendEmailCancelCase">
            Send email to participants</label
          >
        </div>
--- a/resources/assets/js/home/modal/ModalPauseCase.vue
+++ b/resources/assets/js/home/modal/ModalPauseCase.vue
@@ -21,13 +21,14 @@
        </b-alert>
        <b-row class="my-1">
          <b-col sm="3">
-            <label for="pauseDate">{{ $t('ID_PAUSE_DATE') }}</label>
+            <label aria-label="pauseDate">{{ $t('ID_PAUSE_DATE') }}</label>
          </b-col>
          <b-col sm="5">
            <b-form-datepicker
              disabled  
              id="pauseDate"
              class="mb-2"
+              aria-controls="pauseDate"
              v-model="pauseData.pauseDate"
              :locale="locale"
              :date-format-options="{ year: 'numeric', month: 'numeric', day: 'numeric' }"
@@ -40,12 +41,13 @@
        
        <b-row class="my-1">
          <b-col sm="3">
-            <label for="unpauseDate">{{ $t('ID_UNPAUSE_DATE') }}</label>
+            <label aria-label="unpauseDate">{{ $t('ID_UNPAUSE_DATE') }}</label>
          </b-col>
          <b-col sm="5">
            <b-form-datepicker
              id="unpauseDate"
              class="mb-2"
+              aria-controls="unpauseDate"
              v-model="pauseData.unpauseDate"
              :locale="locale"
              :min="minDate"
--- a/resources/assets/js/home/modal/ModalReassignCase.vue
+++ b/resources/assets/js/home/modal/ModalReassignCase.vue
@@ -21,10 +21,10 @@
      <b-container fluid>
        <b-row class="my-1">
          <b-col sm="3">
-            <label for="selectUser">{{ $t('ID_SELECT_USER') }}</label>
+            <label aria-label="selectUser">{{ $t('ID_SELECT_USER') }}</label>
          </b-col>
          <b-col sm="9">
-            <b-form-select v-model="userSelected" :options="users"></b-form-select>
+            <b-form-select id="selectUser" v-model="userSelected" :options="users" aria-label="selectUser"></b-form-select>
          </b-col>
        </b-row>

--- a/workflow/engine/methods/appFolder/appFolderAjax.php
+++ b/workflow/engine/methods/appFolder/appFolderAjax.php
@@ -1635,14 +1635,16 @@ function newFolder()
    $formNewFolder["items"]= array();

    $field=array();
-    $field["xtype"]= "label";
+    $field["xtype"]= "textfield";
    $field["fieldLabel"]= G::LoadTranslation('ID_CREATE_FOLDER_PATH_FOLDER');
-    $field["name"]= "form[FOLDER_PATH]";
-    $field["id"]= "form[FOLDER_PATH]";
+    $field["name"]= "FOLDER_PATH";
+    $field["id"]= "FOLDER_PATH";
    $field["width"]=175;
    $field["allowBlank"]=false;
    $field["value"]=$folderPath;
    $field["text"]=$folderPath;
+    $field["readOnly"]= true;
+    $field["style"] = "{'border': 'none'}";
    $formNewFolder["items"][]= $field;

    $field=array();
--- a/workflow/engine/skinEngine/neoclassic/css/pmos-xtheme-gray.css
+++ b/workflow/engine/skinEngine/neoclassic/css/pmos-xtheme-gray.css
@@ -329,6 +329,12 @@ button.x-btn-text:focus,
  background-image: url(/skins/neoclassic/images/icons_silk/sprites.png);
  height: 18px;
 }
+#FOLDER_PATH{
+  border: none;
+  background-image: none;
+  background-color: #f1f1f1;
+  cursor: default;
+}
 .ICON_FOLDERS {
  /*.ss_folder_explore*/

--- a/workflow/engine/templates/app/main.js
+++ b/workflow/engine/templates/app/main.js
@@ -398,6 +398,7 @@ function newNoteHandler() {
    });

    Ext.getCmp('addCancelBtn').setIcon('/images/comment_add.gif');
+    Ext.getCmp('addCancelBtn').btnEl.dom.ariaLabel = _('ID_CASES_NOTES_ADD');

    caseNotesWindow.getTopToolbar().hide();
    Ext.getCmp("chkSendMail").hide();
@@ -411,6 +412,7 @@ function newNoteHandler() {
    Ext.getCmp('addCancelBtn').setText('');
    Ext.getCmp('addCancelBtn').setTooltip({ title: _('ID_CASES_NOTES_CANCEL') });
    Ext.getCmp('addCancelBtn').setIcon('/images/cancel.png');
+    Ext.getCmp('addCancelBtn').btnEl.dom.ariaLabel = _('ID_CASES_NOTES_CANCEL');

    caseNotesWindow.getTopToolbar().show();
    Ext.getCmp("chkSendMail").show();
--- a/workflow/engine/templates/cases/caseHistory.js
+++ b/workflow/engine/templates/cases/caseHistory.js
@@ -89,11 +89,18 @@
    );

    Ext.onReady(function(){
+      var i;
      Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
      Ext.QuickTips.init();
-
      historyGridList();
-
+      if (document.getElementsByTagName('input')) {
+        document.getElementsByTagName('input')[0].ariaLabel = "pagination";
+      }
+      if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+          document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+        } 
+      }
    });

    //!historyGridList|
--- a/workflow/engine/templates/cases/caseHistoryDynaformPage.js
+++ b/workflow/engine/templates/cases/caseHistoryDynaformPage.js
@@ -222,12 +222,20 @@
      }
    );

-    Ext.onReady(function(){
+    Ext.onReady(function() {
+      var i;
      Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
      Ext.QuickTips.init();

      historyDynaformGrid();
-
+      if (document.getElementsByTagName('input')) {
+        document.getElementsByTagName('input')[0].ariaLabel = "pagination";
+      }
+      if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+          document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+        }
+      }
    });

  var historyDynaformGridPreviewGlobal = {};
--- a/workflow/engine/templates/cases/caseMessageHistory.js
+++ b/workflow/engine/templates/cases/caseMessageHistory.js
@@ -217,11 +217,18 @@ var ActionTabFrameGlobal = '';
    );

    Ext.onReady(function(){
+      var i;
      Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
      Ext.QuickTips.init();
-
      messageHistoryGridList();
-
+      if (document.getElementsByTagName('input')) {
+        document.getElementsByTagName('input')[0].ariaLabel = "pagination";
+      }
+      if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+          document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+        } 
+      }
    });

    //!historyGridList|
--- a/workflow/engine/templates/cases/casesDocuments.js
+++ b/workflow/engine/templates/cases/casesDocuments.js
@@ -2092,11 +2092,11 @@ var documentsTab = {

 };
 Ext.onReady(function() {
-
-  var viewport = new Ext.Viewport({
-    layout : 'border',
-    items: [treepanelmain, documentsTab]
-  });
+  var i,
+    viewport = new Ext.Viewport({
+      layout : 'border',
+      items: [treepanelmain, documentsTab]
+    });

  // console.info("viewport -end");

@@ -2108,5 +2108,16 @@ Ext.onReady(function() {
    parent.Ext.getCmp('debugPanel').hide();
    parent.Ext.getCmp('debugPanel').ownerCt.doLayout();
  }
-
+  if (document.getElementsByTagName('input')) {
+    document.getElementsByTagName('input')[0].ariaLabel = "filterField";
+  }
+  if (document.getElementsByTagName('input')) {
+    document.getElementsByTagName('input')[1].ariaLabel = "pagination";
+  }
+  if (document.getElementsByTagName('button')) {
+    for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+      document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].id;
+    }
+  }
+  
 });
--- a/workflow/engine/templates/cases/casesGenerateDocumentPage.js
+++ b/workflow/engine/templates/cases/casesGenerateDocumentPage.js
@@ -154,11 +154,18 @@
    );

    Ext.onReady(function(){
+      var i;
      Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
      Ext.QuickTips.init();
-
      generateDocumentGrid();
-
+      if (document.getElementsByTagName('input')) {
+        document.getElementsByTagName('input')[0].ariaLabel = "pagination";
+      }
+      if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+          document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+        }
+      }
    });


--- a/workflow/engine/templates/cases/casesList.js
+++ b/workflow/engine/templates/cases/casesList.js
@@ -2784,8 +2784,17 @@ Ext.onReady ( function() {
        }
    });
 // Add the additional 'advanced' VTypes -- [End]
-
-
+    var i;
+    if (document.getElementsByTagName('input')) {
+        for (i = 0; i < document.getElementsByTagName('input').length; i+= 1) {
+            document.getElementsByTagName('input')[i].ariaLabel = document.getElementsByTagName('input')[i].id;
+        }
+    }
+    if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+            document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].id;
+        }
+    }
 });

 function msgBox(title, msg, type){
--- a/workflow/engine/templates/cases/casesUploadedDocumentsPage.js
+++ b/workflow/engine/templates/cases/casesUploadedDocumentsPage.js
@@ -260,12 +260,19 @@
      }
    );

-    Ext.onReady(function(){
+    Ext.onReady(function() {
+      var i;
      Ext.state.Manager.setProvider(new Ext.state.CookieProvider());
      Ext.QuickTips.init();
-
      uploadDocumentGrid();
-
+      if (document.getElementsByTagName('input')) {
+        document.getElementsByTagName('input')[0].ariaLabel = "pagination";
+      }
+      if (document.getElementsByTagName('button')) {
+        for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+          document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+        }
+      }
    });


--- a/workflow/engine/templates/cases/open.js
+++ b/workflow/engine/templates/cases/open.js
@@ -392,7 +392,11 @@ Ext.onReady(function(){
            items:[{
              id: 'casesTab',
              title: _('ID_CASE') +' ' + _APP_NUM,
-              frameConfig:{name:'openCaseFrame', id:'openCaseFrame'},
+              frameConfig:{
+                name:'openCaseFrame',
+                id:'openCaseFrame',
+                title:'openCaseFrame'
+              },
              defaultSrc : uri,
              loadMask:{msg: _('ID_LOADING_GRID') },
              bodyStyle:{height: (PMExt.getBrowser().screen.height-60) + 'px', overflow:'hidden'},
@@ -680,6 +684,7 @@ Ext.onReady(function(){
 	          } else {
 	              fieldset = {
 	                  xtype : 'fieldset',
+	                  title: _('ID_INFORMATION'),
 	                  autoHeight : true,
 	                  defaults : {
 	                      width : 170,
@@ -688,11 +693,66 @@ Ext.onReady(function(){
 	                      style: 'font-weight: bold'
 	                  },
 	                  items : [
-	                      {fieldLabel: _('ID_TITLE'), text: data.PRO_TITLE},
-	                      {fieldLabel: _('ID_DESCRIPTION'), text: data.PRO_DESCRIPTION},
-	                      {fieldLabel: _('ID_CATEGORY'), text: data.PRO_CATEGORY_LABEL},
-	                      {fieldLabel: _('ID_AUTHOR'), text: data.PRO_AUTHOR},
-	                      {fieldLabel: _('ID_CREATE_DATE'), text: data.PRO_CREATE_DATE}
+                      {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_TITLE'),
+                        value: data.PRO_TITLE,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                      },
+	                    {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_DESCRIPTION'),
+                        value: data.PRO_DESCRIPTION,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                      },
+	                    {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_CATEGORY'),
+                        value: data.PRO_CATEGORY_LABEL,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                      },
+	                    {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_AUTHOR'),
+                        value: data.PRO_AUTHOR,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                      },
+                      {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_CREATE_DATE'),
+                        value: data.PRO_CREATE_DATE,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                      }
 	                 ]
 	             }

@@ -755,24 +815,91 @@ Ext.onReady(function(){
 	                  }
 	              });
 	          } else {
-				fieldset = {
-				xtype : 'fieldset',
-				autoHeight : true,
-				defaults : {
-				width : 170,
-				xtype:'label',
-				labelStyle : 'padding: 0px;',
-				style: 'font-weight: bold'
-				},
-				items : [
-				{fieldLabel: _('ID_TITLE'), text: data.TAS_TITLE},
-				{fieldLabel: _('ID_DESCRIPTION'), text: data.TAS_DESCRIPTION},
-				{fieldLabel: _('ID_INIT_DATE'), text: data.INIT_DATE_LABEL},
-				{fieldLabel: _('ID_DUE_DATE'), text: data.DUE_DATE_LABEL},
-				{fieldLabel: _('ID_FINISH_DATE'), text: data.FINISH},
-				{fieldLabel: _('ID_TASK_DURATION'), text: data.DURATION}
-				]
-				}
+                fieldset = {
+                    xtype : 'fieldset',
+                    title: _('ID_INFORMATION'),
+                    autoHeight : true,
+                    defaults : {
+                    width : 170,
+				            xtype:'label',
+                    labelStyle : 'padding: 0px;',
+                    style: 'font-weight: bold'
+                },
+                items : [
+                  {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_TITLE'),
+                        value: data.TAS_TITLE,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                    },
+				            {
+                        xtype: 'textfield',
+                        fieldLabel: _('ID_DESCRIPTION'),
+                        value: data.TAS_DESCRIPTION,
+                        readOnly: true,
+                        style: {
+                          border: 'none',
+                          backgroundImage: 'none',
+                          fontWeight: 'bold',
+                          width: '170px'
+                        }
+                    },
+                    {
+                      xtype: 'textfield',
+                      fieldLabel: _('ID_INIT_DATE'),
+                      value: data.INIT_DATE_LABEL,
+                      readOnly: true,
+                      style: {
+                        border: 'none',
+                        backgroundImage: 'none',
+                        fontWeight: 'bold',
+                        width: '170px'
+                      }
+                    },
+                    {
+                      xtype: 'textfield',
+                      fieldLabel: _('ID_DUE_DATE'),
+                      value: data.DUE_DATE_LABEL,
+                      readOnly: true,
+                      style: {
+                        border: 'none',
+                        backgroundImage: 'none',
+                        fontWeight: 'bold',
+                        width: '170px'
+                      }
+                    },
+                    {
+                      xtype: 'textfield',
+                      fieldLabel: _('ID_FINISH_DATE'),
+                      value: data.FINISH,
+                      readOnly: true,
+                      style: {
+                        border: 'none',
+                        backgroundImage: 'none',
+                        fontWeight: 'bold',
+                        width: '170px'
+                      }
+                    },
+                    {
+                      xtype: 'textfield',
+                      fieldLabel: _('ID_TASK_DURATION'),
+                      value: data.DURATION,
+                      readOnly: true,
+                      style: {
+                        border: 'none',
+                        backgroundImage: 'none',
+                        fontWeight: 'bold',
+                        width: '170px'
+                      }
+                    }
+				        ]
+				    }

 				var frm = new Ext.FormPanel( {
 				labelAlign : 'right',
@@ -1322,7 +1449,8 @@ Ext.onReady(function(){
        url : 'ajaxListener' ,
        params : {action : 'verifySession'},
        success: function ( result, request ) {
-          var data = Ext.util.JSON.decode(result.responseText);
+          var data = Ext.util.JSON.decode(result.responseText),
+              i;
          if( data.lostSession ) {
           Ext.Msg.show({
                  title: _('ID_ERROR'),
@@ -1353,8 +1481,17 @@ Ext.onReady(function(){
                  }
                });
          } else {
-                winReassignInCasesList.show();
-                grdpnlUsersToReassign.store.load();
+              winReassignInCasesList.show();
+              grdpnlUsersToReassign.store.load();
+              if (document.getElementsByTagName('input')) {
+                document.getElementsByTagName('input')[1].ariaLabel = "search";
+                document.getElementsByTagName('input')[2].ariaLabel = "pagination";
+              }
+              if (document.getElementsByTagName('button')) {
+                for (i = 0; i < document.getElementsByTagName('button').length; i+= 1) {
+                  document.getElementsByTagName('button')[i].ariaLabel = document.getElementsByTagName('button')[i].getAttribute('id');
+                }
+              }
          }
        },
        failure: function ( result, request) {
@@ -1439,8 +1576,30 @@ Ext.onReady(function(){
        style: 'font-weight: bold'
      },
      items : [
-        {fieldLabel: _("ID_CASE"), text: stringReplace("\\: ", "", _APP_NUM)},
-        {fieldLabel: _("ID_PAUSE_DATE"), text: _ENV_CURRENT_DATE},
+        {
+          xtype: 'textfield',
+          fieldLabel: _('ID_CASE'),
+          value: stringReplace("\\: ", "", _APP_NUM),
+          readOnly: true,
+          style: {
+            border: 'none',
+            backgroundImage: 'none',
+            fontWeight: 'bold',
+            width: '170px'
+          }
+        },
+        {
+          xtype: 'textfield',
+          fieldLabel: _('ID_PAUSE_DATE'),
+          value: _ENV_CURRENT_DATE,
+          readOnly: true,
+          style: {
+            border: 'none',
+            backgroundImage: 'none',
+            fontWeight: 'bold',
+            width: '170px'
+          }
+        },
        new Ext.form.DateField({
          id:   'unpauseDate',
          format: 'Y-m-d',
--- a/workflow/engine/templates/oauth2/applicationsLoad.php
+++ b/workflow/engine/templates/oauth2/applicationsLoad.php
@@ -4,7 +4,7 @@
        overflow-y: hidden;
    }
 </style>
-<iframe name="adminFrame" id="adminFrame" src ="clientSetup" width="99%" height="768" frameborder="0">
+<iframe title="adminFrame" name="adminFrame" id="adminFrame" src ="clientSetup" width="99%" height="768" frameborder="0">
    <p>Your browser does not support iframes.</p>
 </iframe>
 </body>
--- a/workflow/engine/xmlform/cases/cases_ViewOutputDocument1.xml
+++ b/workflow/engine/xmlform/cases/cases_ViewOutputDocument1.xml
@@ -26,10 +26,19 @@
    <en><![CDATA[Next step]]></en>
  </NEXT_STEP>
  <JS type="javascript"><![CDATA[
-var nextStep = function(oForm)
-{
-  oForm.action = 'cases_NextStep';
-  oForm.submit();
-};
+    var i,
+      span,
+      nextStep = function(oForm) {
+        oForm.action = 'cases_NextStep';
+        oForm.submit();
+      };
+    label1 = document.getElementsByTagName('label')[0];
+    label2 = document.getElementsByTagName('label')[1];
+    span1 = document.createElement('span');
+    span1.innerHTML = label1.innerHTML;
+    span2 = document.createElement('span');
+    span2.innerHTML = label2.innerHTML;
+    label1.parentNode.replaceChild(span1, label1);
+    label2.parentNode.replaceChild(span2, label2);
 ]]></JS>
 </dynaForm>