ng-accessibility-bar

Accessibility bar component for Angular 1.6

Features

• Buttons to Increment/Decrement font size
  • On change font size, a new style attribute is add to html tag with font size in px units, also one new helper class is add to body tag base on actual font size. Our tip for that implementation work on your project is make all the css files using rem unit. But also you can use a postcss script called pxtorem for make this transform work for you automatically.
• Button to toggle high-contrast version based on body class
  • On toggle high contrast a new class is add to body tag, all work needed is make a new version of your css based on that high contrast class on body.
• Button to LIBRAS (Língua brasileira de sinais)
  • Just open VLIBRAS website

Quick Start

Install

npm install ng-accessibility-bar --save

Config

Add script with minified file

<script type="text/javascript" src="node_modules/ng-accessibility-bar/dist/ng-accessibility-bar.js"></script>

(optional) Add link for css file

<link rel="stylesheet" href="node_modules/ng-accessibility-bar/dist/ng-accessibility-bar.css">

Add component module as dependency

angular.module('application', [
    'ng-accessibility-bar',
]);

Use

Add component wherever you want

<ng-accessibility-bar></ng-accessibility-bar>

Options

Make some customizations with attributes

<ng-accessibility-bar
  contrast="false"
  contrast-class="hight-contrast"
  font-adjust="true"
  font-adjust-max-size="40"
  font-adjust-min-size="12"
  font-adjust-increment-rate="5"
  libras="false"
  show-title="true"
  title="Accessibility:"
>
</ng-accessibility-bar>

Key	Description	Type	Default
contrast	Show and hide contrast button	boolean	true
contrast-class	Define a custom class name for high contrast version	string	color-inverter
font-adjust	Show and hide buttons for font adjust	boolean	true
font-adjust-max-size	Define a custom maximum size for font adjust	integer	20
font-adjust-min-size	Define a custom minimum size for font adjust	integer	16
font-adjust-increment-rate	Define a custom increment rate for font adjust	integer	2
libras	Show and hide buttons for LIBRAS	boolean	true
show-title	Show and hide the title for bar	boolean	true
title	Define a custom title for bar	string	Acessibilidade:

Authors

• Lucas Stoque
• Vinícius Lagêdo
• Marcelo Brito

Contribuiting

Check our CONTRIBUTING file.