web: ensure img tags have alt attributes
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
parent
bec538c543
commit
001869641d
|
@ -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>
|
||||
|
|
|
@ -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 %}
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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}" /> `;
|
||||
return html`<img class="pf-icon" src="${this.icon}" alt="page icon" /> `;
|
||||
}
|
||||
const icon = this.icon.replaceAll("fa://", "fa ");
|
||||
return html`<i class=${icon}></i> `;
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
Reference in a new issue