Adds aria-label attrs to img elements

This commit is contained in:
mabashian
2020-03-10 16:12:29 -04:00
parent 208dbc1f92
commit 6c7ab97159
5 changed files with 26 additions and 12 deletions

View File

@@ -22,7 +22,11 @@
</head>
<body>
<div class="at-Upgrade--panel">
<img src="{% static 'assets/logo-header.svg' %}" width="200"/>
<img
ng-attr-aria-label="{{ BRAND_NAME === 'Tower' ? 'Ansible Tower Logo' : 'Ansible AWX Logo' }}"
src="{% static 'assets/logo-header.svg' %}"
width="200"
/>
<span class="at-Upgrade--header at-Upgrade--loading"><span class="at-Upgrade--brand" ng-bind="BRAND_NAME"></span> is Upgrading</span>
<span class="fa-4x at-Upgrade--icon"><i class="fa fa-refresh fa-spin"></i></span>
<span class="at-Upgrade--text">

View File

@@ -2,7 +2,7 @@
<div class="at-Layout-topNav">
<at-top-nav-item is-shown="missingLicense" class="at-Layout-topNavItem--logo">
<a href="/#/">
<img ng-src="/static/assets/logo-header.svg">
<img ng-attr-aria-label="{{ BRAND_NAME === 'Tower' ? 'Ansible Tower Logo' : 'Ansible AWX Logo' }}" ng-src="/static/assets/logo-header.svg" />
</a>
</at-top-nav-item>
<div class="at-Layout-topNavRightAligner"></div>

View File

@@ -19,7 +19,11 @@
</pre>
</div>
<div class="About-modalFooter">
<img class="About-brandImg img-responsive" src="/static/assets/logo-login.svg" />
<img
ng-attr-aria-label="{{ BRAND_NAME === 'Tower' ? 'Ansible Tower Logo' : 'Ansible AWX Logo' }}"
class="About-brandImg img-responsive"
src="/static/assets/logo-login.svg"
/>
<p class="About-footerText">
<span class="About-ansibleVersion">
Ansible {{ ansible_version }}

View File

@@ -68,13 +68,13 @@
</div>
<div class="InsightsRow" ng-repeat="report in reports">
<div class="InsightsRow-title">
<img class="InsightsIcon" src="/static/assets/i_severity_critical.svg" ng-show="report.rule.severity === 'CRITICAL'"
<img aria-label="Insights: Critical Risk" class="InsightsIcon" src="/static/assets/i_severity_critical.svg" ng-show="report.rule.severity === 'CRITICAL'"
aw-tool-tip="Critical Risk" data-placement="right" data-original-title="" title="">
<img class="InsightsIcon" src="/static/assets/i_severity_high.svg" ng-show="report.rule.severity === 'ERROR'"
<img aria-label="Insights: High Risk" class="InsightsIcon" src="/static/assets/i_severity_high.svg" ng-show="report.rule.severity === 'ERROR'"
aw-tool-tip="High Risk" data-placement="top" data-original-title="" title="">
<img class="InsightsIcon" src="/static/assets/i_severity_med.svg" ng-show="report.rule.severity === 'WARN'"
<img aria-label="Insights: Medium Risk" class="InsightsIcon" src="/static/assets/i_severity_med.svg" ng-show="report.rule.severity === 'WARN'"
aw-tool-tip="Medium Risk" data-placement="top">
<img class="InsightsIcon" src="/static/assets/i_severity_low.svg" ng-show="report.rule.severity === 'INFO'"
<img aria-label="Insights: Low Risk" class="InsightsIcon" src="/static/assets/i_severity_low.svg" ng-show="report.rule.severity === 'INFO'"
aw-tool-tip="Low Risk" data-placement="top">
<div class="InsightsRow-description"><translate>ISSUE: {{report.rule.description}}</translate></div>
<span class="Form-title--is_superuser">{{report.rule.category}}</span>

View File

@@ -5,13 +5,19 @@
<div class="LoginModal-content"
ng-class="{'is-loggedOut' : !current_user || !current_user.username}">
<div class="LoginModal-header">
<img id="login_modal_image" class="LoginModal-logoImage"
<img
id="login_modal_image"
class="LoginModal-logoImage"
ng-if="!customLogoPresent"
ng-class="{'LoginModal-logoImage--notCustom': !customLogoPresent}"
ng-src="/static/assets/{{ customLogo }}" >
<img id="login_modal_image" class="LoginModal-logoImage"
ng-if="customLogoPresent"
ng-src="{{ customLogo }}" >
ng-src="/static/assets/{{ customLogo }}"
ng-attr-aria-label="{{ BRAND_NAME === 'Tower' ? 'Ansible Tower Logo' : 'Ansible AWX Logo' }}"
/>
<img id="login_modal_image" class="LoginModal-logoImage"
ng-if="customLogoPresent"
ng-src="{{ customLogo }}"
aria-label="Custom Logo"
/>
</div>
<div class="LoginModal-body">
<div class="LoginModal-alert" ng-show="!sessionExpired && !sessionLimitExpired && !attemptFailed && !thirdPartyAttemptFailed && !userLoggedOut" translate>