From 61600a8252dd8cff5646f904790220e5da465de1 Mon Sep 17 00:00:00 2001
From: mabashian <mabashia@redhat.com>
Date: Mon, 16 Mar 2020 10:37:44 -0400
Subject: [PATCH] Adds aria-labels to links without descernible inner text

---
 .../features/output/details.partial.html      |  4 +++
 .../host-event/host-event-modal.partial.html  |  4 +--
 .../client/features/output/stats.partial.html |  2 +-
 .../lib/components/cards/card.partial.html    |  4 +--
 .../code-mirror/code-mirror.partial.html      |  1 +
 .../modal/code-mirror-modal.partial.html      |  1 +
 .../lib/components/layout/layout.partial.html |  8 +++---
 .../lib/components/list/row-item.partial.html | 25 +++++++++++++------
 .../configuration-system.partial.html         |  2 +-
 .../job-templates-list.partial.html           |  2 +-
 .../lists/jobs/jobs-list.partial.html         |  6 ++---
 .../add-edit-instance-groups.view.html        |  2 +-
 .../add-container-group.view.html             |  2 +-
 .../hosts/hosts.partial.html                  |  2 +-
 .../groups/hosts-related-groups.partial.html  |  1 +
 .../host-summary-popover.directive.js         |  2 +-
 .../host-summary-popover.partial.html         |  2 +-
 .../source-summary-popover.directive.js       |  4 +--
 .../source-summary-popover.partial.html       |  2 +-
 .../groups/list/groups-list.partial.html      |  1 +
 ...up-nested-groups-disassociate.partial.html |  1 +
 ...oup-nested-hosts-disassociate.partial.html |  1 +
 ...st-nested-groups-disassociate.partial.html |  1 +
 .../sources/list/sources-list.partial.html    |  1 +
 .../shared/factories/set-status.factory.js    |  2 +-
 awx/ui/client/src/shared/generator-helpers.js |  2 +-
 .../src/shared/paginate/paginate.partial.html | 11 ++++----
 .../smart-status/smart-status.partial.html    |  1 +
 .../prompt-other-prompts.partial.html         | 16 ++++++------
 .../forms/workflow-node-form.partial.html     |  2 +-
 30 files changed, 69 insertions(+), 46 deletions(-)

diff --git a/awx/ui/client/features/output/details.partial.html b/awx/ui/client/features/output/details.partial.html
index ddea4a25b8..abcb281298 100644
--- a/awx/ui/client/features/output/details.partial.html
+++ b/awx/ui/client/features/output/details.partial.html
@@ -88,6 +88,7 @@
     <label class="JobResults-resultRowLabel">
         {{ vm.hostLimitError.label }}
         <a id="awp-hostLimitError"
+            aria-label="{{ vm.hostLimitError.tooltip }}"
             href=""
             aw-pop-over="{{ vm.hostLimitError.tooltip }}"
             data-placement="top"
@@ -160,6 +161,7 @@
         </a>
 
         <a href="{{ vm.sourceWorkflowJob.link }}"
+            aria-label="{{'Navigate to workflow job' | translate}}"
             ng-if="vm.sourceWorkflowJob"
             aw-tool-tip="{{ vm.sourceWorkflowJob.tooltip }}" data-placement="top">
             <i class="WorkflowBadge"> W</i>
@@ -207,6 +209,7 @@
     <label class="JobResults-resultRowLabel">{{ vm.project.label }}</label>
     <div class="JobResults-resultRowText">
         <a href="{{ vm.projectUpdate.link }}"
+            aria-label="{{'Navigate to project sync job' | translate}}"
             ng-if="vm.projectUpdate"
             aw-tool-tip="{{ vm.projectUpdate.tooltip }}"
             data-placement="top">
@@ -238,6 +241,7 @@
     <div class="JobResults-resultRowText">
         <span>
             <a href="{{ vm.inventoryScm.jobLink }}"
+                aria-label="{{'Navigate to inventory sync job' | translate}}"
                 aw-tool-tip="{{ vm.inventoryScm.jobTooltip }}"
                 data-placement="top">
                 <i class="JobResults-statusResultIcon {{ vm.inventoryScm.icon }}"></i>
diff --git a/awx/ui/client/features/output/host-event/host-event-modal.partial.html b/awx/ui/client/features/output/host-event/host-event-modal.partial.html
index 8217ed003c..1557334d04 100644
--- a/awx/ui/client/features/output/host-event/host-event-modal.partial.html
+++ b/awx/ui/client/features/output/host-event/host-event-modal.partial.html
@@ -4,9 +4,7 @@
 		<!-- modal body -->
 		<div class="modal-body">
 			<div class="HostEvent-header">
-				<a class="HostEvents-status">
-					<i class="fa fa-circle"  ng-class="processEventStatus(event).class"></i>
-				</a>
+				<i class="fa fa-circle"  ng-class="processEventStatus(event).class"></i>
 				<span class="HostEvent-title">{{event.host_name}}</span>
 				<!-- close -->
 				<button aria-label="{{:: strings.get('host_event_modal.CLOSE_HOST_EVENT_MODAL')}}" ng-click="closeHostEvent()" type="button" class="close">
diff --git a/awx/ui/client/features/output/stats.partial.html b/awx/ui/client/features/output/stats.partial.html
index 688476b151..18debf63b9 100644
--- a/awx/ui/client/features/output/stats.partial.html
+++ b/awx/ui/client/features/output/stats.partial.html
@@ -17,7 +17,7 @@
         {{ (vm.elapsed * 1000 || 0) | duration: "hh:mm:ss"}}
     </span>
 
-    <a ng-show="vm.download && !vm.running" href="{{ vm.download }}?format=txt_download">
+    <a aria-label="{{:: vm.strings.get('tooltips.DOWNLOAD_OUTPUT') }}" ng-show="vm.download && !vm.running" href="{{ vm.download }}?format=txt_download">
         <button class="btn at-Input-button at-u-noBorder"
             aria-label="Download output"
             aw-tool-tip="{{:: vm.strings.get('tooltips.DOWNLOAD_OUTPUT') }}"
diff --git a/awx/ui/client/lib/components/cards/card.partial.html b/awx/ui/client/lib/components/cards/card.partial.html
index 4136e44fab..fdbe3a1ca1 100644
--- a/awx/ui/client/lib/components/cards/card.partial.html
+++ b/awx/ui/client/lib/components/cards/card.partial.html
@@ -1,5 +1,5 @@
-<a class="at-Card" >
+<div class="at-Card" >
     <span class="at-Card-title" translate>{{ title }}</span>
     <span class="at-Card--spacer"></span>
     <span class="at-Card-text" ng-transclude></span>
-</a>
\ No newline at end of file
+</div>
\ No newline at end of file
diff --git a/awx/ui/client/lib/components/code-mirror/code-mirror.partial.html b/awx/ui/client/lib/components/code-mirror/code-mirror.partial.html
index df8a141fd9..736d82a9ec 100644
--- a/awx/ui/client/lib/components/code-mirror/code-mirror.partial.html
+++ b/awx/ui/client/lib/components/code-mirror/code-mirror.partial.html
@@ -6,6 +6,7 @@
                 </span>
              <a id=""
                 href=""
+                aria-label="{{ tooltip || vm.strings.get('code_mirror.tooltip.TOOLTIP') }}"
                 aw-pop-over="{{ tooltip || vm.strings.get('code_mirror.tooltip.TOOLTIP') }}"
                 data-placement="{{ tooltipPlacement || 'top' }}"
                 data-container="body"
diff --git a/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.partial.html b/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.partial.html
index ab61255941..97786fc3c4 100644
--- a/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.partial.html
+++ b/awx/ui/client/lib/components/code-mirror/modal/code-mirror-modal.partial.html
@@ -9,6 +9,7 @@
                             </span>
                          <a id=""
                             href=""
+                            aria-label="{{ tooltip }}"
                             aw-pop-over="{{ tooltip }}"
                             data-placement="bottom"
                             data-container="body"
diff --git a/awx/ui/client/lib/components/layout/layout.partial.html b/awx/ui/client/lib/components/layout/layout.partial.html
index 78e1155a8f..f8a00879d5 100644
--- a/awx/ui/client/lib/components/layout/layout.partial.html
+++ b/awx/ui/client/lib/components/layout/layout.partial.html
@@ -1,7 +1,7 @@
 <div class="at-Layout">
     <div class="at-Layout-topNav">
         <at-top-nav-item is-shown="missingLicense" class="at-Layout-topNavItem--logo">
-            <a href="/#/">
+            <a aria-label="{{'Navigate to dashboard' | translate}}" href="/#/">
                 <img ng-attr-aria-label="{{ $root.BRAND_NAME === 'Tower' ? $root.appStrings.get('logos.TOWER_LOGO') : $root.appStrings.get('logos.AWX_LOGO') }}" ng-src="/static/assets/logo-header.svg" />
             </a>
         </at-top-nav-item>
@@ -21,12 +21,12 @@
             </div>
         </at-top-nav-item>
         <at-top-nav-item>
-            <a ui-sref="about">
+            <a aria-label="{{'About'|translate}}" ui-sref="about">
                 <i class="fa fa-info-circle" alt="{{ vm.getString('ABOUT') }}"></i>
             </a>
         </at-top-nav-item>
         <at-top-nav-item>
-            <a href="http://docs.ansible.com/ansible-tower/" target="_blank">
+            <a aria-label="{{'View documentation'|translate}}" href="http://docs.ansible.com/ansible-tower/" target="_blank">
                 <i class="fa fa-book" alt="{{ $parent.layoutVm.getString('VIEW_DOCS') }}"></i>
             </a>
         </at-top-nav-item>
@@ -36,7 +36,7 @@
                     <div><i class="fa" ng-class="$parent.layoutVm.socketIconClass"></i></div>
         </at-top-nav-item>
         <at-top-nav-item is-shown="missingLicense">
-            <a href="/#/logout" is-always-shown="license">
+            <a aria-label="{{'Logout'|translate}}" href="/#/logout" is-always-shown="license">
                 <i class="fa fa-power-off" alt="{{ $parent.layoutVm.getString('LOGOUT') }}"></i>
             </a>
         </at-top-nav-item>
diff --git a/awx/ui/client/lib/components/list/row-item.partial.html b/awx/ui/client/lib/components/list/row-item.partial.html
index 788724ce43..b8582d2d70 100644
--- a/awx/ui/client/lib/components/list/row-item.partial.html
+++ b/awx/ui/client/lib/components/list/row-item.partial.html
@@ -1,15 +1,26 @@
 <div class="at-RowItem" ng-class="{'at-RowItem--isHeader': headerValue, 'at-RowItem--inline': inline}"
     ng-show="status || headerValue || value || valueBindHtml || (smartStatus && smartStatus.summary_fields.recent_jobs.length) || (tagValues && tagValues.length)">
         <div class="at-RowItem-status" ng-if="status">
-            <a ng-if="statusClick" ng-click="statusClick()"
-            aw-tool-tip="{{ statusTip }}" data-tip-watch="statusTip"
-            data-placement="top">
+            <a
+                ng-if="statusClick"
+                ng-click="statusClick()"
+                aria-label="{{ statusTip }}"
+                aw-tool-tip="{{ statusTip }}"
+                data-tip-watch="statusTip"
+                data-placement="top"
+            >
                 <i class="fa icon-job-{{ status }}"></i>
             </a>
-            <a ng-if="(headerLink || headerState) && !statusClick" ng-href="{{ headerLink }}" ui-sref="{{ headerState }}"
-                aw-tool-tip="{{ statusTip }}" data-tip-watch="statusTip"
-                data-placement="top">
-                    <i class="fa icon-job-{{ status }}"></i>
+            <a
+                ng-if="(headerLink || headerState) && !statusClick"
+                ng-href="{{ headerLink }}"
+                ui-sref="{{ headerState }}"
+                aria-label="{{ statusTip }}"
+                aw-tool-tip="{{ statusTip }}"
+                data-tip-watch="statusTip"
+                data-placement="top"
+            >
+                <i class="fa icon-job-{{ status }}"></i>
             </a>
             <div ng-if="!headerLink && !headerState && !statusClick"
                 aw-tool-tip="{{ statusTip }}" data-tip-watch="statusTip"
diff --git a/awx/ui/client/src/configuration/forms/system-form/configuration-system.partial.html b/awx/ui/client/src/configuration/forms/system-form/configuration-system.partial.html
index 0a32b40b95..c95aadf831 100644
--- a/awx/ui/client/src/configuration/forms/system-form/configuration-system.partial.html
+++ b/awx/ui/client/src/configuration/forms/system-form/configuration-system.partial.html
@@ -31,7 +31,7 @@
                         <span class="Form-inputLabel" translate>
                             Enable External Logging
                         </span>
-                        <a id="awp-LOG_AGGREGATOR_ENABLED" href="" aw-pop-over="Enable sending logs to external log aggregator." data-placement="top" over-title="Enable External Logging" class="help-link" tabindex="-1">
+                        <a id="awp-LOG_AGGREGATOR_ENABLED" aria-label="{{'Show help text' | translate }}" href="" aw-pop-over="Enable sending logs to external log aggregator." data-placement="top" over-title="Enable External Logging" class="help-link" tabindex="-1">
                             <i class="fa fa-question-circle"></i>
                         </a>
                     </label>
diff --git a/awx/ui/client/src/home/dashboard/lists/job-templates/job-templates-list.partial.html b/awx/ui/client/src/home/dashboard/lists/job-templates/job-templates-list.partial.html
index 1e5606275d..f33d08b1fd 100644
--- a/awx/ui/client/src/home/dashboard/lists/job-templates/job-templates-list.partial.html
+++ b/awx/ui/client/src/home/dashboard/lists/job-templates/job-templates-list.partial.html
@@ -25,7 +25,7 @@
            <div class="List-tableRow" ng-repeat="template in templates">
                <div class="d-flex">
                   <div class="List-tableCell col-sm-4">
-                      <a ng-href="#/templates/{{template.type}}/{{template.id}}" class="DashboardList-nameContainer">
+                      <a aria-label="{{'Navigate to template titled ' + template.name | translate}}" ng-href="#/templates/{{template.type}}/{{template.id}}" class="DashboardList-nameContainer">
                           {{ template.name }}
                       </a>
                   </div>
diff --git a/awx/ui/client/src/home/dashboard/lists/jobs/jobs-list.partial.html b/awx/ui/client/src/home/dashboard/lists/jobs/jobs-list.partial.html
index 5753727b39..e5fbc87e04 100644
--- a/awx/ui/client/src/home/dashboard/lists/jobs/jobs-list.partial.html
+++ b/awx/ui/client/src/home/dashboard/lists/jobs/jobs-list.partial.html
@@ -22,13 +22,13 @@
            <div class="List-tableRow" ng-repeat="job in jobs">
                <div class="d-flex">
                     <div class="List-tableCell col-6">
-                        <a href="{{ job.detailsUrl }}" ng-if="isSuccessful(job.status)" aw-tool-tip="{{strings.get('list.STATUS_TOOLTIP', job.status)}}" aw-tip-placement="right" data-tip-watch="strings.get('list.STATUS_TOOLTIP', job.status)">
+                        <a aria-label="{{'Navigate to job titled ' + job.name | translate}}" href="{{ job.detailsUrl }}" ng-if="isSuccessful(job.status)" aw-tool-tip="{{strings.get('list.STATUS_TOOLTIP', job.status)}}" aw-tip-placement="right" data-tip-watch="strings.get('list.STATUS_TOOLTIP', job.status)">
                             <i class="fa DashboardList-status DashboardList-status--success icon-job-successful"></i>
                         </a>
-                        <a href="{{ job.detailsUrl }}" ng-if="!isSuccessful(job.status)" aw-tool-tip="{{strings.get('list.STATUS_TOOLTIP', job.status)}}" aw-tip-placement="right" data-tip-watch="strings.get('list.STATUS_TOOLTIP', job.status)">
+                        <a aria-label="{{'Navigate to job titled ' + job.name | translate}}" href="{{ job.detailsUrl }}" ng-if="!isSuccessful(job.status)" aw-tool-tip="{{strings.get('list.STATUS_TOOLTIP', job.status)}}" aw-tip-placement="right" data-tip-watch="strings.get('list.STATUS_TOOLTIP', job.status)">
                             <i class="fa DashboardList-status DashboardList-status--failed icon-job-failed"></i>
                         </a>
-                        <a href="{{ job.detailsUrl }}" class="DashboardList-nameContainer">
+                        <a aria-label="{{'Navigate to job titled ' + job.name | translate}}" href="{{ job.detailsUrl }}" class="DashboardList-nameContainer">
                             {{ job.name }}
                         </a>
                   </div>
diff --git a/awx/ui/client/src/instance-groups/add-edit/add-edit-instance-groups.view.html b/awx/ui/client/src/instance-groups/add-edit/add-edit-instance-groups.view.html
index d4a8983d83..73ca5b868f 100644
--- a/awx/ui/client/src/instance-groups/add-edit/add-edit-instance-groups.view.html
+++ b/awx/ui/client/src/instance-groups/add-edit/add-edit-instance-groups.view.html
@@ -1,6 +1,6 @@
 <at-panel>
     <at-panel-heading title="{{:: vm.panelTitle }}">
-        <a class="Panel-docsLink" ng-href="{{ vm.docs.url }}" target="_blank" aw-tool-tip="{{:: vm.docs.help_text }}">
+        <a aria-label="{{:: vm.docs.help_text }}" class="Panel-docsLink" ng-href="{{ vm.docs.url }}" target="_blank" aw-tool-tip="{{:: vm.docs.help_text }}">
             <i class="fa fa-book"></i>
         </a>
     </at-panel-heading>
diff --git a/awx/ui/client/src/instance-groups/container-groups/add-container-group.view.html b/awx/ui/client/src/instance-groups/container-groups/add-container-group.view.html
index 04627d8853..238aa1b21e 100644
--- a/awx/ui/client/src/instance-groups/container-groups/add-container-group.view.html
+++ b/awx/ui/client/src/instance-groups/container-groups/add-container-group.view.html
@@ -7,7 +7,7 @@
 </a>
 <at-panel>
   <at-panel-heading title="{{:: vm.panelTitle }}">
-    <a class="Panel-docsLink" ng-href="{{ vm.docs.url }}" target="_blank" aw-tool-tip="{{:: vm.docs.help_text }}">
+    <a aria-label="{{:: vm.docs.help_text }}" class="Panel-docsLink" ng-href="{{ vm.docs.url }}" target="_blank" aw-tool-tip="{{:: vm.docs.help_text }}">
       <i class="fa fa-book"></i>
     </a>
   </at-panel-heading>
diff --git a/awx/ui/client/src/inventories-hosts/hosts/hosts.partial.html b/awx/ui/client/src/inventories-hosts/hosts/hosts.partial.html
index d6f4c8bdad..a787c73077 100644
--- a/awx/ui/client/src/inventories-hosts/hosts/hosts.partial.html
+++ b/awx/ui/client/src/inventories-hosts/hosts/hosts.partial.html
@@ -56,7 +56,7 @@
                             </div>
                             <div class="List-tableCell active_failures-column status-column List-staticColumn--smallStatus">
                                 <div class="host-name">
-                                    <a href="" ng-click="noop()" aw-tool-tip="{{ host.badgeToolTip }}" aw-pop-over="{{ host.job_status_html }}" data-placement="top" over-title="{{ host.job_status_title }}">
+                                    <a aria-label="{{ host.badgeToolTip }}" href="" ng-click="noop()" aw-tool-tip="{{ host.badgeToolTip }}" aw-pop-over="{{ host.job_status_html }}" data-placement="top" over-title="{{ host.job_status_title }}">
                                         <i class="fa {{ 'fa icon-job-' + host.active_failures }}"></i>
                                     </a>
                                 </div>
diff --git a/awx/ui/client/src/inventories-hosts/hosts/related/groups/hosts-related-groups.partial.html b/awx/ui/client/src/inventories-hosts/hosts/related/groups/hosts-related-groups.partial.html
index 48b4ad17e9..93aeab36bf 100644
--- a/awx/ui/client/src/inventories-hosts/hosts/related/groups/hosts-related-groups.partial.html
+++ b/awx/ui/client/src/inventories-hosts/hosts/related/groups/hosts-related-groups.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <span translate>Disassociate Host</span>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate }}"
                           aw-pop-over="<dl><dt>Disassociate</dt><dd>Disassociation will remove a host from a group but the host will remain in the inventory.</dd></dl>" aw-tool-tip="Click for help"
                           data-placement="right"
                           data-container="body"
diff --git a/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.directive.js b/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.directive.js
index 9dc9bccb7f..e4cfdfb0d9 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.directive.js
+++ b/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.directive.js
@@ -80,7 +80,7 @@ export default ['templateUrl', 'Wait', '$filter', '$compile', 'i18n', '$log',
                                 html += `
                                     <tr>
                                         <td>
-                                            <a href="${href}">
+                                            <a href="${href}" aria-label="{{'View job' | translate}}">
                                                 <i class="fa SmartStatus-tooltip--${row.status} icon-job-${row.status}"></i>
                                             </a>
                                         </td>
diff --git a/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.partial.html b/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.partial.html
index bc0030a344..2b04b43217 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/list/host-summary-popover/host-summary-popover.partial.html
@@ -1,3 +1,3 @@
-<a href="" ng-click="showHostSummary($event, inventory.id)"  class="Inventories-hostStatus">
+<a aria-label="{{'Show host summary' | translate }}" href="" ng-click="showHostSummary($event, inventory.id)"  class="Inventories-hostStatus">
     <i class="fa {{ 'icon-job-' + inventory.hostsStatus }}"></i>
 </a>
diff --git a/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.directive.js b/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.directive.js
index 0310e41146..c10e12a032 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.directive.js
+++ b/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.directive.js
@@ -61,14 +61,14 @@ export default ['templateUrl', '$compile', 'Wait', '$filter', 'i18n',
                     data.results.forEach( function(row) {
                         if (row.related.last_update) {
                             html += "<tr>";
-                            html += `<td><a href="" ng-click="viewJob('${row.related.last_update}')" aw-tool-tip="${row.status.charAt(0).toUpperCase() + row.status.slice(1)}. ` + i18n._("Click for details") + `"  data-tooltip-outer-class=\"Tooltip-secondary\" aw-tip-placement="top"><i class="SmartStatus-tooltip--${row.status} fa icon-job-${row.status}"></i></a></td>`;
+                            html += `<td><a aria-label="{{'Click for details' | translate}}" href="" ng-click="viewJob('${row.related.last_update}')" aw-tool-tip="${row.status.charAt(0).toUpperCase() + row.status.slice(1)}. ` + i18n._("Click for details") + `"  data-tooltip-outer-class=\"Tooltip-secondary\" aw-tip-placement="top"><i class="SmartStatus-tooltip--${row.status} fa icon-job-${row.status}"></i></a></td>`;
                             html += "<td>" + ($filter('longDate')(row.last_updated)) + "</td>";
                             html += "<td><a href=\"\" ng-click=\"viewJob('" + row.related.last_update + "')\">" + $filter('sanitize')(ellipsis(row.name)) + "</a></td>";
                             html += "</tr>\n";
                         }
                         else {
                             html += "<tr>";
-                            html += `<td><a href=\"\" aw-tool-tip="` + i18n._('No sync data') + `" aw-tip-placement=\"top\" data-tooltip-outer-class=\"Tooltip-secondary\"><i class=\"fa icon-job-none\"></i></a></td>`;
+                            html += `<td><a aria-label="{{'No sync data' | translate}}" href=\"\" aw-tool-tip="` + i18n._('No sync data') + `" aw-tip-placement=\"top\" data-tooltip-outer-class=\"Tooltip-secondary\"><i class=\"fa icon-job-none\"></i></a></td>`;
                             html += "<td>NA</td>";
                             html += "<td><span>" + $filter('sanitize')(ellipsis(row.name)) + "</span></td>";
                             html += "</tr>\n";
diff --git a/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.partial.html b/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.partial.html
index 87fd35ef00..b1b3331c4c 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/list/source-summary-popover/source-summary-popover.partial.html
@@ -1,3 +1,3 @@
-<a href="" ng-click="showSourceSummary($event, inventory.id)"  aw-tool-tip="{{ inventory.syncTip }}" aw-tip-placement="right" ng-class="inventory.launch_class" >
+<a href="" aria-label="{{'Show source summary' | translate}}" ng-click="showSourceSummary($event, inventory.id)"  aw-tool-tip="{{ inventory.syncTip }}" aw-tip-placement="right" ng-class="inventory.launch_class" >
     <i class="fa {{ 'icon-cloud-' + inventory.syncStatus }}"></i>
 </a>
diff --git a/awx/ui/client/src/inventories-hosts/inventories/related/groups/list/groups-list.partial.html b/awx/ui/client/src/inventories-hosts/inventories/related/groups/list/groups-list.partial.html
index 3fad055ac9..5c9e7cccf7 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/related/groups/list/groups-list.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/related/groups/list/groups-list.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <span translate>Delete Group</span>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate}}"
                           aw-pop-over="<dl><dt>Delete</dt><dd>Deletes groups and hosts associated with the group being deleted. If a group or host is associated with other groups, it will still exist within those groups. Otherwise, the associated groups and hosts will no longer appear in the inventory.</dd><dt style='margin-top: 5px;'>Promote</dt><dd>Groups and hosts associated with the group being removed will be promoted root level. Note: groups already associated with other groups cannot be promoted.</dd></dl>" aw-tool-tip="Click for help"
                           data-placement="right"
                           data-container="body"
diff --git a/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-groups/group-nested-groups-disassociate.partial.html b/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-groups/group-nested-groups-disassociate.partial.html
index f178883e88..ce1e432932 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-groups/group-nested-groups-disassociate.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-groups/group-nested-groups-disassociate.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <translate>Disassociate Group From Group</translate>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate}}"
                           aw-pop-over="<dl><dt>Disassociate</dt><dd>Disassociates this group from the currently targeted parent group.</dd></dl>"
                           aw-tool-tip="Click for help"
                           data-placement="right"
diff --git a/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-hosts/group-nested-hosts-disassociate.partial.html b/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-hosts/group-nested-hosts-disassociate.partial.html
index 608b0d0dc9..0ba72e03e0 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-hosts/group-nested-hosts-disassociate.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/related/groups/related/nested-hosts/group-nested-hosts-disassociate.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <translate>Disassociate Host From Group</translate>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate}}"
                           aw-pop-over="<dl><dt>Disassociate</dt><dd>Disassociates this host from the currently targeted parent group.</dd></dl>"
                           aw-tool-tip="Click for help"
                           data-placement="right"
diff --git a/awx/ui/client/src/inventories-hosts/inventories/related/hosts/related/nested-groups/host-nested-groups-disassociate.partial.html b/awx/ui/client/src/inventories-hosts/inventories/related/hosts/related/nested-groups/host-nested-groups-disassociate.partial.html
index e50707e6f6..2d379f686f 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/related/hosts/related/nested-groups/host-nested-groups-disassociate.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/related/hosts/related/nested-groups/host-nested-groups-disassociate.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <translate>Disassociate Host From Group</translate>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate}}"
                           aw-pop-over="<dl><dt>Disassociate</dt><dd>Disassociates this host from the currently targeted parent group.</dd></dl>"
                           aw-tool-tip="Click for help"
                           data-placement="right"
diff --git a/awx/ui/client/src/inventories-hosts/inventories/related/sources/list/sources-list.partial.html b/awx/ui/client/src/inventories-hosts/inventories/related/sources/list/sources-list.partial.html
index fa3a435c05..5ac271784d 100644
--- a/awx/ui/client/src/inventories-hosts/inventories/related/sources/list/sources-list.partial.html
+++ b/awx/ui/client/src/inventories-hosts/inventories/related/sources/list/sources-list.partial.html
@@ -5,6 +5,7 @@
                   <div class="Modal-title ng-binding">
                       <translate>Delete Group</translate>
                       <a href="" id="awp-promote" href=""
+                          aria-label="{{'Show help text' | translate}}"
                           aw-pop-over="<dl><dt>Delete</dt><dd>Deletes groups and hosts associated with the inventory source being deleted. If a group or host is associated with other inventory sources, it will still exist within those inventory sources. Otherwise, the associated groups and hosts will no longer appear in the inventory.</dd>\n<dt style='margin-top: 5px;'>Promote</dt><dd>Groups and hosts associated with the inventory source being removed will be promoted root level. Note: groups already associated with other inventory sources cannot be promoted.</dd></dl>\n" aw-tool-tip="Click for help"
                           data-placement="right"
                           data-container="body"
diff --git a/awx/ui/client/src/inventories-hosts/shared/factories/set-status.factory.js b/awx/ui/client/src/inventories-hosts/shared/factories/set-status.factory.js
index aea5b5671f..7551b3ee74 100644
--- a/awx/ui/client/src/inventories-hosts/shared/factories/set-status.factory.js
+++ b/awx/ui/client/src/inventories-hosts/shared/factories/set-status.factory.js
@@ -53,7 +53,7 @@ export default
                             // SmartStatus-tooltips are named --success whereas icon-job uses successful
                             var iconStatus = (job.status === 'successful') ? 'success' : 'failed';
 
-                            html += "<td><a href=\"#/jobs/" + job.id + "\"><i class=\"fa DashboardList-status SmartStatus-tooltip--" + iconStatus + " icon-job-" +
+                            html += "<td><a aria-label=\"{{'View job' | translate}}\" href=\"#/jobs/" + job.id + "\"><i class=\"fa DashboardList-status SmartStatus-tooltip--" + iconStatus + " icon-job-" +
                                 job.status + "\"></i></a></td>\n";
 
                             html += "<td>" + ($filter('longDate')(job.finished)).replace(/ /,'<br />') + "</td>\n";
diff --git a/awx/ui/client/src/shared/generator-helpers.js b/awx/ui/client/src/shared/generator-helpers.js
index c0489bd941..e70da8bfa8 100644
--- a/awx/ui/client/src/shared/generator-helpers.js
+++ b/awx/ui/client/src/shared/generator-helpers.js
@@ -52,7 +52,7 @@ angular.module('GeneratorHelpers', [systemStatus.name])
                 break;
             case 'awPopOver':
                 // construct the entire help link
-                result = "<a id=\"awp-" + fld + "\" href=\"\" aw-pop-over=\'" + value + "\' ";
+                result = "<a aria-label=\"{{'Show help text' | translate}}\" id=\"awp-" + fld + "\" href=\"\" aw-pop-over=\'" + value + "\' ";
                 result += (obj.dataPlacement) ? "data-placement=\"" + obj.dataPlacement + "\" " : "";
                 result += (obj.dataContainer) ? "data-container=\"" + obj.dataContainer + "\" " : "";
                 result += (obj.dataTitle) ? "over-title=\"" + obj.dataTitle + "\" " : "";
diff --git a/awx/ui/client/src/shared/paginate/paginate.partial.html b/awx/ui/client/src/shared/paginate/paginate.partial.html
index e551675379..73d15eb146 100644
--- a/awx/ui/client/src/shared/paginate/paginate.partial.html
+++ b/awx/ui/client/src/shared/paginate/paginate.partial.html
@@ -3,29 +3,29 @@
         <ul class="Paginate-controls pagination">
             <!-- first -->
             <li class="page-item Paginate-controls--first Paginate-controls--item" ng-hide="pageRange.length < maxVisiblePages || pageRange[0] === 1">
-                <a href class="page-link" ng-click="toPage(1)">
+                <a aria-label="{{'Go to page 1 of list' | translate}}" href class="page-link" ng-click="toPage(1)">
                     <i class="fa fa-angle-double-left"></i>
                 </a>
             </li>
             <!-- previous -->
             <li class="page-item Paginate-controls--previous Paginate-controls--item" ng-class="{disabled: current === 1}">
-                <a href class="page-link" ng-click="toPage(current - 1)">
+                <a aria-label="{{'Go to previous page of list' | translate}}" href class="page-link" ng-click="toPage(current - 1)">
                     <i class="fa fa-angle-left"></i>
                 </a>
             </li>
             <!-- range -->
             <li class="page-item Paginate-controls--item" ng-repeat="page in pageRange">
-                <a href class="page-link" ng-class="{'Paginate-controls--active': page === current}" ng-click="toPage(page)">{{ page }}</a>
+                <a aria-label="{{'Go to current page of list' | translate}}" href class="page-link" ng-class="{'Paginate-controls--active': page === current}" ng-click="toPage(page)">{{ page }}</a>
             </li>
             <!-- next -->
             <li class="page-item Paginate-controls--next Paginate-controls--item" ng-class="{disabled: current === last}">
-                <a href class="page-link" ng-click="toPage(current + 1)">
+                <a aria-label="{{'Go to next page of list' | translate}}" href class="page-link" ng-click="toPage(current + 1)">
                     <i class="fa fa-angle-right"></i>
                 </a>
             </li>
             <!-- last -->
             <li class="page-item Paginate-controls--item Paginate-controls--last" ng-hide="(pageRange.length < maxVisiblePages || pageRange[pageRange.length-1] === last)">
-                <a href class="page-link" id="last-page-set" ng-click="toPage(last)">
+                <a aria-label="{{'Go to last page of list' | translate}}" href class="page-link" id="last-page-set" ng-click="toPage(last)">
                     <i class="fa fa-angle-double-right"></i>
                 </a>
             </li>
@@ -48,6 +48,7 @@
             <div class="Paginate-filterLabel" translate>VIEW PER PAGE</div>
             <div class="DashboardGraphs-periodDropdown">
                 <a role="button"
+                aria-label="{{'Show page size options' | translate}}"
                 data-toggle="dropdown"
                 data-target="#"
                 href="/page.html"
diff --git a/awx/ui/client/src/smart-status/smart-status.partial.html b/awx/ui/client/src/smart-status/smart-status.partial.html
index ee3a157eaa..c7f2108cf7 100644
--- a/awx/ui/client/src/smart-status/smart-status.partial.html
+++ b/awx/ui/client/src/smart-status/smart-status.partial.html
@@ -1,6 +1,7 @@
 <div class="SmartStatus-container">
     <div ng-repeat="job in sparkArray track by $index" class='SmartStatus-iconContainer'>
         <a ng-href="{{job.detailsUrl}}"
+            aria-label="{{'Navigate to job titled ' + job.name | translate}}"
              aw-tool-tip="{{job.status_tip}}"
              data-tip-watch="job.status_tip"
              aw-tip-placement="left"
diff --git a/awx/ui/client/src/templates/prompt/steps/other-prompts/prompt-other-prompts.partial.html b/awx/ui/client/src/templates/prompt/steps/other-prompts/prompt-other-prompts.partial.html
index 941582ee7e..69ea40d714 100644
--- a/awx/ui/client/src/templates/prompt/steps/other-prompts/prompt-other-prompts.partial.html
+++ b/awx/ui/client/src/templates/prompt/steps/other-prompts/prompt-other-prompts.partial.html
@@ -3,7 +3,7 @@
         <label for="job_type" class="Form-inputLabelContainer">
             <span class="Form-requiredAsterisk">*</span>
             <span class="Form-inputLabel" translate>{{:: vm.strings.get('prompt.JOB_TYPE') }}</span>
-            <a id="awp-job-type" href="" aw-pop-over="{{:: vm.strings.get('prompt.JOB_TYPE_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.JOB_TYPE') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-job-type" href="" aw-pop-over="{{:: vm.strings.get('prompt.JOB_TYPE_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.JOB_TYPE') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -25,7 +25,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_scm_branch_on_launch">
         <label for="scm_branch">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.SCM_BRANCH') }}</span>
-            <a id="awp-scm-branch" href="" aw-pop-over="{{:: vm.strings.get('prompt.SCM_BRANCH_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SCM_BRANCH') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-scm-branch" href="" aw-pop-over="{{:: vm.strings.get('prompt.SCM_BRANCH_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SCM_BRANCH') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -41,7 +41,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_limit_on_launch">
         <label for="limit">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.LIMIT') }}</span>
-            <a id="awp-limit" href="" aw-pop-over="{{:: vm.strings.get('prompt.LIMIT_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.LIMIT') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-limit" href="" aw-pop-over="{{:: vm.strings.get('prompt.LIMIT_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.LIMIT') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -58,7 +58,7 @@
         <label for="verbosity" class="Form-inputLabelContainer">
             <span class="Form-requiredAsterisk">*</span>
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.VERBOSITY') }}</span>
-            <a id="awp-verbosity" href="" aw-pop-over="{{:: vm.strings.get('prompt.VERBOSITY_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.VERBOSITY') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-verbosity" href="" aw-pop-over="{{:: vm.strings.get('prompt.VERBOSITY_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.VERBOSITY') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -80,7 +80,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_tags_on_launch">
         <label for="tags">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.JOB_TAGS') }}</span>
-            <a id="awp-job-tags" href="" aw-pop-over="{{:: vm.strings.get('prompt.JOB_TAGS_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.JOB_TAGS') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-job-tags" href="" aw-pop-over="{{:: vm.strings.get('prompt.JOB_TAGS_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.JOB_TAGS') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -101,7 +101,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_skip_tags_on_launch">
         <label for="skip_tags">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.SKIP_TAGS') }}</span>
-            <a id="awp-skip-tags" href="" aw-pop-over="{{:: vm.strings.get('prompt.SKIP_TAGS_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SKIP_TAGS') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-skip-tags" href="" aw-pop-over="{{:: vm.strings.get('prompt.SKIP_TAGS_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SKIP_TAGS') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -122,7 +122,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_diff_mode_on_launch">
         <label for="diff_mode">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.SHOW_CHANGES') }}</span>
-            <a id="awp-show-changes" href="" aw-pop-over="{{:: vm.strings.get('prompt.SHOW_CHANGES_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SHOW_CHANGES') }}" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-show-changes" href="" aw-pop-over="{{:: vm.strings.get('prompt.SHOW_CHANGES_HELP') }}" data-placement="right" data-container="body" over-title="{{:: vm.strings.get('prompt.SHOW_CHANGES') }}" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
         </label>
@@ -133,7 +133,7 @@
     <div class="form-group Form-formGroup Form-formGroup--singleColumn" ng-if="promptData.launchConf.ask_variables_on_launch && !promptData.prompts.variables.ignore">
         <label for="variables">
             <span class="Form-inputLabel">{{:: vm.strings.get('prompt.EXTRA_VARIABLES') }}</span>
-            <a id="awp-extra-variables" href="" aw-pop-over="{{:: vm.strings.get('prompt.EXTRA_VARIABLES_HELP')}}" data-placement="right" data-container="body" over-title="Extra Variables" class="help-link" data-original-title="" title="" tabindex="-1">
+            <a aria-label="{{'Show help text' | translate}}" id="awp-extra-variables" href="" aw-pop-over="{{:: vm.strings.get('prompt.EXTRA_VARIABLES_HELP')}}" data-placement="right" data-container="body" over-title="Extra Variables" class="help-link" data-original-title="" title="" tabindex="-1">
                 <i class="fa fa-question-circle"></i>
             </a>
             <div class="parse-selection" id="job_launch_variables_parse_type">
diff --git a/awx/ui/client/src/templates/workflows/workflow-maker/forms/workflow-node-form.partial.html b/awx/ui/client/src/templates/workflows/workflow-maker/forms/workflow-node-form.partial.html
index 5cf7c09a65..a137a8475a 100644
--- a/awx/ui/client/src/templates/workflows/workflow-maker/forms/workflow-node-form.partial.html
+++ b/awx/ui/client/src/templates/workflows/workflow-maker/forms/workflow-node-form.partial.html
@@ -135,7 +135,7 @@
             <div class="form-group Form-formGroup Form-formGroup--singleColumn">
                 <label class="Form-inputLabelContainer">
                     <span class="Form-inputLabel" translate>Timeout</span>
-                    <a id="workflow-maker-timeout-popover" href="" aw-pop-over="{{:: strings.get('workflow_maker.TIMEOUT_POPOVER') }}" data-placement="top" data-container="body" over-title="{{:: strings.get('workflow_maker.TIMEOUT') }}" class="help-link">
+                    <a aria-label="{{'Show help text' | translate}}" id="workflow-maker-timeout-popover" href="" aw-pop-over="{{:: strings.get('workflow_maker.TIMEOUT_POPOVER') }}" data-placement="top" data-container="body" over-title="{{:: strings.get('workflow_maker.TIMEOUT') }}" class="help-link">
                         <i class="fa fa-question-circle"></i>
                     </a>
                 </label>