yv01p/Umbraco-CMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Append "active" to currently selected section for screen readers (#7946)

Browse Source
This commit is contained in:
Joe Glombek
2020-04-14 10:33:30 +01:00
committed by GitHub
parent d582460f36
commit b5e866aeba
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/Umbraco.Web.UI.Client/src/views/components/application/umb-sections.html
View File

@@ -6,13 +6,15 @@
<a href="#/{{section.alias}}"
ng-dblclick="sectionDblClick(section)"
ng-click="sectionClick($event, section)"
prevent-default>
prevent-default
ng-attr-aria-current="{{section.alias == currentSection ? 'page' : undefined}}"
aria-label="{{section.name + (section.alias == currentSection ? ' (active)' : '')}}">
<span class="section__name">{{section.name}}</span>
</a>
</li>
<li data-element="section-expand" class="expand" ng-class="{ 'open': showTray === true, current: currentSectionInOverflow() }" ng-show="visibleSections < sections.length">
<a href="#" ng-click="trayClick()" prevent-default>
<a href="#" ng-click="trayClick()" prevent-default aria-label="More sections">
<span class="section__name">&bull;&bull;&bull;</span>
</a>
@@ -21,7 +23,9 @@
<a href="#/{{section.alias}}"
ng-dblclick="sectionDblClick(section)"
ng-click="sectionClick($event, section)"
prevent-default>
prevent-default
ng-attr-aria-current="{{section.alias == currentSection ? 'page' : undefined}}"
aria-label="{{section.name + (section.alias == currentSection ? ' (active)' : '')}}">
<span class="section__name">{{section.name}}</span>
</a>
</li>