Accessibility
The responsibility for supporting accessibility largely falls on the developer & content team, but Blockhead includes a few features that will give you a head start.
Table of Contents
REM units
Text sizes in Blockhead are defined as pixel-equivalent REM units in order to take advantage of browsers' type size accessibility settings. This interprets type sizes relative to the font-size of the HTML element, which is 16px by default. This means the true value of a 16px font is 1rem. But Blockhead uses calc functions to divide the font variable by 16, so the variable value 16rem will display as 16px in a browser with default settings, eliminating the need to manage a complex type system based on abstract decimal values. (Another way to think of this is as if the HTML element were set to font-size: 1px;.)
Focus states
By default, focused (keyboard) outlines, which enable keyboard navigation, are defined at the All Links element level.