taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use aria-label instead title in the left menu

stable
David Barragán Merino 2015-10-01 10:24:21 +02:00 committed by Juanfran
parent 9847a95a31
commit 6d86bf9753
1 changed files with 62 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
app/modules/components/project-menu/project-menu.jade
View File

@ -2,46 +2,92 @@ nav.menu(ng-if="vm.project")
div(class="menu-container") div(class="menu-container")
ul(class="main-nav") ul(class="main-nav")
li(id="nav-search") li(id="nav-search")
a(href="", ng-class="{active: vm.active == 'search'}", title="{{'PROJECT.SECTION.SEARCH' | translate}}", tabindex="1", ng-click="vm.search()") a(
span(class="icon icon-search") href=""
ng-click="vm.search()"
ng-class="{active: vm.active == 'search'}"
aria-label="{{'PROJECT.SECTION.SEARCH' | translate}}"
tabindex="1"
)
span.icon.icon-search
span.helper(translate="PROJECT.SECTION.SEARCH") span.helper(translate="PROJECT.SECTION.SEARCH")
li(id="nav-timeline") li(id="nav-timeline")
a(ng-class="{active: vm.active == 'project-timeline'}", title="{{'PROJECT.SECTION.TIMELINE' | translate}}", tg-nav="project:project=vm.project.get('slug')", tabindex="2") a(
tg-nav="project:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'project-timeline'}"
aria-label="{{'PROJECT.SECTION.TIMELINE' | translate}}"
tabindex="2"
)
include ../../../svg/timeline.svg include ../../../svg/timeline.svg
span.helper(translate="PROJECT.SECTION.TIMELINE") span.helper(translate="PROJECT.SECTION.TIMELINE")
li(id="nav-backlog", ng-if="vm.menu.get('backlog')") li(id="nav-backlog", ng-if="vm.menu.get('backlog')")
a(ng-class="{active: vm.active == 'backlog'}", title="{{'PROJECT.SECTION.BACKLOG' | translate}}", tg-nav="project-backlog:project=vm.project.get('slug')", tabindex="2") a(
span(class="icon icon-backlog") tg-nav="project-backlog:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'backlog'}"
aria-label="{{'PROJECT.SECTION.BACKLOG' | translate}}"
tabindex="2"
)
span.icon.icon-backlog
span.helper(translate="PROJECT.SECTION.BACKLOG") span.helper(translate="PROJECT.SECTION.BACKLOG")
li(id="nav-kanban", ng-if="vm.menu.get('kanban')") li(id="nav-kanban", ng-if="vm.menu.get('kanban')")
a(ng-class="{active: vm.active == 'kanban'}", title="{{'PROJECT.SECTION.KANBAN' | translate}}", tg-nav="project-kanban:project=vm.project.get('slug')", tabindex="3") a(
span(class="icon icon-kanban") tg-nav="project-kanban:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'kanban'}"
aria-label="{{'PROJECT.SECTION.KANBAN' | translate}}"
tabindex="3"
)
span.icon.icon-kanban
span.helper(translate="PROJECT.SECTION.KANBAN") span.helper(translate="PROJECT.SECTION.KANBAN")
li(id="nav-issues", ng-if="vm.menu.get('issues')") li(id="nav-issues", ng-if="vm.menu.get('issues')")
a(ng-class="{active: vm.active == 'issues'}", title="{{'PROJECT.SECTION.ISSUES' | translate}}", tg-nav="project-issues:project=vm.project.get('slug')", tabindex="4") a(
span(class="icon icon-issues") tg-nav="project-issues:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'issues'}"
aria-label="{{'PROJECT.SECTION.ISSUES' | translate}}"
tabindex="4"
)
span.icon.icon-issues
span.helper(translate="PROJECT.SECTION.ISSUES") span.helper(translate="PROJECT.SECTION.ISSUES")
li(id="nav-wiki", ng-if="vm.menu.get('wiki')") li(id="nav-wiki", ng-if="vm.menu.get('wiki')")
a(ng-class="{active: vm.active == 'wiki'}", title="{{'PROJECT.SECTION.WIKI' | translate}}", tg-nav="project-wiki:project=vm.project.get('slug')", tabindex="5") a(
span(class="icon icon-wiki") tg-nav="project-wiki:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'wiki'}"
aria-label="{{'PROJECT.SECTION.WIKI' | translate}}"
tabindex="5"
)
span.icon.icon-wiki
span.helper(translate="PROJECT.SECTION.WIKI") span.helper(translate="PROJECT.SECTION.WIKI")
li(id="nav-team") li(id="nav-team")
a(ng-class="{active: vm.active == 'team'}", title="{{'PROJECT.SECTION.TEAM' | translate}}", tg-nav="project-team:project=vm.project.get('slug')", tabindex="6") a(
tg-nav="project-team:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'team'}"
aria-label="{{'PROJECT.SECTION.TEAM' | translate}}"
tabindex="6"
)
span(class="icon icon-team") span(class="icon icon-team")
span.helper(translate="PROJECT.SECTION.TEAM") span.helper(translate="PROJECT.SECTION.TEAM")
li(id="nav-video", ng-if="vm.project.get('videoconferenceUrl')") li(id="nav-video", ng-if="vm.project.get('videoconferenceUrl')")
a(ng-href="{{vm.project.get('videoconferenceUrl')}}", target="_blank", title="{{'PROJECT.SECTION.MEETUP' | translate}}", tabindex="7") a(
span(class="icon icon-video") ng-href="{{vm.project.get('videoconferenceUrl')}}"
target="_blank"
aria-label="{{'PROJECT.SECTION.MEETUP' | translate}}"
tabindex="7"
)
span.icon.icon-video
span.helper(translate="PROJECT.SECTION.MEETUP") span.helper(translate="PROJECT.SECTION.MEETUP")
li(id="nav-admin", ng-if="vm.project.get('i_am_owner')") li(id="nav-admin", ng-if="vm.project.get('i_am_owner')")
a(ng-class="{active: vm.active == 'admin'}", tg-nav="project-admin-home:project=vm.project.get('slug')", title="{{'PROJECT.SECTION.ADMIN' | translate}}", tabindex="8") a(
span(class="icon icon-settings") tg-nav="project-admin-home:project=vm.project.get('slug')"
ng-class="{active: vm.active == 'admin'}"
aria-label="{{'PROJECT.SECTION.ADMIN' | translate}}"
tabindex="8"
)
span.icon.icon-settings
span.helper(translate="PROJECT.SECTION.ADMIN") span.helper(translate="PROJECT.SECTION.ADMIN")