Main content


Warning: count(): Parameter must be an array or an object that implements Countable in /home/dair/public_html/components/com_k2/models/item.php on line 763

Minimum text size

At default browser level all text must have a minimum calculated size of 11px and all core content must have a minimum calculated size of 13px.

Rationale

Having a minimum text size will reduce the number of users who need to make use of browser based text resize or page zoom. This is a particular issue with an ageing audience, many of whom will not consider themselves as having low vision and there will not have access to assistive technology or be familiar with browser tools to resize content.

Definitions

Core content

The content that is required to fulfil the core purpose of the document or feature.

Techniques

Pass:

<style>
    body {
        font-size: 62.5%; /* Set default size of 1em to 10px */
    }

    .news-article p {
        font-size: 1.3em; /* Primary content size set to 13px */
    }

    .news-supplimentary-links {
        font-size: 1.2em; /* Secondary content size set to 12px */
    }
</style>

Fail:

<style>
    body {
        font-size: 62.5%; /* Set default size of 1em to 10px */
    }

    .news-article p {
        font-size: 1.2em; /* Primary content size set to 12px */
    }

    .news-supplimentary-links {
        font-size: 1em; /* Secondary content size set to 10px */
    }
</style>

Test

 

Procedure Expected Result Type
For every piece of text of different sizes check the computed text size All content must have a minimum size of 11px Manual, automatable
For every piece of core content text of different sizes check the computed text size All core content must have a minimum size of 13px Manual


Warning: count(): Parameter must be an array or an object that implements Countable in /home/dair/public_html/components/com_k2/templates/default/item.php on line 248
More in this category: « Main landmark Focusable controls »