Skip to content
Permalink

Comparing changes

Choose two branches to see what’s changed or to start a new pull request. If you need to, you can also or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: vue-a11y/vue-axe
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: v1.0.1
Choose a base ref
...
head repository: vue-a11y/vue-axe
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: v1.0.2
Choose a head ref
  • 2 commits
  • 4 files changed
  • 1 contributor

Commits on May 16, 2018

  1. Add info to README.md

    ktquez authored May 16, 2018

    Verified

    This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
    Copy the full SHA
    4fee3f8 View commit details
  2. chore(release): 1.0.2

    ktquez committed May 16, 2018
    Copy the full SHA
    f653aa5 View commit details
Showing with 100 additions and 3 deletions.
  1. +5 −0 CHANGELOG.md
  2. +93 −1 README.md
  3. +1 −1 package-lock.json
  4. +1 −1 package.json
5 changes: 5 additions & 0 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
@@ -2,6 +2,11 @@

All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.

<a name="1.0.2"></a>
## [1.0.2](https://github.com/vue-a11y/vue-axe/compare/v1.0.1...v1.0.2) (2018-05-16)



<a name="1.0.1"></a>
## [1.0.1](https://github.com/vue-a11y/vue-axe/compare/v1.0.0...v1.0.1) (2018-05-16)

94 changes: 93 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
@@ -1,5 +1,97 @@
# vue-axe

Accessibility auditing for Vue.js applications (Inspired by [dequelabs/react-axe](https://github.com/dequelabs/react-axe))

## Install package
#### NPM
```shell
npm install -D vue-axe
```

#### Yarn
```shell
yarn add -D vue-axe
```
---

## Install plugin
```javascript
import Vue from 'vue'
import VueAxe from 'vue-axe'

if (process.env.NODE_ENV !== 'production') {
Vue.use(VueAxe, {
config: {
// ...
rules: [
{ id: 'heading-order', enabled: true },
{ id: 'label-title-only', enabled: true },
// and more
]
}
})
Vue.config.productionTip = false
}
```

Optional: You can also pass settings through the second parameter at the time of installing the plugin, read about the object here:
https://github.com/dequelabs/axe-core/blob/master/doc/API.md#api-name-axeconfigure

---

## Using with HTML files
#### CDN
```html
<!-- Required Javascript -->
<script src="https://unpkg.com/vue"></script>
<script src="https://unpkg.com/vue-axe"></script>
```

```javascript
Vue.use(VueAxe, {
config: {
// your configuration data
}
})
```

---

## Run the demo
```shell
git clone https://github.com/vue-a11y/vue-axe.git vue-axe-demo
cd demo
npm install
npm run dev
```

It is a simple webpack template already installed and configured to run and check the logs in the browser console.
After the commands just access the http://localhost:8080/

---

## Run the tests
```shell
git clone https://github.com/vue-a11y/vue-axe.git vue-axe
npm install
npm run test
```

Or run Cypress on interactive mode
```shell
npm run test:open
```

---

Accessibility auditing for Vue.js applications (Inspired by [dequelabs/react-axe](https://github.com/dequelabs/react-axe))
## Contributing
- Check the open issues or open a new issue to start a discussion around your feature idea or the bug you found;
- Fork repository, make changes and send a pull request;

If you want a faster communication, find me on [@ktquez](https://twitter.com/ktquez)
And follow us on Twitter [@vue_a11y](https://twitter.com/vue_a11y)

**thank you**



2 changes: 1 addition & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "vue-axe",
"version": "1.0.1",
"version": "1.0.2",
"description": "Dynamic accessibility analysis for Vue.js using axe-core",
"main": "dist/vue-axe.js",
"scripts": {