File tree Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Expand file tree Collapse file tree 1 file changed +6
-3
lines changed Original file line number Diff line number Diff line change @@ -8,7 +8,7 @@ However, we are responsible for doing our utmost to make our applications usable
8
8
"Skip to content" or "skip to a section" of your site is one of the most common accessibility techniques today, but not as used as it should be.
9
9
10
10
In addition to being a technique recommended by WCAG 2.0, that's where this component was inspired.
11
- https://www.w3.org/TR/WCAG20-TECHS/G1.html
11
+ https://www.w3.org/TR/WCAG20-TECHS/G1.html
12
12
https://www.w3.org/TR/WCAG20-TECHS/G124.html
13
13
14
14
## Install
@@ -34,12 +34,15 @@ Vue.use(VueSkipTo)
34
34
In your ` App.vue `
35
35
``` vue
36
36
<template>
37
- <div id="app" tole="main" >
37
+ <div id="app">
38
38
<vue-skip-to to="#main" test="Skip to main content" />
39
39
40
40
<logo :src="require('@/assets/logo.png')" />
41
41
<h1 data-va="main header">{{ msg }}</h1>
42
42
...
43
+ <div id="main" role="main">
44
+ <!-- My content -->
45
+ </div>
43
46
</div>
44
47
</template>
45
48
<script>
@@ -96,7 +99,7 @@ Prop | Data Type | required | Description | Default
96
99
You can style the link through the selector ` .vue-skip-to `
97
100
98
101
## Feature
99
- Inspired by this article, to know more, access the link:
102
+ Inspired by this article, to know more, access the link:
100
103
http://www.nczonline.net/blog/2013/01/15/fixing-skip-to-content-links/
101
104
102
105
- This component working in all modern browsers and IE9;
You can’t perform that action at this time.
0 commit comments