{"id":25491815,"url":"https://github.com/prabothcharith/accessibility-plugin","last_synced_at":"2025-06-21T09:39:47.601Z","repository":{"id":235127937,"uuid":"788900774","full_name":"PrabothCharith/accessibility-plugin","owner":"PrabothCharith","description":"The Accessibility Plugin is a JavaScript library that helps improve the accessibility of your web applications. It provides a set of utility functions and components that can be easily integrated into your project.","archived":false,"fork":false,"pushed_at":"2024-07-02T02:16:39.000Z","size":198,"stargazers_count":12,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-04-10T00:07:37.980Z","etag":null,"topics":["accessibility","accessibility-plugin","accessibility-service","accessibility-toolbar","accessibility-tools","accessibilityservice","free-accessibility","free-plugin","javascript","javascript-library","no-dependencies","plugin","plugins"],"latest_commit_sha":null,"homepage":"https://www.npmjs.com/package/accessibility-plugin","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/PrabothCharith.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":"SECURITY.md","support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null},"funding":{"buy_me_a_coffee":"praboth"}},"created_at":"2024-04-19T10:02:25.000Z","updated_at":"2025-04-04T08:25:54.000Z","dependencies_parsed_at":"2024-05-08T17:36:54.812Z","dependency_job_id":"7fca4fab-1d76-4891-8442-8b717eb6d757","html_url":"https://github.com/PrabothCharith/accessibility-plugin","commit_stats":null,"previous_names":["prabothcharith/accessibility-plugin"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/PrabothCharith/accessibility-plugin","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrabothCharith%2Faccessibility-plugin","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrabothCharith%2Faccessibility-plugin/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrabothCharith%2Faccessibility-plugin/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrabothCharith%2Faccessibility-plugin/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/PrabothCharith","download_url":"https://codeload.github.com/PrabothCharith/accessibility-plugin/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/PrabothCharith%2Faccessibility-plugin/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":261101617,"owners_count":23109860,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","accessibility-plugin","accessibility-service","accessibility-toolbar","accessibility-tools","accessibilityservice","free-accessibility","free-plugin","javascript","javascript-library","no-dependencies","plugin","plugins"],"created_at":"2025-02-18T22:18:59.707Z","updated_at":"2025-06-21T09:39:42.590Z","avatar_url":"https://github.com/PrabothCharith.png","language":"JavaScript","funding_links":["https://buymeacoffee.com/praboth"],"categories":[],"sub_categories":[],"readme":"# Accessibility Plugin\n[![npm version](https://badge.fury.io/js/accessibility-plugin.svg)](https://badge.fury.io/js/accessibility-plugin)\n\n## Preview\n[click here to see preview](https://prabothcharith.github.io/accessibility-plugin/)\n\n## Description\n\nThe Accessibility Plugin is a JavaScript library that helps improve the accessibility of your web applications. It provides a set of utility functions and components that can be easily integrated into your project.\n\n## Features\n\n- **Invert Colors**: Inverts the colors of the page to improve readability for users with visual impairments.\n- **Grayscale**: Converts the page grayscale to improve readability for users with visual impairments.\n- **Low Saturation**: Reduces the saturation of the page to improve readability for users with visual impairments.\n- **High Saturation**: Increases the saturation of the page to improve readability for users with visual impairments.\n- **Link Highlight**: Highlights all links on the page to make them easier to identify for users with visual impairments.\n- **Font Size**: Increases the font size of the page to improve readability for users with visual impairments.\n- **Line Height**: Increases the line height of the page to improve readability for users with visual impairments.\n- **Letter Spacing**: Increases the letter spacing of the page to improve readability for users with visual impairments.\n- **Text Alignment**: Changes the text alignment of the page to improve readability for users with visual impairments.\n- **Low Contrast**: Reduces the contrast of the page to improve readability for users with visual impairments.\n- **High Contrast**: Increases the contrast of the page to improve readability for users with visual impairments.\n- **Extra Contrast**: Increases the contrast of the page even further to improve readability for users with visual impairments.\n- **Hide Images**: Hides all images on the page to improve readability for users with visual impairments.\n- **Hide Videos**: Hides all videos on the page to improve readability for users with visual impairments.\n- **Big Circle Cursor**: Changes the cursor to a big circle to improve visibility for users with visual impairments.\n- **Reading Mask**: Highlights the current line of text being read to improve focus for users with visual impairments.\n- **Reading Guide**: Makes it easier to read long lines of text by Long Highlight Cursor.\n- **Reset**: Resets all accessibility settings to their default values.\n- **Close**: Closes the accessibility menu.\n- **Change Position**: You can change the position of the accessibility menu to `left`, `right`, `top` or `bottom` as User needs.\n- **Save Settings**: Save the current settings to the local storage and load them when the page is reloaded.\n\n## Installation\n\nYou can install the Accessibility Plugin using npm. Run the following command in your project directory:\n\n\u003cpre\u003e\u003ccode\u003enpm i accessibility-plugin\u003c/code\u003e\u003c/pre\u003e\n\n\u003e[!tip]\n\u003e ### OR\n\u003e You can use this `CDN` easily.\n\u003e \u003cpre\u003e\u003ccode\u003ehttps://cdn.jsdelivr.net/gh/PrabothCharith/accessibility-plugin@main/accessibility-menu.min.js\u003c/code\u003e\u003c/pre\u003e\n\u003e \u003cpre\u003e\u003ccode\u003e\u003cscript src=\"https://cdn.jsdelivr.net/gh/PrabothCharith/accessibility-plugin@main/accessibility-menu.min.js\"\u003e\u003c/script\u003e\u003c/code\u003e\u003c/pre\u003e\n\u003e \u003cpre\u003e\u003ccode\u003e\u003cscript src=\"https://raw.githubusercontent.com/PrabothCharith/accessibility-plugin/main/accessibility-menu.min.js\"\u003e\u003c/script\u003e\u003c/code\u003e\u003c/pre\u003e\n\n\u003cbr/\u003e\n\nAfter installation, you can link the `javascript` file _normally_ using\n\u003cpre\u003e\u003ccode\u003e\u003cscript src=\"node_modules/accessibility-plugin/accessibility-menu.js\"\u003e\u003c/script\u003e\u003c/code\u003e\u003c/pre\u003e\n\n### OR\n\nYou can use `min.js` file _as your requirement_\n\u003cpre\u003e\u003ccode\u003e\u003cscript src=\"node_modules/accessibility-plugin/accessibility-menu.min.js\"\u003e\u003c/script\u003e\u003c/code\u003e\u003c/pre\u003e\n\n\u003e[!important]\n\u003e **Link the `Javascript` file `after all javascript` for better output**\n\n## Customization\n\n### Change Position\n\n- In the js file, you can find the `first div` with `id` as `accessibility-modal`\n- In this div, you can find class `right` by **default**. You can change it to `left`, `right`, `top` or `bottom` as you need\n\n\n## Preview\n\n\u003cvideo style='width:100%; height:auto;' src='https://github.com/PrabothCharith/accessibility-plugin/assets/91902549/e310ea92-e434-4c35-a2d5-f1c99547e98e'\u003e\u003c/video\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprabothcharith%2Faccessibility-plugin","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprabothcharith%2Faccessibility-plugin","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprabothcharith%2Faccessibility-plugin/lists"}