{% macro tabs_intro(scope, title, description) -%}
<div class="tab-interface" data-tab-navigation hidden>
  <h2 id="{{ scope }}-tabs-title">{{ title }}</h2>
  <p id="{{ scope }}-tabs-help">{{ description }}</p>
  <div class="tab-list" data-tab-list role="tablist" aria-orientation="horizontal" aria-labelledby="{{ scope }}-tabs-title" aria-describedby="{{ scope }}-tabs-help"></div>
  <p class="sr-only" data-tab-status role="status" aria-live="polite" aria-atomic="true"></p>
</div>
{%- endmacro %}