       </div>
        <div class="bx--row">
            <div class="bx--col-sm-4 bx--col-md-5 bx--col-lg-8 toolMain">
<!-- Start main panel -->
<mark-down><script type="text/plain">

### Why is this important?

Grouping related radio buttons and checkboxes enables assistive technology to convey the group relationship to users (e.g., "group of 5 radio buttons").

<!-- This is where the code snippet is injected -->
<div id="locSnippet"></div>

### What to do

 * Group related controls of the same type by encl