Icon Design Quality Control & Assurance 2

Question 1

Which metric best measures icon legibility at small sizes during quality review?

Accepted Answer

Recognition accuracy at 16px

Answer

Recognition accuracy at 16px directly measures whether an icon communicates its meaning at the smallest common display size.

Question 2

During QA, an icon looks correct in a design tool but renders blurry on a 1x screen. What is the most likely cause?

Accepted Answer

Paths not aligned to pixel grid

Answer

Sub-pixel path alignment causes anti-aliasing blur when rendered at 1x because edges fall between pixels.

Question 3

What is the purpose of a 'icon regression test' in a design system?

Accepted Answer

Detecting unintended visual changes after updates

Answer

Regression tests compare screenshots of icons before and after changes to catch unintended visual modifications.

Question 4

An icon set fails accessibility QA. Which fix directly addresses contrast requirements?

Accepted Answer

Increasing color contrast ratio to at least 3:1 against background

Answer

WCAG 2.1 requires graphical components like icons to have at least a 3:1 contrast ratio against adjacent colors.

Question 5

Which technique helps QA teams verify icon consistency across an entire library of 500+ icons?

Accepted Answer

Automated visual diffing tools

Answer

Automated visual diffing tools can efficiently compare hundreds of icons against a baseline to detect inconsistencies.

Icon Design Practice Test