IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-25 10:20:58 -06:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/assets/javascripts/discourse/app/components/sidebar/footer.gjs
View File

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