Mark up the headers in the Categories page (#5494)

This should cause them to show up in the screenreader's heading map,
allowing non-sighted users to find both sections.
This commit is contained in:
Michael Howell 2018-01-18 14:47:50 -07:00 committed by Kris
parent bec3f124dd
commit aa65003087
2 changed files with 3 additions and 3 deletions

View File

@ -2,14 +2,14 @@
<table class="category-list {{if showTopics 'with-topics'}}">
<thead>
<tr>
<th class="category">{{i18n 'categories.category'}}</th>
<th class="category"><span aria-role="heading" aria-level="2" id="categories-only-category">{{i18n 'categories.category'}}</span></th>
<th class="topics">{{i18n 'categories.topics'}}</th>
{{#if showTopics}}
<th class="latest">{{i18n 'categories.latest'}}</th>
{{/if}}
</tr>
</thead>
<tbody>
<tbody aria-labelledby="categories-only-category">
{{#each categories as |c|}}
<tr data-category-id={{c.id}} class="{{if c.description_excerpt 'has-description' 'no-description'}} {{if c.uploaded_logo.url 'has-logo' 'no-logo'}}">
<td class="category" style={{border-color c.color}}>

View File

@ -1,4 +1,4 @@
<div class='table-heading'>
<div class='table-heading' aria-role="heading" aria-level="2">
{{i18n "filters.latest.title"}}
</div>