HDS-4650 Add insight banner regarding HTML tag usage

Author: KristinLBradley

website/docs/layouts/grid/partials/code/how-to-use.md

@@ -61,6 +61,12 @@ To specify the HTML tag used to render the grid container and/or item(s), use th
 </Hds::Layout::Grid>
 ```
 
+!!! Insight
+
+While by default the component renders a `<div>`, we invite consumers to consider which semantic HTML tag is the correct one for the context in which the text is used to meet WCAG Success Criterion [1.3.1 Info and Relationships](https://www.w3.org/WAI/WCAG22/Understanding/info-and-relationships.html) as the visual experience should match what is presented to the user with assistive technology.
+
+!!!
+
 ### Gap
 
 To control the spacing between grid items, use the `@gap` argument: