My Accessibility Widget

🧰 Version Info

| Tool | Version | |--------------|-------------| | Node | v22.16.0 | | PNPM | v10.12.4 | | accesibility | v5.18.1 |

Example use Next.js

_app

import "@/styles/globals.css";
import type { AppProps } from "next/app";
import { useEffect } from "react";
import { initAccessibilityWidget } from "my-accessibility-widget";
import "my-accessibility-widget/style.css";
import "my-accessibility-widget/widget.css";

export default function App({ Component, pageProps }: AppProps) {
useEffect(() => {
initAccessibilityWidget();
}, []);

return <Component {...pageProps} />;
}

example use nuxt js

plugins/accessibility-widget.client.ts

import { defineNuxtPlugin } from "#app";
import { initAccessibilityWidget } from "my-accessibility-widget";
import "my-accessibility-widget/style.css";
import "my-accessibility-widget/widget.css";

export default defineNuxtPlugin(() => {
  if (process.client) {
    initAccessibilityWidget();
  }
})