{"id":15677695,"url":"https://github.com/ericwbailey/lowvision.support","last_synced_at":"2025-10-07T13:42:40.857Z","repository":{"id":29419454,"uuid":"32955108","full_name":"ericwbailey/lowvision.support","owner":"ericwbailey","description":"👁 Help improve your website's accessibility by simulating common low vision disorders and color-blindness.","archived":false,"fork":false,"pushed_at":"2018-03-25T17:57:53.000Z","size":351,"stargazers_count":14,"open_issues_count":1,"forks_count":1,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-09-24T19:43:49.303Z","etag":null,"topics":["a11y","accessibility","html","jquery","sass","svg"],"latest_commit_sha":null,"homepage":"http://lowvision.support","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ericwbailey.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2015-03-26T22:25:00.000Z","updated_at":"2025-08-07T03:03:23.000Z","dependencies_parsed_at":"2022-07-19T06:17:04.221Z","dependency_job_id":null,"html_url":"https://github.com/ericwbailey/lowvision.support","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ericwbailey/lowvision.support","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericwbailey%2Flowvision.support","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericwbailey%2Flowvision.support/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericwbailey%2Flowvision.support/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericwbailey%2Flowvision.support/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ericwbailey","download_url":"https://codeload.github.com/ericwbailey/lowvision.support/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericwbailey%2Flowvision.support/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":278786615,"owners_count":26045588,"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","status":"online","status_checked_at":"2025-10-07T02:00:06.786Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["a11y","accessibility","html","jquery","sass","svg"],"created_at":"2024-10-03T16:10:17.958Z","updated_at":"2025-10-07T13:42:40.806Z","avatar_url":"https://github.com/ericwbailey.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"# [lowvision.support](http://lowvision.support/)\nHelp improve your website's accessibility by simulating common low vision disorders and color-blindness.\n\n\n## Motivation\nWith the upcoming [Section 508](https://en.wikipedia.org/wiki/Section_508_Amendment_to_the_Rehabilitation_Act_of_1973) [refresh](http://www.access-board.gov/guidelines-and-standards/communications-and-it/about-the-ict-refresh), there has been increased attention put towards blindness and low vision disabilities. Although color-blindness is a subject that is pretty well understood at this point, a lot of the existing tools that simulate low vision conditions are (unfortunately, somewhat ironically) inaccessible, many having been built on depreciated technologies or are simply no longer available online.\n\nThis project arose from a desire to address that gap by making a free, future-friendly testing tool that was built mobile-first. I wanted to make something that I would personally be comfortable using, as well as challenging myself to improve my JS skills and try out some emerging web technologies.\n\n\n## Technology\n\nLow vision conditions are simulated in realtime using SVG filters. This approach removes the need for an blocking overlay to apply effects to, and allows the viewed site to retain its interactivity. While the simulations are not always going to be 100% accurate, I feel they're close enough for evaluation purposes. Data for the filters were sourced from [this archived page](http://web.archive.org/web/20081014161121/http://www.colorjack.com/labs/colormatrix/).\n\nSince SVG filters require a [modern browser to use](http://caniuse.com/#feat=svg-filters), this allowed the opportunity to experiment with using Flexbox, calc, rem, and vh/vw units. jQuery is also utilized.\n\n### Acknowledgements\nThis site uses [scottrabin](https://github.com/scottrabin)'s excellent [is.js library](https://arasatasaygin.github.io/is.js/)\n\n\n## Known Issues\n- [ ] Certain websites forbid embedding in an iFrame - this is by design and there's not much I can do about this one, unfortunately\n- [ ] iFrame device density issues (will sometimes load desktop site)\n- [ ] iFrame obscures low vision condition section on iPhone (possibly related to device density issues above)\n- [ ] Site chokes on URLs containing a hash (`#`) symbol\n- [ ] Fallback white iFrame background will sometimes not load\n\n\n## To Do\n- [ ] Add support for:\n    - [ ] Hemianopia\n    - [ ] Glaucoma\n    - [ ] Macular Degeneration\n    - [ ] Retinitis Pigmentosa\n- [ ] Add instructions/explanation modal\n- [ ] Add support for multiple selections (i.e. cataracts w/Protanopia) using [Chosen](https://harvesthq.github.io/chosen/) \n- [ ] More visually emphasized focus styles\n- [ ] [Show error message for sites that don’t display due to X-Frame-Options header](https://twitter.com/simevidas/status/599045054704046081?cn=cmVwbHk%3D) (h/t Šime Vidas)\n- [x] Add Google Analytics\n\n\n## Contributors\nHelp or suggestions are more than welcome! Submit an [issue](https://github.com/ericwbailey/lowvision/issues) or a [pull request](https://github.com/ericwbailey/lowvision/pulls), or feel free to message me here or on [Twitter](https://www.twitter.com/ericwbailey).\n\n\n## License\n```\nThe MIT License\n\nCopyright (c) 2015 Eric Bailey. http://lowvision.support/\n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in\nall copies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN\nTHE SOFTWARE.\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fericwbailey%2Flowvision.support","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fericwbailey%2Flowvision.support","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fericwbailey%2Flowvision.support/lists"}