I audited 99 resume templates for contrast. Nine rendered the candidate's name invisible.
I run a resume builder with 99 templates. A user said the designs looked "basic", so I wrote a script to measure them instead of arguing about taste. The script did not find a taste problem. It found that nine templates rendered the candidate's name at a contrast ratio of about 1.0 against its background. Contrast 1.0 means the text and the background are the same colour. Two of them were…
A resume builder with 99 templates was audited to identify contrast issues. Nine templates rendered the candidate's name at a contrast ratio of 1.0, making the name invisible due to the text and background having the same color. Two templates had white text on white background. This issue occurred because templates were generated, and a shallow merge of a colors object led to a combination of values that were individually reasonable but unreadable when combined.
The contrast ratio was measured using the WCAG standard, which checks the readability of text based on the pair of colors used. The audit found that 92 templates failed the contrast test in sidebars, with 14 templates rendering certification names at exactly 1.00. The audit revealed that the inherited claims were mostly incorrect, and the real root cause was a missing function in the codebase.
The fix involved resolving colours at render time and only substituting when a pair actually fails, ensuring only the broken pairs change to the correct end of the scale for their background. After the audit, no failing nodes remained across the 99 templates, and the design integrity was preserved.
Written by urgent.news from Dev.to's reporting — not their text. Machine-written — may contain errors; check the original before relying on it.
