Colorblind aid online.

[Lord Elend Venture]

This game uses colored pieces which can be very hard to tell apart for colorblind people. Myself, I have trouble with quarries and apartments.
I came to the realization that, while the physical game is not colorblind friendly, this digital format is the perfect place to add colorblind aids.
If such an aid already exists, and I can't find it, someone let me know. Otherwise, It would be great if someone could add them or tell me how.

[knallfrosch2024]

The tiles are quite easy to be styled by CSS.

This example shows a text Quarry in the center of a quarry tile:

Code: Select all

.face[data-type="quarry"]::after {
  content: "Quarry";
  top: 40%;
  position: absolute;
  left: 25%;
}

So a developer could add setting that adds a CSS class to the HTML body-tag, for example 'colorblind' and then
add

Code: Select all

body.colorblind .face[data-type="quarry"]::after {
  content: "Quarry";
  top: 40%;
  position: absolute;
  left: 25%;
}

to akropolis.css would show the text for the quarry tile only if the setting colorblind is active and class colorblind is added to the body tag.

I don't know what a good view for colorblind would be for akrolpolis. Just a simple idea. There are also many CSS features today that can manipulate the appearence of things on the screen, like changing contrast, change colors of images.

An alternative is to use a browser extension that allows customization for specific sites like adding that CSS rules to the akropolis game page.