A11Y: add aria-labels to sidebar footer buttons (#29347)

This commit is contained in:
Kris 2024-10-22 18:04:36 -04:00 committed by GitHub
parent 3e7d25db9b
commit 4983fa6df7
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 7 additions and 0 deletions

View File

@ -53,6 +53,7 @@ export default class SidebarFooter extends Component {
@icon="plus"
@action={{this.manageSections}}
@title="sidebar.sections.custom.add"
@ariaLabel="sidebar.sections.custom.add"
class="btn-flat sidebar-footer-actions-button add-section"
/>
{{/if}}
@ -61,6 +62,11 @@ export default class SidebarFooter extends Component {
<DButton
@action={{this.toggleMobileView}}
@title={{if this.site.mobileView "desktop_view" "mobile_view"}}
@ariaLabel={{if
this.site.mobileView
"desktop_view"
"mobile_view"
}}
@icon={{if this.site.mobileView "desktop" "mobile-screen-button"}}
class="btn-flat sidebar-footer-actions-button sidebar-footer-actions-toggle-mobile-view"
/>
@ -70,6 +76,7 @@ export default class SidebarFooter extends Component {
<DButton
@action={{this.showKeyboardShortcuts}}
@title="keyboard_shortcuts_help.title"
@ariaLabel="keyboard_shortcuts_help.title"
@icon="keyboard"
class="btn-flat sidebar-footer-actions-button sidebar-footer-actions-keyboard-shortcuts"
/>