diff options
Diffstat (limited to 'src/components/AppHeader/AppHeader.vue')
-rw-r--r-- | src/components/AppHeader/AppHeader.vue | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/components/AppHeader/AppHeader.vue b/src/components/AppHeader/AppHeader.vue index 7e1a1006..0e8d3db4 100644 --- a/src/components/AppHeader/AppHeader.vue +++ b/src/components/AppHeader/AppHeader.vue @@ -1,7 +1,11 @@ <template> <div> <header id="page-header"> - <a role="link" class="link-skip-nav btn btn-light" href="#main-content"> + <a + class="link-skip-nav btn btn-light" + href="#main-content" + @click="setFocus" + > {{ $t('appHeader.skipToContent') }} </a> @@ -207,6 +211,10 @@ export default { toggleNavigation() { this.$root.$emit('toggle-navigation'); }, + setFocus(event) { + event.preventDefault(); + this.$root.$emit('skip-navigation'); + }, }, }; </script> |