Detta projekt ämnar att visa hur stöd kan implementeras för färgblinda användare på applikationer. För att hjälpa webbutvecklare att pervälja färger med hög kontrast från färgblinda användares spektiv skapades ett designverktyg. Verktyget utvärderar kontrasten i deras nuvarande färgpalett genom att simulera färgblindhet samt ger en rekommenderad färgpalett för röd och blå färgblindhet. Båda färgpaletterna utvärderades utifrån WCAG-standarder för färg inom webbutveckling, vilket inkluderade den nödvändiga kontrasten mellan intilliggande färger. De två alternativa färgpaletterna implementerades i företaget Mestros applikation. I implementationen användes tre uppsättningar av CSS variabler, en för de nuvarande färgerna samt de två rekommenderade paletterna för röd och blå färgblindhet. En filter variabel användes för att hålla koll på vilken färgpalette som ska vara aktiv utifrån användarens vall. Resultaten delades upp i två uppsättningar beroende på storleken på den ursprungliga färgpaletten, en uppsättning med 4 färger och 6 färger för varje typ av färgblindhet. Båda uppsättningarna nådde den totala genomsnittliga kontrastskillnaden och uppsättningarna med 4 färger nådde standarden med genomsnittet för varje färg kombination.
This project aims to show how support can be implemented for colorblind users on applications. To help web developers choose colors with high contrast from the perspective of colorblind users, a design tool was created. The tool evaluates the contrast of their current color palette by simulating colorblindness as well as gives a recommended color palette for red and blue colorblindness. Both color palettes were evaluated based on WCAG standards relating to color within web development, which included the needed contrast between adjacent colors. The two alternative color palettes were implemented in the company Mestro’s application. The implementation used three sets of CSS variables, one for the current colors and the two recommended palettes for red and blue color blindness. A filter variable was used to keep track of which color palette should be active based on the user’s choice. The results were divided into two sets depending on the size of the original color palette, a set of 4 colors and 6 colors for each type of colorblindness. Both sets reached the total average contrast difference and the sets of 4 colors reached the standard with the average for each color combination.