@a.nemreen/a11y 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ahmed Nemreen
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,78 @@
+# @a.nemreen/a11y
+
+Framework-agnostic **Accessibility Tools** widget — quick profiles, readable experience controls, visual filters, and a reading mask.
+
+Works with **Angular**, **React**, **Vue**, and plain HTML. Zero framework peer dependencies.
+
+- **Demo:** [https://nemreen.info/a11y](https://nemreen.info/a11y)
+- **npm:** `@a.nemreen/a11y`
+
+## Install
+
+```bash
+npm install @a.nemreen/a11y
+```
+
+## Usage
+
+```ts
+import { Accessibility } from '@a.nemreen/a11y';
+import '@a.nemreen/a11y/styles.css';
+
+const a11y = Accessibility.mount({
+  position: 'end', // end | start | left | right
+  stack: 0,
+  locale: 'auto',  // auto | ar | en
+});
+
+Accessibility.createSkipLink({ href: '#main' });
+
+a11y.open();
+a11y.toggleMode('reduce-motion');
+a11y.setVisualFilter('deuteranopia');
+a11y.reset();
+```
+
+### Headless (controller only)
+
+```ts
+const a11y = Accessibility.mount({ headless: true });
+a11y.setMode('high-contrast', true);
+```
+
+### Frameworks
+
+Mount once at the application root — same API everywhere:
+
+```ts
+// Angular main.ts / React App / Vue main.js
+Accessibility.mount();
+```
+
+## Features
+
+- **Profiles:** epilepsy-safe, visually-impaired, cognitive-disability, motor-impaired, colorblind, dyslexia-friendly, adhd-friendly
+- **Adjust:** font size, dyslexia font, highlight titles/links, reading mask, pause motion, text align, line/letter/word spacing
+- **Filters:** boost contrast, monochrome, high contrast, high/low saturation, deuteranopia
+- AR / EN UI, RTL-aware panel, `localStorage` persistence, live region announcements
+
+## Local demo
+
+```bash
+npm install
+npm run demo
+# open http://localhost:4173/demo/
+```
+
+## Deploy demo (cPanel)
+
+Same pattern as [loggo](https://nemreen.info/loggo) / [dga](https://nemreen.info/dga):
+
+```bash
+npm run build:site
+# Upload deploy/ (or a11y-cpanel.zip) → public_html/a11y/
+```
+
+## License
+
+MIT © [Ahmed Nemreen](https://nemreen.info)