kth.sePublications
Change search
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf
Implementation of data visualisation support for colorblind users
KTH, School of Electrical Engineering and Computer Science (EECS).
2022 (English)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE creditsStudent thesis
Abstract [sv]

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.

Abstract [en]

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.

Place, publisher, year, edition, pages
2022. , p. 31
Series
TRITA-EECS-EX ; 2022:204
National Category
Electrical Engineering, Electronic Engineering, Information Engineering
Identifiers
URN: urn:nbn:se:kth:diva-318412OAI: oai:DiVA.org:kth-318412DiVA, id: diva2:1697533
Educational program
Master of Science in Engineering - Electrical Engineering
Supervisors
Examiners
Available from: 2022-09-22 Created: 2022-09-21 Last updated: 2022-09-22Bibliographically approved

Open Access in DiVA

fulltext(2241 kB)264 downloads
File information
File name FULLTEXT01.pdfFile size 2241 kBChecksum SHA-512
242a4371342997d8d68c589cdf32a40f041b16bd072b30b6377b3c86d1275e5baa1eb4187257e6a3bab233bc0020eb708f137380d72382a1ae7937129d55b0ce
Type fulltextMimetype application/pdf

By organisation
School of Electrical Engineering and Computer Science (EECS)
Electrical Engineering, Electronic Engineering, Information Engineering

Search outside of DiVA

GoogleGoogle Scholar
Total: 264 downloads
The number of downloads is the sum of all downloads of full texts. It may include eg previous versions that are now no longer available

urn-nbn

Altmetric score

urn-nbn
Total: 905 hits
CiteExportLink to record
Permanent link

Direct link
Cite
Citation style
  • apa
  • ieee
  • modern-language-association-8th-edition
  • vancouver
  • Other style
More styles
Language
  • de-DE
  • en-GB
  • en-US
  • fi-FI
  • nn-NO
  • nn-NB
  • sv-SE
  • Other locale
More languages
Output format
  • html
  • text
  • asciidoc
  • rtf