diff --git a/README.md b/README.md
index c6ba4ae..9c2125e 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,14 @@
# vue-skip-to
-It helps people who only use the keyboard to jump to what matters most
+
+> Helps people who only use the keyboard to jump to what matters most
+
+- [Installation](##installation)
+- [Usage](##usage)
+- [Props](##props)
+- [Custom styling](##custom-styling)
+- [Running tests](##running-tests)
+- [About](##about)
+- [Contributing](##contributing)
The population grows very fast nowadays and with that the number of visually impaired increases as well. Did you know that we have over 350 million visually impaired people in the world?
@@ -7,60 +16,102 @@ However, we are responsible for doing our utmost to make our applications usable
"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.
-In addition to being a technique recommended by WCAG 2.0, that's where this component was inspired.
-https://www.w3.org/TR/WCAG20-TECHS/G1.html
-https://www.w3.org/TR/WCAG20-TECHS/G124.html
+This pattern is detailed in the Techniques for WCAG 2.0 in notes [G1](https://www.w3.org/TR/WCAG20-TECHS/G1.html) and [G124](https://www.w3.org/TR/WCAG20-TECHS/G124.html), and also served as the inspiration for creating this component.
+
+[Check out the live demo!](https://vue-skip-to.surge.sh)
+
+## Installation
-## Install
-#### NPM
```shell
+// npm
npm install -S @vue-a11y/skip-to
-```
-#### Yarn
-```shell
+// yarn
yarn add @vue-a11y/skip-to
```
-## How to use
-In your `main.js`
+## Usage
+
+### Vue SFC
+
```javascript
+// main.js
+
import Vue from 'vue'
import VueSkipTo from '@vue-a11y/skip-to'
Vue.use(VueSkipTo)
new Vue({
- //... options
+ //...
})
```
-In your `App.vue`
```vue
+// App.vue
+
-
-
{{ msg }}
- ...
-
-
-
+
+
+
+
+
+
```
-## Using with HTML files
+#### Skip-to list
+
+To use multiple links, simply pass an array into the `to` prop with the following shape:
+
+```json
+[
+ {
+ "anchor": "", // destination id
+ "label": "" // link text
+ }
+ //...
+]
+```
+
+```vue
+// App.vue
+
+
+
+
+
+
+
+
+
+
+```
+
+### In HTML files
+
```html
@@ -70,11 +121,11 @@ export default {