The concept of typographic zoom refers to adjusting the font size in text based on the zoom level of the browser used or the configured accessibility settings. To ensure an optimal user experience and comply with accessibility standards (WCAG), a high-quality website should support both graphical and typographic zoom. For example, the following CSS code illustrates how to specify a font size relative to that of the parent container:
.container {
font-size: 1.2em; /* This value depends on the size of the parent */
}
}
Return to the glossary index