Skip to content
This repository has been archived by the owner on Apr 1, 2020. It is now read-only.

Commit

Permalink
Merge pull request #1483 from Financial-Times/footer-header-a11y
Browse files Browse the repository at this point in the history
 Update footer section title markup for a11y
  • Loading branch information
tbergmen committed Aug 22, 2019
2 parents 5e3c319 + 7f0aa21 commit e0c8df7
Showing 1 changed file with 16 additions and 15 deletions.
31 changes: 16 additions & 15 deletions components/n-ui/footer/partials/menu/template.html
Original file line number Diff line number Diff line change
@@ -1,26 +1,27 @@
<div class="o-footer__row">
<h2 class="o-normalise-visually-hidden">Useful links</h2>
<nav class="o-footer__matrix" role="navigation" aria-label="Useful links">
{{#each @root.navigation.menus.footer.items}}
{{#if submenu}}
<div class="o-footer__matrix-group o-footer__matrix-group--{{submenu.items.length}}">
<div class="o-footer__matrix-title" {{#ifEquals submenu.items.length 2}}aria-controls="o-footer-section-{{@index}}"{{/ifEquals}}>
<h3 class="o-footer__matrix-title" {{#ifEquals submenu.items.length 2}}aria-controls="o-footer-section-{{@index}}"{{/ifEquals}}>
{{{label}}}
</div>
<div class="o-footer__matrix-content" id="o-footer-section-{{@index}}">
{{#each submenu.items}}
<div class="o-footer__matrix-column">
{{#each this}}
<a class="o-footer__matrix-link" href="{{url}}" data-trackable="{{label}}" {{#disableTracking}}data-o-tracking-do-not-track="true"{{/disableTracking}}>{{{label}}}</a>
</h3>
<div class="o-footer__matrix-content" id="o-footer-section-{{@index}}">
{{#each submenu.items}}
<div class="o-footer__matrix-column">
{{#each this}}
<a class="o-footer__matrix-link" href="{{url}}" data-trackable="{{label}}" {{#disableTracking}}data-o-tracking-do-not-track="true"{{/disableTracking}}>{{{label}}}</a>
{{/each}}
</div>
{{/each}}
</div>
{{/each}}
</div>
</div>
{{/if}}
{{/each}}
</nav>
{{/if}}
{{/each}}
</nav>

<div class="o-footer__external-link o-footer__matrix-title">
<a class="o-footer__more-from-ft o-footer__matrix-title" href="http://ft.com/more-from-ft-group" data-trackable="more-from-ft">More from the FT Group</a>
</div>
<div class="o-footer__external-link o-footer__matrix-title">
<a class="o-footer__more-from-ft o-footer__matrix-title" href="http://ft.com/more-from-ft-group" data-trackable="more-from-ft">More from the FT Group</a>
</div>
</div>

0 comments on commit e0c8df7

Please sign in to comment.