https://github.com/akhileshthite/colorblind-media

Enhance web media accessibility with filters for color vision deficiencies.
https://github.com/akhileshthite/colorblind-media

color-blindness colorblind colorblind-filters

Last synced: 2 months ago
JSON representation

Enhance web media accessibility with filters for color vision deficiencies.

• Host: GitHub
• URL: https://github.com/akhileshthite/colorblind-media
• Owner: akhileshthite
• License: gpl-3.0
• Created: 2024-04-03T19:33:10.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-04-03T20:47:39.000Z (9 months ago)
• Last Synced: 2024-05-02T02:41:19.145Z (8 months ago)
• Topics: color-blindness, colorblind, colorblind-filters
• Language: JavaScript
• Homepage: https://akhileshthite.github.io/colorblind-media/
• Size: 1.03 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# colorblind-media



A simple client-side JavaScript solution aimed at enhancing the accessibility of media content on the web for individuals with [color blindness](https://www.colourblindawareness.org/colour-blindness/). It focuses on providing support for users with various [types](https://www.colourblindawareness.org/colour-blindness/types-of-colour-blindness/) of color vision deficiencies, allowing them to experience media elements, such as images and videos, in a way that accommodates their visual needs. This project is ideal for web developers seeking to make their websites more inclusive and accessible, as well as for educational purposes to illustrate the importance of accessibility in digital media.

```js

const filters = [

  {

    id: "deuteranopia",

    values:

      "0.29031,0.70969,0.00000,0,0 0.29031,0.70969,0.00000,0,0 -0.02197,0.02197,1.00000,0,0 0,0,0,1,0",

  },

  {

    id: "deuteranomaly",

    values:

      "0.57418,0.42582,0.00000,0,0 0.17418,0.82582,0.00000,0,0 -0.01318,0.01318,1.00000,0,0 0,0,0,1,0",

  },

  {

    id: "protanopia",

    values:

      "0.10889,0.89111,0.00000,0,0 0.10889,0.89111,0.00000,0,0 0.00447,-0.00447,1.00000,0,0 0,0,0,1,0",

  },

  {

    id: "protanomaly",

    values:

      "0.46533,0.53467,0.00000,0,0 0.06533,0.93467,0.00000,0,0 0.00268,-0.00268,1.00000,0,0 0,0,0,1,0",

  },

  {

    id: "tritanopia",

    values:

      "1.00000,0.15236,-0.15236,0,0 0.00000,0.86717,0.13283,0,0 0.00000,0.86717,0.13283,0,0 0,0,0,1,0",

  },

  {

    id: "tritanomaly",

    values:

      "1.00000,0.09142,-0.09142,0,0 0.00000,0.92030,0.07970,0,0 0.00000,0.52030,0.47970,0,0 0,0,0,1,0",

  },

  {

    id: "achromatopsia",

    values:

      "0.299,0.587,0.114,0,0 0.299,0.587,0.114,0,0 0.299,0.587,0.114,0,0 0,0,0,1,0",

  },

];

```