habsi/authentik
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: ensure img tags have alt attributes

Browse Source 
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
8 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/elements/PageHeader.ts
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;`;

2
web/src/elements/sidebar/SidebarBrand.ts
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>

1
web/src/flow/FlowExecutor.ts
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>

2
web/src/flow/stages/authenticator_duo/AuthenticatorDuoStage.ts
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>

2
web/src/user/user-settings/sources/SourceSettings.ts
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">