Create Accessible Patterns: Using aria-describedby to satisfy WCAG 2.4.4 Link Purpose in Context

[illepic]

trafficstars

Link: http://oaa-accessibility.org/examplep/wcag244/

Let's satisfy this with 2 components (molecule) that automate the generation of these ids.

1. A "Link list" simple molecule, that ensure that the IDs
2. A "Table" simple molecule, that has the columns and rows identified like what is shown in the oaa link above
3. A "Link Group w/ Header" like shown at OAA

IDs should be autogenerated from Twig's iterator variables: https://twig.symfony.com/doc/2.x/tags/for.html