Wikipedia talk:Manual of Style/Accessibility/Data tables tutorial: Difference between revisions
Content deleted Content added
→Unbulleted lists: copyedit |
→Images and color: new section |
||
Line 134:
The table given as the good example could be improved by using row headers (in this case the distances). Remember, screen readers are capable of non-linear navigation, so the ability to announce the [column header][row header] before any cell value can be more effective when row headers are present, particularly on larger tables. --[[User:RexxS|RexxS]] ([[User talk:RexxS|talk]]) 15:05, 10 September 2010 (UTC)
:In theory I agree of course. In this particular case I was unsure the distance would made relevant row headers. But at a second thought – and after I saw more use cases – I think you are right. :-) [[User:Dodoïste|Dodoïste]] ([[User talk:Dodoïste|talk]]) 15:16, 10 September 2010 (UTC)
== Images and color ==
Collapsible tables can also work without the faux header:
{| class="wikitable collapsible" border="1"
|+ Sorted by country alphabetically
! scope="col" style="width:8em;" | Country
! scope="col" | Purpose
! scope="col" style="width:1em;" | <abbr title="January">J<abbr>
! scope="col" style="width:1em;" | <abbr title="February">F<abbr>
! scope="col" style="width:1em;" | <abbr title="March">M<abbr>
! scope="col" style="width:1em;" | <abbr title="April">A<abbr>
! scope="col" style="width:1em;" | <abbr title="May">M<abbr>
! scope="col" style="width:1em;" | <abbr title="June">J<abbr>
! scope="col" style="width:1em;" | <abbr title="July">J<abbr>
! scope="col" style="width:1em;" | <abbr title="August">A<abbr>
! scope="col" style="width:1em;" | <abbr title="September">S<abbr>
! scope="col" style="width:1em;" | <abbr title="October">O<abbr>
! scope="col" style="width:1em;" | <abbr title="November">N<abbr>
! scope="col" style="width:1em;" | <abbr title="December">D<abbr>
! scope="col" style="width:1em;" | <abbr title="January">J<abbr>
! scope="col" style="width:1em;" | <abbr title="February">F<abbr>
! scope="col" style="width:1em;" | <abbr title="March">M<abbr>
! scope="col" style="width:1em;" | <abbr title="April">A<abbr>
! scope="col" style="width:1em;" | <abbr title="May">M<abbr>
! scope="col" style="width:1em;" | <abbr title="June">J<abbr>
! scope="col" style="width:1em;" | <abbr title="July">J<abbr>
! scope="col" style="width:1em;" | <abbr title="August">A<abbr>
! scope="col" style="width:1em;" | <abbr title="September">S<abbr>
! scope="col" style="width:1em;" | <abbr title="October">O<abbr>
! scope="col" style="width:1em;" | <abbr title="November">N<abbr>
! scope="col" style="width:1em;" | <abbr title="December">D<abbr>
|-
! scope="row" | [[Australia]]
|
|
|
|
|
|
|
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
|
|
|
|
|
|
|-
! scope="row" | [[Canada]]
|
|
|
|
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
| style="background: #ABCDEF;" | x
|
|
|
|
|
|
|
|
|
|}
But some people may not find it as "pretty". --[[User:RexxS|RexxS]] ([[User talk:RexxS|talk]]) 16:27, 11 September 2010 (UTC)
| |||