font-size Rule WCAG 2.1 Level AA & AAA

WCAG 2.1 Level AA

The Web Content Accessibility Guidelines (WCAG) provide specific recommendations for text size to ensure accessibility. According to WCAG 2.1, to meet the AA level of conformance, the minimum font size for normal text should be 12 pixels or 16 CSS pixels. However, it’s important to note that this is a general guideline, and the actual size may vary depending on the font and the characters used.

In addition to the minimum font size, WCAG also emphasizes the use of scalable fonts and recommends avoiding fixed-size fonts to allow users to adjust text size according to their preferences. Using relative units such as percentages, em units, or viewport units for font sizes is encouraged.

Here’s a summary of the key points related to font size for WCAG AA compliance:

  1. Minimum Font Size: 12 pixels or 16 CSS pixels for normal text.
  2. Use Relative Units: Use percentages, em units, or viewport units for font sizes to allow users to adjust text size.
  3. Scalable Text: Ensure that users can scale text up to 200% without loss of content or functionality.

It’s important to consider the overall readability and usability of your content in addition to meeting the minimum font size requirement. Conducting usability testing with individuals who have varying abilities, including those with visual impairments, can provide valuable insights into the effectiveness of your design choices.

WCAG 2.1 Level AAA

According to the Web Content Accessibility Guidelines (WCAG) 2.1, to meet the AAA level of conformance, the minimum font size for normal text should be 18 pixels or 24 CSS pixels. This is larger than the minimum font size required for WCAG AA compliance.

WCAG AAA compliance sets higher standards for accessibility, including more stringent criteria for text legibility and readability. The larger font size is intended to provide better readability for users with low vision or other visual impairments.

Here’s a summary of the key points related to font size for WCAG AAA compliance:

  1. Minimum Font Size: 18 pixels or 24 CSS pixels for normal text.
  2. Use Relative Units: Use percentages, em units, or viewport units for font sizes to allow users to adjust text size.
  3. Scalable Text: Ensure that users can scale text up to 200% without loss of content or functionality.

Was this article helpful to you?