Implementation of data visualisation support for colorblind users

Sammanfattning

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.