/*CSS*/
#access100 {
font-size: 100%;
}
#access1em {
font-size: 1em;
}
#access16px {
font-size: 16px;
}
#accessmedium {
font-size: medium;
}
#access200 {
font-size: 200%;
}
#access2em {
font-size: 2em;
}
#access32px {
font-size: 32px;
}
#accessxxlarge {
font-size: 200%;
}
<!--html-->
<div class="access">
<p id="access100">アクセシビリティに配慮した文字指定をしたい[100%]</p>
<p id="access1em">アクセシビリティに配慮した文字指定をしたい[1em]</p>
<p id="access16px">アクセシビリティに配慮した文字指定をしたい[16px]</p>
<p id="accessmedium">アクセシビリティに配慮した文字指定をしたい[medium]</p>
<hr>
<p id="access200">アクセシビリティに配慮した文字指定をしたい[200%]</p>
<p id="access2em">アクセシビリティに配慮した文字指定をしたい[2em]</p>
<p id="access32px">アクセシビリティに配慮した文字指定をしたい[32px]</p>
<p id="accessxxlarge">アクセシビリティに配慮した文字指定をしたい[xx-large]</p>
</div>
