Note

Accessibility Toolkit

Demo

Demo

Features

Text Resizer

Allows users to adjust the text size for better readability. Options: Small, Medium, Large, Extra-Large.

Link Highlighter

Automatically underlines all links to improve visibility.

Installation

This section shows how to install the package.

Using npm

npm install accessibility-toolkit

Using yarn

yarn add accessibility-toolkit

Using pnpm

pnpm add accessibility-toolkit

Usage

import { AccessibilityProvider, AccessibilityButton } from 'accessibility-toolkit';

function App() {
    return (
    <AccessibilityProvider>
      <AccessibilityButton />
      <main>
        <h1>Welcome to the Accessibility Toolkit!</h1>
        <p>
          This page demonstrates how to make your web application more accessible to people
          with different needs.
        </p>
        <a href="#">Learn more</a>
      </main>
    </AccessibilityProvider>
  );
}

Dependencies

• React

Dev Dependencies

• Babel
• Jest
• Jest Transform CSS
• [React Testing Library](https://github.com/testing-library/react-testing- library)