Migrate to Netlify Today

Netlify announces the next evolution of Gatsby Cloud. Learn more

ContactSign Up
Community Plugin
View plugin on GitHub

gatsby-plugin-all-in-one-accessibility

A lightweight & feature-rich Gatsby plugin to easily add All in One Accessibility to your site.

Features

  • Skip to Menu
  • Skip to Footer
  • Skip to Navigation
  • Open Accessibility Toolbar

Content Adjustments

  • Content Scaling
  • Readable Fonts
  • Highlight Title
  • Highlight Links
  • Text Magnifier
  • Adjust Font Sizing
  • Adjust Line Height
  • Adjust Letter Spacing
  • Align Center
  • Align Left
  • Align Right

Color and Contrast Adjustments

  • High Contrast

Orientation Adjustments

  • Hide Images (Text Only) Miscellaneous
  • Accessibility Statement
  • Dynamic Application Color
  • Choose Application Trigger Button Position
  • Choose Application Position
  • Multi Language

Supports 40 languages

  • English
  • Spanish
  • German
  • Arabic
  • Slovak
  • Portuguese
  • French
  • Italian
  • Polish
  • Turkish
  • Japanese
  • Finnish
  • Russian
  • Hungarian
  • Latin
  • Greek
  • Hebrew
  • Bulgarian
  • Catalan
  • Chinese
  • Czech
  • Danish
  • Dutch
  • Hindi
  • Indonesian
  • Korean
  • Lithuanian
  • Malay
  • Norwegian
  • Romanian
  • Slovenian
  • Swedish
  • Thai
  • Ukrainian
  • Vietnamese
  • Bengali
  • Sinhala
  • Amharic
  • Hmong
  • Myanmar (Burmese)

Install

  • NPM: $ npm install gatsby-plugin-all-in-one-accessibility
  • YARN: $ yarn add gatsby-plugin-all-in-one-accessibility

How to use

plugins: [`gatsby-plugin-accessibilityjs`];

Options

In your gatsby-config.js file:

plugins: [
  {
      resolve: `gatsby-plugin-all-in-one-accessibility`,
      options: {
          //Check for license key from https://www.skynettechnologies.com/all-in-one-accessibility
          licenseKey: ``,
          //Enter the color code as per the template/theme used in your website
          colorcode :"cccccc",
          //Enter the position of widget into in your website
          //"top_left" => "Top Left", "top_center" => "Top Center", "top_right" => "Top Right", "middel_left" => "Middle Left", "middel_center" => "Middle Center", "middel_right" => "Middle Right", "bottom_left" => "Bottom Left", "bottom_center" => "Bottom Center", "bottom_right" => "Bottom Right"
          position : "bottom_left",
          //Enter the Icon type
          //aioa-icon-type-1=>"Accessbility Icon", aioa-icon-type-2=>Wheel Chair Icon, aioa-icon-type-3=>"Blind eyes icon
          iconType : "aioa-icon-type-2",
          //Enter the Icon Size
          //aioa-big-icon=>"Big", aioa-medium-icon=>"Medium", aioa-default-icon=>"Default",aioa-small-icon=>"Small",aioa-extra-small-icon=>"Extra Small"
          iconSize : "aioa-default-icon",
      }
  }
];

Contributions

TBA

Report a bug

via Issues

Open a discussion

via Discussions

Make a contribution

via PR

License

MIT

© 2023 Gatsby, Inc.