UNPKG

accessibility-react-widget

Version:

A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and col

126 lines (125 loc) 4.37 kB
{ "name": "accessibility-react-widget", "author": "Vladi Iokhim", "license": "MIT", "description": "A React-based web accessibility widget to enhance UI/UX for all users. This powerful tool seamlessly integrates with React applications, offering a wide range of features like adjustable font sizes, text alignment options, dyslexia-friendly fonts, and color contrast adjustments. It's equipped with advanced functionalities including a BlueLight filter, brightness control, text-to-speech, and a zoom button, ensuring an optimal viewing experience for users with visual impairments. With Accessibilik, developers can easily adhere to the latest web accessibility standards (WCAG), enhancing the UI/UX for diverse audiences. Ideal for creating universally accessible web applications, Accessibilik is your go-to solution for making the web more accessible to everyone.", "keywords": [ "accessibility", "web-accessibility", "a11y", "React", "widget", "accessibilik", "Multilingual Support", "Adjust Font Size", "Align Text", "Dyslexia Font", "Font Weight", "Highlight Links", "Highlight Titles", "Letter Spacing", "Line Height", "Word Spacing", "BlueLight Filter", "Brightness Control", "DarkContrast Button", "HighContrast Button", "HighSaturation Button", "LightContrast Button", "LowSaturation Button", "Monochrome Button", "TextColor Picker", "Visual Impairment", "Zoom Button", "Big Cursor", "Reading Guide", "Text To Speech", "React Accessibility", "Accessibility for React", "Accessibility React component", "Accessibility component", "Accessibility widget", "React accessibility", "accessibility for React", "accessibility React component", "accessibility component", "accessibility widget", "WCAG compliance", "User-friendly web accessibility", "Inclusive web design", "React JS accessibility", "Accessible user interface", "Web inclusivity tools", "User experience enhancement", "Web accessibility standards", "Universal web access solutions" ], "version": "1.0.9", "type": "module", "main": "dist/main.min.js", "types": "dist/main.d.ts", "files": [ "dist" ], "repository": { "type": "git", "url": "git+https://github.com/RosenGray/accessibilik.git" }, "bugs": { "url": "https://github.com/RosenGray/accessibilik/issues" }, "scripts": { "dev": "vite", "build": "tsc --p ./tsconfig-build.json && vite build && npm run uglify && rm ./dist/main.js", "buildUmd": "tsc --p ./tsconfig-build.json && vite build && npm run uglifyUmd && rm ./dist/accessibility-react-widget.umd.cjs", "uglify": "uglifyjs ./dist/main.js -o ./dist/main.min.js --compress --mangle", "uglifyUmd": "uglifyjs ./dist/accessibility-react-widget.umd.cjs -o ./dist/accessibilik.umd.min.cjs --compress --mangle", "prepublishOnly": "npm run build", "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0", "preview": "vite preview" }, "peerDependencies": { "react": "^18.2.0", "react-dom": "^18.2.0" }, "devDependencies": { "@types/react": "^18.2.37", "@types/react-dom": "^18.2.15", "@typescript-eslint/eslint-plugin": "^6.10.0", "@typescript-eslint/parser": "^6.10.0", "@vitejs/plugin-react": "^4.2.0", "autoprefixer": "^10.4.16", "eslint": "^8.53.0", "eslint-plugin-react-hooks": "^4.6.0", "eslint-plugin-react-refresh": "^0.4.4", "glob": "^10.3.10", "postcss": "^8.4.32", "react": "^18.2.0", "react-dom": "^18.2.0", "rollup-plugin-terser": "^7.0.2", "rollup-plugin-visualizer": "^5.12.0", "sass": "^1.69.5", "typescript": "^5.6.3", "uglify-js": "^3.17.4", "vite": "^5.0.0", "vite-plugin-dts": "^3.6.4", "vite-plugin-lib-inject-css": "^1.3.0", "vite-plugin-svgr": "^4.2.0" }, "sideEffects": [ "**/*.css" ], "dependencies": { "@types/i18n": "^0.13.10", "@uidotdev/usehooks": "^2.4.1", "classnames": "^2.3.2", "i18next": "^23.7.11", "i18next-browser-languagedetector": "^7.2.0", "immer": "^10.0.3", "rc-slider": "^10.5.0", "react-colorful": "^5.6.1", "react-i18next": "^13.5.0", "react-router": "^7.5.0", "react-select": "^5.8.0" } }