web: ensure img tags have alt attributes

Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
Jens Langhammer 2023-01-06 12:44:51 +01:00
parent bec538c543
commit 001869641d
No known key found for this signature in database
8 changed files with 8 additions and 7 deletions

View file

@ -62,7 +62,7 @@ window.addEventListener('DOMContentLoaded', (event) => {
allow-spec-url-load="false"
allow-spec-file-load="false">
<div slot="nav-logo">
<img class="logo" src="{% static 'dist/assets/icons/icon_left_brand.png' %}" />
<img alt="authentik Logo" class="logo" src="{% static 'dist/assets/icons/icon_left_brand.png' %}" />
</div>
</rapi-doc>
<script>

View file

@ -60,7 +60,7 @@
<div class="ak-login-container">
<header class="pf-c-login__header">
<div class="pf-c-brand ak-brand">
<img src="{{ tenant.branding_logo }}" alt="authentik icon" />
<img src="{{ tenant.branding_logo }}" alt="authentik Logo" />
</div>
</header>
{% block main_container %}

View file

@ -42,7 +42,7 @@
<div class="ak-login-container">
<header class="pf-c-login__header">
<div class="pf-c-brand ak-brand">
<img src="/outpost.goauthentik.io/static/dist/assets/icons/icon_left_brand.svg" alt="authentik icon" />
<img src="/outpost.goauthentik.io/static/dist/assets/icons/icon_left_brand.svg" alt="authentik Logo" />
</div>
</header>
<main class="pf-c-login__main">

View file

@ -121,7 +121,7 @@ export class PageHeader extends AKElement {
renderIcon(): TemplateResult {
if (this.icon) {
if (this.iconImage && !this.icon.startsWith("fa://")) {
return html`<img class="pf-icon" src="${this.icon}" />&nbsp;`;
return html`<img class="pf-icon" src="${this.icon}" alt="page icon" />&nbsp;`;
}
const icon = this.icon.replaceAll("fa://", "fa ");
return html`<i class=${icon}></i>&nbsp;`;

View file

@ -97,7 +97,7 @@ export class SidebarBrand extends AKElement {
<div class="pf-c-brand ak-brand">
<img
src="${first(this.tenant.brandingLogo, DefaultTenant.brandingLogo)}"
alt="authentik icon"
alt="authentik Logo"
loading="lazy"
/>
</div>

View file

@ -501,6 +501,7 @@ export class FlowExecutor extends AKElement implements StageHost {
<div class="pf-c-brand ak-brand">
<img
src="${first(this.tenant?.brandingLogo, "")}"
alt="authentik Logo"
/>
</div>
</header>

View file

@ -86,7 +86,7 @@ export class AuthenticatorDuoStage extends BaseStage<
>
</div>
</ak-form-static>
<img src=${this.challenge.activationBarcode} />
<img src=${this.challenge.activationBarcode} alt=${t`Duo activation QR code`} />
<p>
${t`Alternatively, if your current device has Duo installed, click on this link:`}
</p>

View file

@ -128,7 +128,7 @@ export class UserSourceSettingsPage extends AKElement {
return html`<li class="pf-c-data-list__item">
<div class="pf-c-data-list__item-content">
<div class="pf-c-data-list__cell">
<img src="${ifDefined(stage.iconUrl)}" />
<img src="${ifDefined(stage.iconUrl)}" alt=${stage.title} />
${stage.title}
</div>
<div class="pf-c-data-list__cell">