4 ms·
(I typed this out before checking: rendering is just broken for latest FF on Win10. The color palette is entirely different from what's intended, and looks like
by wswope 4y ago
(I typed this out before checking: rendering is just broken for latest FF on Win10. The color palette is entirely different from what's intended, and looks like a very crappy dark mode. The site looks much nicer in Edge. Edit: probably depends on your browser's preferred color scheme: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme https://developer.mozilla.org/en-US/docs/Web/CSS/@media/pref....)
Here are some specific design flaws. This is not exhaustive, and I'm trying to stick to the more objective issues:
- On the title section, the "Check your WCAG compliance" text box with the same background color as the div behind it, placed above the massive "CHECKLIST" text, combined with the disjointed placement of the Table of Contents immediately makes the page look like it has some broken rendering going on.
- Wildly inconsistent margins between different sections of content. Nothing is well-aligned on a grid between regions of the page.
- The light grey <p> text on the grey background is low-contrast, and hard to read as a result.
- The blue background of the <code> blocks is jarring, as it looks similar to selected/highlighted text.
- Far, far too much padding and line spacing. Very little content fits into view at once on a 720p screen.
It is one of the worst designed websites I've seen in a while.