vaultwarden
/
bitwarden-estensione-browser
mirror of https://github.com/bitwarden/browser
1
0
Fork 0
Code Issues 1 Releases Wiki Activity

mark icons as hidden from a11y

This commit is contained in:
Kyle Spearrin 2019-04-01 23:08:54 -04:00
parent 20bc5a6870
commit b296dbb6de
13 changed files with 55 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/accounts/environment.component.html
View File

@ -10,7 +10,7 @@
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="baseUrl">{{'baseUrl' | i18n}}</label> <label for="baseUrl">{{'baseUrl' | i18n}}</label>
<input id="baseUrl" type="text" name="BaseUrl" [(ngModel)]="baseUrl" <input id="baseUrl" type="text" name="BaseUrl" [(ngModel)]="baseUrl"
placeholder="{{'ex' | i18n}} https://bitwarden.company.com"> placeholder="{{'ex' | i18n}} https://bitwarden.company.com">
</div> </div>
</div> </div>
<div class="box-footer"> <div class="box-footer">
@ -19,9 +19,9 @@
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
<button type="button" (click)="toggleCustom()"> <button type="button" (click)="toggleCustom()" appA11yTitle="{{'toggleVisibility' | i18n}}">
<i class="fa fa-plus-square-o" [hidden]="showCustom"></i> <i class="fa fa-plus-square-o" [hidden]="showCustom" aria-hidden="true"></i>
<i class="fa fa-minus-square-o" [hidden]="!showCustom"></i> <i class="fa fa-minus-square-o" [hidden]="!showCustom" aria-hidden="true"></i>
{{'customEnvironment' | i18n}} {{'customEnvironment' | i18n}}
</button> </button>
</div> </div>
@ -41,7 +41,7 @@
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="notificationsUrl">{{'notificationsUrl' | i18n}}</label> <label for="notificationsUrl">{{'notificationsUrl' | i18n}}</label>
<input id="notificationsUrl" type="text" name="NotificationsUrl" <input id="notificationsUrl" type="text" name="NotificationsUrl"
[(ngModel)]="notificationsUrl"> [(ngModel)]="notificationsUrl">
</div> </div>
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<label for="iconsUrl">{{'iconsUrl' | i18n}}</label> <label for="iconsUrl">{{'iconsUrl' | i18n}}</label>

2
src/app/accounts/hint.component.html
View File

@ -15,7 +15,7 @@
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick> <button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick>
<b [hidden]="form.loading">{{'submit' | i18n}}</b> <b [hidden]="form.loading">{{'submit' | i18n}}</b>
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i> <i class="fa fa-spinner fa-spin" [hidden]="!form.loading" aria-hidden="true"></i>
</button> </button>
<a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a> <a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a>
</div> </div>

4
src/app/accounts/lock.component.html
View File

@ -1,6 +1,6 @@
<form id="lock-page" (ngSubmit)="submit()"> <form id="lock-page" (ngSubmit)="submit()">
<div class="content"> <div class="content">
<p><i class="fa fa-lock fa-4x text-muted"></i></p> <p aria-hidden="true"><i class="fa fa-lock fa-4x text-muted"></i></p>
<p>{{(pinLock ? 'yourVaultIsLockedPinCode' : 'yourVaultIsLocked') | i18n}}</p> <p>{{(pinLock ? 'yourVaultIsLockedPinCode' : 'yourVaultIsLocked') | i18n}}</p>
<div class="box last"> <div class="box last">
<div class="box-content"> <div class="box-content">
@ -30,7 +30,7 @@
</div> </div>
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn primary block" appBlurClick> <button type="submit" class="btn primary block" appBlurClick>
<i class="fa fa-unlock-alt"></i> <b>{{'unlock' | i18n}}</b> <i class="fa fa-unlock-alt" aria-hidden="true"></i> <b>{{'unlock' | i18n}}</b>
</button> </button>
<button type="button" class="btn block" appBlurClick (click)="logOut()"> <button type="button" class="btn block" appBlurClick (click)="logOut()">
{{'logOut' | i18n}} {{'logOut' | i18n}}

8
src/app/accounts/login.component.html
View File

@ -26,18 +26,18 @@
</div> </div>
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick> <button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick>
<b [hidden]="form.loading"><i class="fa fa-sign-in"></i> {{'logIn' | i18n}}</b> <b [hidden]="form.loading"><i class="fa fa-sign-in" aria-hidden="true"></i> {{'logIn' | i18n}}</b>
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i> <i class="fa fa-spinner fa-spin" [hidden]="!form.loading" aria-hidden="true"></i>
</button> </button>
<a routerLink="/register" class="btn block"> <a routerLink="/register" class="btn block">
<i class="fa fa-pencil-square-o"></i> {{'createAccount' | i18n}} <i class="fa fa-pencil-square-o" aria-hidden="true"></i> {{'createAccount' | i18n}}
</a> </a>
</div> </div>
<div class="sub-options"> <div class="sub-options">
<a routerLink="/hint">{{'getMasterPasswordHint' | i18n}}</a> <a routerLink="/hint">{{'getMasterPasswordHint' | i18n}}</a>
</div> </div>
<a href="#" appStopClick (click)="settings()" class="settings-icon"> <a href="#" appStopClick (click)="settings()" class="settings-icon">
<i class="fa fa-cog fa-lg"></i><span>&nbsp;{{'settings' | i18n}}</span> <i class="fa fa-cog fa-lg" aria-hidden="true"></i><span>&nbsp;{{'settings' | i18n}}</span>
</a> </a>
</div> </div>
</form> </form>

12
src/app/accounts/premium.component.html
View File

@ -12,27 +12,27 @@
<p>{{'premiumSignUpAndGet' | i18n}}</p> <p>{{'premiumSignUpAndGet' | i18n}}</p>
<ul class="fa-ul"> <ul class="fa-ul">
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpStorage' | i18n}} {{'premiumSignUpStorage' | i18n}}
</li> </li>
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpTwoStep' | i18n}} {{'premiumSignUpTwoStep' | i18n}}
</li> </li>
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpReports' | i18n}} {{'premiumSignUpReports' | i18n}}
</li> </li>
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpTotp' | i18n}} {{'premiumSignUpTotp' | i18n}}
</li> </li>
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpSupport' | i18n}} {{'premiumSignUpSupport' | i18n}}
</li> </li>
<li> <li>
<i class="fa-li fa fa-check text-success"></i> <i class="fa-li fa fa-check text-success" aria-hidden="true"></i>
{{'premiumSignUpFuture' | i18n}} {{'premiumSignUpFuture' | i18n}}
</li> </li>
</ul> </ul>

2
src/app/accounts/register.component.html
View File

@ -69,7 +69,7 @@
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick> <button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick>
<b [hidden]="form.loading">{{'submit' | i18n}}</b> <b [hidden]="form.loading">{{'submit' | i18n}}</b>
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i> <i class="fa fa-spinner fa-spin" [hidden]="!form.loading" aria-hidden="true"></i>
</button> </button>
<a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a> <a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a>
</div> </div>

5
src/app/accounts/two-factor.component.html
View File

@ -57,8 +57,9 @@
<div class="buttons"> <div class="buttons">
<button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick *ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo && <button type="submit" class="btn primary block" [disabled]="form.loading" appBlurClick *ngIf="selectedProviderType != null && selectedProviderType !== providerType.Duo &&
selectedProviderType !== providerType.OrganizationDuo"> selectedProviderType !== providerType.OrganizationDuo">
<span [hidden]="form.loading"><i class="fa fa-sign-in"></i> {{'continue' | i18n}}</span> <span [hidden]="form.loading"><i class="fa fa-sign-in" aria-hidden="true"></i>
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading"></i> {{'continue' | i18n}}</span>
<i class="fa fa-spinner fa-spin" [hidden]="!form.loading" aria-hidden="true"></i>
</button> </button>
<a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a> <a routerLink="/login" class="btn block">{{'cancel' | i18n}}</a>
</div> </div>

8
src/app/vault/add-edit.component.html
View File

@ -220,7 +220,7 @@
</div> </div>
</ng-container> </ng-container>
<a href="#" appStopClick appBlurClick (click)="addUri()" class="box-content-row"> <a href="#" appStopClick appBlurClick (click)="addUri()" class="box-content-row">
<i class="fa fa-plus-circle fa-fw fa-lg"></i> {{'newUri' | i18n}} <i class="fa fa-plus-circle fa-fw fa-lg" aria-hidden="true"></i> {{'newUri' | i18n}}
</a> </a>
</div> </div>
</div> </div>
@ -239,12 +239,12 @@
<a class="box-content-row box-content-row-flex text-default" href="#" appStopClick appBlurClick <a class="box-content-row box-content-row-flex text-default" href="#" appStopClick appBlurClick
(click)="attachments()" *ngIf="editMode"> (click)="attachments()" *ngIf="editMode">
<div class="row-main">{{'attachments' | i18n}}</div> <div class="row-main">{{'attachments' | i18n}}</div>
<i class="fa fa-chevron-right row-sub-icon"></i> <i class="fa fa-chevron-right row-sub-icon" aria-hidden="true"></i>
</a> </a>
<a class="box-content-row box-content-row-flex text-default" href="#" appStopClick appBlurClick <a class="box-content-row box-content-row-flex text-default" href="#" appStopClick appBlurClick
(click)="editCollections()" *ngIf="editMode && cipher.organizationId"> (click)="editCollections()" *ngIf="editMode && cipher.organizationId">
<div class="row-main">{{'collections' | i18n}}</div> <div class="row-main">{{'collections' | i18n}}</div>
<i class="fa fa-chevron-right row-sub-icon"></i> <i class="fa fa-chevron-right row-sub-icon" aria-hidden="true"></i>
</a> </a>
</div> </div>
</div> </div>
@ -298,7 +298,7 @@
</div> </div>
<div class="box-content-row" appBoxRow> <div class="box-content-row" appBoxRow>
<a href="#" appStopClick (click)="addField()"> <a href="#" appStopClick (click)="addField()">
<i class="fa fa-plus-circle fa-fw fa-lg"></i> {{'newCustomField' | i18n}} <i class="fa fa-plus-circle fa-fw fa-lg" aria-hidden="true"></i> {{'newCustomField' | i18n}}
</a> </a>
<label for="addFieldType" class="sr-only">{{'type' | i18n}}</label> <label for="addFieldType" class="sr-only">{{'type' | i18n}}</label>
<select id="addFieldType" name="AddFieldType" [(ngModel)]="addFieldType" class="field-type"> <select id="addFieldType" name="AddFieldType" [(ngModel)]="addFieldType" class="field-type">

16
src/app/vault/ciphers.component.html
View File

@ -2,7 +2,7 @@
<div class="search"> <div class="search">
<input type="search" placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search" <input type="search" placeholder="{{searchPlaceholder || ('searchVault' | i18n)}}" id="search"
[(ngModel)]="searchText" (input)="search(200)" appAutofocus> [(ngModel)]="searchText" (input)="search(200)" appAutofocus>
<i class="fa fa-search"></i> <i class="fa fa-search" aria-hidden="true"></i>
</div> </div>
</div> </div>
<div class="content"> <div class="content">
@ -16,16 +16,22 @@
<app-vault-icon [cipher]="c"></app-vault-icon> <app-vault-icon [cipher]="c"></app-vault-icon>
<span class="text"> <span class="text">
{{c.name}} {{c.name}}
<i class="fa fa-share-alt text-muted" *ngIf="c.organizationId" title="{{'shared' | i18n}}"></i> <ng-container *ngIf="c.organizationId">
<i class="fa fa-paperclip text-muted" *ngIf="c.hasAttachments" title="{{'attachments' | i18n}}"></i> <i class="fa fa-share-alt text-muted" title="{{'shared' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'shared' | i18n}}</span>
</ng-container>
<ng-container *ngIf="c.hasAttachments">
<i class="fa fa-paperclip text-muted" title="{{'attachments' | i18n}}" aria-hidden="true"></i>
<span class="sr-only">{{'attachments' | i18n}}</span>
</ng-container>
</span> </span>
<span class="detail">{{c.subTitle}}</span> <span class="detail">{{c.subTitle}}</span>
</a> </a>
</div> </div>
<div class="no-items" *ngIf="!filteredCiphers.length"> <div class="no-items" *ngIf="!filteredCiphers.length">
<i class="fa fa-spinner fa-spin fa-3x" *ngIf="!loaded"></i> <i class="fa fa-spinner fa-spin fa-3x" *ngIf="!loaded" aria-hidden="true"></i>
<ng-container *ngIf="loaded"> <ng-container *ngIf="loaded">
<i class="fa fa-frown-o fa-4x"></i> <i class="fa fa-frown-o fa-4x" aria-hidden="true"></i>
<p>{{'noItemsInList' | i18n}}</p> <p>{{'noItemsInList' | i18n}}</p>
<button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button> <button (click)="addCipher()" class="btn block primary link">{{'addItem' | i18n}}</button>
</ng-container> </ng-container>

12
src/app/vault/groupings.component.html
View File

@ -3,12 +3,12 @@
<ul> <ul>
<li [ngClass]="{active: selectedAll}"> <li [ngClass]="{active: selectedAll}">
<a href="#" appStopClick appBlurClick (click)="selectAll()"> <a href="#" appStopClick appBlurClick (click)="selectAll()">
<i class="fa fa-fw fa-th"></i>&nbsp;{{'allItems' | i18n}} <i class="fa fa-fw fa-th" aria-hidden="true"></i>&nbsp;{{'allItems' | i18n}}
</a> </a>
</li> </li>
<li [ngClass]="{active: selectedFavorites}"> <li [ngClass]="{active: selectedFavorites}">
<a href="#" appStopClick appBlurClick (click)="selectFavorites()"> <a href="#" appStopClick appBlurClick (click)="selectFavorites()">
<i class="fa fa-fw fa-star"></i>&nbsp;{{'favorites' | i18n}} <i class="fa fa-fw fa-star" aria-hidden="true"></i>&nbsp;{{'favorites' | i18n}}
</a> </a>
</li> </li>
</ul> </ul>
@ -16,22 +16,22 @@
<ul> <ul>
<li [ngClass]="{active: selectedType === cipherType.Login}"> <li [ngClass]="{active: selectedType === cipherType.Login}">
<a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Login)"> <a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Login)">
<i class="fa fa-fw fa-globe"></i>&nbsp;{{'typeLogin' | i18n}} <i class="fa fa-fw fa-globe" aria-hidden="true"></i>&nbsp;{{'typeLogin' | i18n}}
</a> </a>
</li> </li>
<li [ngClass]="{active: selectedType === cipherType.Card}"> <li [ngClass]="{active: selectedType === cipherType.Card}">
<a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Card)"> <a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Card)">
<i class="fa fa-fw fa-credit-card"></i>&nbsp;{{'typeCard' | i18n}} <i class="fa fa-fw fa-credit-card" aria-hidden="true"></i>&nbsp;{{'typeCard' | i18n}}
</a> </a>
</li> </li>
<li [ngClass]="{active: selectedType === cipherType.Identity}"> <li [ngClass]="{active: selectedType === cipherType.Identity}">
<a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Identity)"> <a href="#" appStopClick appBlurClick (click)="selectType(cipherType.Identity)">
<i class="fa fa-fw fa-id-card-o"></i>&nbsp;{{'typeIdentity' | i18n}} <i class="fa fa-fw fa-id-card-o" aria-hidden="true"></i>&nbsp;{{'typeIdentity' | i18n}}
</a> </a>
</li> </li>
<li [ngClass]="{active: selectedType === cipherType.SecureNote}"> <li [ngClass]="{active: selectedType === cipherType.SecureNote}">
<a href="#" appStopClick appBlurClick (click)="selectType(cipherType.SecureNote)"> <a href="#" appStopClick appBlurClick (click)="selectType(cipherType.SecureNote)">
<i class="fa fa-fw fa-sticky-note-o"></i>&nbsp;{{'typeSecureNote' | i18n}} <i class="fa fa-fw fa-sticky-note-o" aria-hidden="true"></i>&nbsp;{{'typeSecureNote' | i18n}}
</a> </a>
</li> </li>
</ul> </ul>

10
src/app/vault/password-generator.component.html
View File

@ -8,18 +8,18 @@
<div class="box"> <div class="box">
<div class="box-content condensed"> <div class="box-content condensed">
<a class="box-content-row" href="#" appStopClick appBlurClick (click)="regenerate()"> <a class="box-content-row" href="#" appStopClick appBlurClick (click)="regenerate()">
<i class="fa fa-fw fa-refresh"></i> {{'regeneratePassword' | i18n}} <i class="fa fa-fw fa-refresh" aria-hidden="true"></i> {{'regeneratePassword' | i18n}}
</a> </a>
<a class="box-content-row" href="#" appStopClick appBlurClick (click)="copy()"> <a class="box-content-row" href="#" appStopClick appBlurClick (click)="copy()">
<i class="fa fa-fw fa-clipboard"></i> {{'copyPassword' | i18n}} <i class="fa fa-fw fa-clipboard" aria-hidden="true"></i> {{'copyPassword' | i18n}}
</a> </a>
</div> </div>
</div> </div>
<div class="box"> <div class="box">
<div class="box-header"> <div class="box-header">
<button type="button" (click)="toggleOptions()"> <button type="button" (click)="toggleOptions()" appA11yTitle="{{'toggleVisibility' | i18n}}">
<i class="fa fa-plus-square-o" [hidden]="showOptions"></i> <i class="fa fa-plus-square-o" aria-hidden="true" [hidden]="showOptions"></i>
<i class="fa fa-minus-square-o" [hidden]="!showOptions"></i> <i class="fa fa-minus-square-o" aria-hidden="true" [hidden]="!showOptions"></i>
{{'options' | i18n}} {{'options' | i18n}}
</button> </button>
</div> </div>

10
src/app/vault/view.component.html
View File

@ -215,8 +215,9 @@
<span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span> <span [hidden]="field.showValue" class="monospaced">{{field.maskedValue}}</span>
</div> </div>
<div *ngIf="field.type === fieldType.Boolean"> <div *ngIf="field.type === fieldType.Boolean">
<i class="fa fa-check-square-o" *ngIf="field.value === 'true'"></i> <i class="fa fa-check-square-o" *ngIf="field.value === 'true'" aria-hidden="true"></i>
<i class="fa fa-square-o" *ngIf="field.value !== 'true'"></i> <i class="fa fa-square-o" *ngIf="field.value !== 'true'" aria-hidden="true"></i>
<span class="sr-only">{{field.value}}</span>
</div> </div>
</div> </div>
<div class="action-buttons"> <div class="action-buttons">
@ -244,8 +245,9 @@
(click)="downloadAttachment(attachment)"> (click)="downloadAttachment(attachment)">
<span class="row-main">{{attachment.fileName}}</span> <span class="row-main">{{attachment.fileName}}</span>
<small class="row-sub-label">{{attachment.sizeName}}</small> <small class="row-sub-label">{{attachment.sizeName}}</small>
<i class="fa fa-download fa-fw row-sub-icon" *ngIf="!attachment.downloading"></i> <i class="fa fa-download fa-fw row-sub-icon" *ngIf="!attachment.downloading" aria-hidden="true"></i>
<i class="fa fa-spinner fa-fw fa-spin row-sub-icon" *ngIf="attachment.downloading"></i> <i class="fa fa-spinner fa-fw fa-spin row-sub-icon" *ngIf="attachment.downloading"
aria-hidden="true"></i>
</a> </a>
</div> </div>
</div> </div>

2
src/index.html
View File

@ -10,7 +10,7 @@
</head> </head>
<body> <body>
<app-root> <app-root>
<div id="loading"><i class="fa fa-spinner fa-spin fa-3x"></i></div> <div id="loading"><i class="fa fa-spinner fa-spin fa-3x" aria-hidden="true"></i></div>
</app-root> </app-root>
</body> </body>
</html> </html>