javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(back-button): screen readers correctly announce the back button text (#21053)

Browse Source 
fixes #21043
This commit is contained in:
Liam DeBeasi
2020-04-27 11:31:32 -04:00
committed by GitHub
parent 66e8e6404d
commit 14c226ce75
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
core/src/components/back-button/back-button.tsx
View File

@ -126,10 +126,10 @@ export class BackButton implements ComponentInterface, ButtonInterface {
'show-back-button': showBackButton 'show-back-button': showBackButton
}} }}
> >
<button type={type} disabled={disabled} class="button-native" part="button"> <button type={type} disabled={disabled} class="button-native" part="button" aria-label={backButtonText || 'back'}>
<span class="button-inner"> <span class="button-inner">
{backButtonIcon && <ion-icon icon={backButtonIcon} lazy={false} part="icon"></ion-icon>} {backButtonIcon && <ion-icon icon={backButtonIcon} aria-hidden="true" lazy={false} part="icon"></ion-icon>}
{backButtonText && <span class="button-text" part="text">{backButtonText}</span>} {backButtonText && <span aria-hidden="true" class="button-text" part="text">{backButtonText}</span>}
</span> </span>
{mode === 'md' && <ion-ripple-effect type={this.rippleType}></ion-ripple-effect>} {mode === 'md' && <ion-ripple-effect type={this.rippleType}></ion-ripple-effect>}
</button> </button>