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-url-load="false"
allow-spec-file-load="false"> allow-spec-file-load="false">
<div slot="nav-logo"> <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> </div>
</rapi-doc> </rapi-doc>
<script> <script>

View file

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

View file

@ -42,7 +42,7 @@
<div class="ak-login-container"> <div class="ak-login-container">
<header class="pf-c-login__header"> <header class="pf-c-login__header">
<div class="pf-c-brand ak-brand"> <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> </div>
</header> </header>
<main class="pf-c-login__main"> <main class="pf-c-login__main">

View file

@ -121,7 +121,7 @@ export class PageHeader extends AKElement {
renderIcon(): TemplateResult { renderIcon(): TemplateResult {
if (this.icon) { if (this.icon) {
if (this.iconImage && !this.icon.startsWith("fa://")) { 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 "); const icon = this.icon.replaceAll("fa://", "fa ");
return html`<i class=${icon}></i>&nbsp;`; 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"> <div class="pf-c-brand ak-brand">
<img <img
src="${first(this.tenant.brandingLogo, DefaultTenant.brandingLogo)}" src="${first(this.tenant.brandingLogo, DefaultTenant.brandingLogo)}"
alt="authentik icon" alt="authentik Logo"
loading="lazy" loading="lazy"
/> />
</div> </div>

View file

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

View file

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

View file

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