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:
parent
bec3f124dd
commit
aa65003087
|
@ -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}}>
|
||||
|
|
|
@ -1,4 +1,4 @@
|
|||
<div class='table-heading'>
|
||||
<div class='table-heading' aria-role="heading" aria-level="2">
|
||||
{{i18n "filters.latest.title"}}
|
||||
</div>
|
||||
|
||||
|
|
Loading…
Reference in New Issue