I am completely new to WCAG compliance and I have several questions.
I.e. say that you’re using this tool:
to check the contrast of background and foreground color. Your colors may fail for normal size text - but what if you’re using them for an icon or logo?
Does everything in your design need to pass WCAG contrast compliance?
Take this design, for example:
What about the thin grey lines under each of the module headings? The hex code for those is #EAEAEA, and of course that will fail all tests with #FFFFFF as the background. But I’m just using them for design purposes - to mark off where the header is in the module. It will seriously (and negatively) effect my design if I have to remove everything that doesn’t pass color-contrast compliance.
What about the icons - in the menu and in the "Print Reports" module, etc?
And I have more questions like this. Does anyone know of free resources that will answer some of these questions?