Barmer Fractal

Link: Navigation 

<a href="http://www.bbc.co.uk" class="a-link ">
    Navigationslink

</a>
 
<a href="{{content.url}}" class="a-link {{viewtypes.specifier}}" {{# content.titleText}}title="{{content.titleText}}"{{/content.titleText}} {{#switches.hasAriaExpanded}}aria-expanded="false"{{/switches.hasAriaExpanded}} {{#switches.hasAriaPopup}}aria-haspopup="true"{{/switches.hasAriaPopup}} {{#switches.hasAriaLabel}}aria-label="{{content.ariaLabel}}"{{/switches.hasAriaLabel}}>
  {{^ switches.hasIcon}}
    {{{content.text}}}
  {{/switches.hasIcon}}

  {{# switches.hasIcon}}
    <span class="link__inner">{{content.text}}</span>

    {{# switches.hasChevronRight}}
      {{render '@icon--chevron-right' merge=true}}
    {{/switches.hasChevronRight}}

  {{/switches.hasIcon}}

  {{# switches.isActiveLink}}
    <span class="sr-only">{{content.activetext}}</span>
  {{/switches.isActiveLink}}
</a>
 
{
  "switches": {
    "hasChevronRight": false,
    "hasIconLeft": false,
    "hasIcon": false,
    "hasAriaExpanded": false,
    "hasAriaPopup": false,
    "hasAriaLabel": false,
    "isActiveLink": false
  },
  "viewtypes": {},
  "content": {
    "url": "http://www.bbc.co.uk",
    "text": "Navigationslink"
  },
  "partials": {}
}

Link variant for navigation –> includes additional aria attributes that are relevant for navigations