Page 1 of 1
Colorblind aid online.
Posted: 17 May 2023, 15:59
by 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.
Re: Colorblind aid online.
Posted: 27 November 2024, 03:28
by 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.