https://github.com/hendrixfan/vue-accessibility-toolbar

A Toolbar with Buttons to invert Colors, highlight Links, desaturate and increase Font Size
https://github.com/hendrixfan/vue-accessibility-toolbar

accessibility javascript vue vuejs2

Last synced: 3 months ago
JSON representation

A Toolbar with Buttons to invert Colors, highlight Links, desaturate and increase Font Size

• Host: GitHub
• URL: https://github.com/hendrixfan/vue-accessibility-toolbar
• Owner: hendrixfan
• Created: 2019-07-18T15:54:15.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-05-29T10:09:22.000Z (about 1 year ago)
• Last Synced: 2024-03-20T14:26:59.655Z (3 months ago)
• Topics: accessibility, javascript, vue, vuejs2
• Language: Vue
• Homepage:
• Size: 1.97 MB
• Stars: 21
• Watchers: 2
• Forks: 6
• Open Issues: 6
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Lists

• awesome-access - vue-accessibility-toolbar - A Toolbar with Buttons to invert Colors, highlight Links, desaturate and increase Font Size. (Components and plugins / Courses)

README

        
# vue-accessibility-toolbar

![alt text](https://user-images.githubusercontent.com/19203626/61536206-69b4f900-aa34-11e9-88d0-1563425f20dd.png)

[Demo](https://hendrixfan.github.io/vue-accessibility-toolbar/)

## Usage

```HTML

```

```javascript

import { AccessibilityToolbar } from 'vue-accessibility-toolbar'

export default {

  components: {

    AccessibilityToolbar

  }

}

```

## API

### accessibility-toolbar

#### props

- `invert-colors-text` ***String*** (*optional*) `default: 'Invert Colors'`

- `highlight-links-text` ***String*** (*optional*) `default: 'Highlight Links'`

- `grayscale-text` ***String*** (*optional*) `default: 'Desaturate'`

- `accessibile-font-size-text` ***String*** (*optional*) `default: 'Increase Text Size'`

## Installation

```

npm install vue-accessibility-toolbar

```