web: ensure img tags have alt attributes
Signed-off-by: Jens Langhammer <jens.langhammer@beryju.org>
This commit is contained in:
		| @ -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 New Issue
	
	Block a user
	 Jens Langhammer
					Jens Langhammer