vue-accessibility-list

An accessibility list for your project with the options: increase / decrease font and high contrast.

Demo

Installation

NPM

$ npm install vue-accessibility-list

ES6

import AccessibilityList from 'vue-accessibility-list/src/AccessibilityList.vue'

new Vue({
  components: {
    AccessibilityList
  }
})

Usage

<accessibility-list :position="position" :backgroundColor="backgroundColor" :fontColor="fontColor" :size="size" :fontSize="fontSize"></accessibility-list>

All props have default value.

Description of props

Props	Type	Default	Description
:position	String	left	left or right
:backgroundColor	String	#D3D3D3	background color of each item. Ex: #f9f9f9
:fontColor	String	#000	font color of each item. Ex: #000
:fontSize	String	20px	font size of each item. Ex: 22px
:size	String	48px	width and height of each item. Ex: 50px

License

vue-accessibility-list is licensed under The MIT License.