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-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>
|
||||||
|
|
|
@ -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 %}
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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}" /> `;
|
return html`<img class="pf-icon" src="${this.icon}" alt="page icon" /> `;
|
||||||
}
|
}
|
||||||
const icon = this.icon.replaceAll("fa://", "fa ");
|
const icon = this.icon.replaceAll("fa://", "fa ");
|
||||||
return html`<i class=${icon}></i> `;
|
return html`<i class=${icon}></i> `;
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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">
|
||||||
|
|
Reference in a new issue