Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/discourse/templates/components/categories-only.hbs
View File

@ -2,14 +2,14 @@
<table class="category-list {{if showTopics 'with-topics'}}"> <table class="category-list {{if showTopics 'with-topics'}}">
<thead> <thead>
<tr> <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> <th class="topics">{{i18n 'categories.topics'}}</th>
{{#if showTopics}} {{#if showTopics}}
<th class="latest">{{i18n 'categories.latest'}}</th> <th class="latest">{{i18n 'categories.latest'}}</th>
{{/if}} {{/if}}
</tr> </tr>
</thead> </thead>
<tbody> <tbody aria-labelledby="categories-only-category">
{{#each categories as |c|}} {{#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'}}"> <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}}> <td class="category" style={{border-color c.color}}>

2
app/assets/javascripts/discourse/templates/components/latest-topic-list.hbs
View File

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