The table in question shows the standings of each team in a certain league. A ‘last 10 matches‘ column with the results of the last 10 matches played is displayed for each team.
This is a very useful feature, it adds value to the table by giving you a quick insight into the history of that team. It tells the story of how they got to the position they’re in right now, while also acting as a reminder of the matches you might have watched.
A legend is shown above the table explaining the colors used. While you could argue that explaining red is a loss and green being win is a little overkill, it only adds more clarification. Being clear is good, it removes any doubt you could have reading the table.
However, doubt and pure frustration are guaranteed for the colorblind visitor trying to use this portion of the table. The red and green are indistinguishable from each other in the table and from the table to the legend above it.
The red and green don’t have enough contrast between them, the icons are very small, way too small, making it impossible to see the difference to the point that a colorblind user does not even know there are three colors used in the table.
Only when zooming in at 3200% using photoshop was I able to see the difference between the colors. But not at normal size, not so close together without any other clarification.
Color is used as the only source of information. There is nothing else, no hints, no tricks, nothing. The only clue you have is the legend, but that just adds to the frustration. It yells ‘there are three colors here, but you can only see two!’ at you (while also making obscene gestures).
It’s rude, it’s unusable; it’s the number one frustration for the colorblind. You know there is something there and you know it’s useful, but you cannot see and thus use it.