Wikipedia:WikiProject Accessibility/Manual of Style draft: Difference between revisions

Revision as of 19:35, 12 September 2010

Revision as of 20:09, 26 September 2010

Line 41:

# Avoiding nested tables

== DefinitionLayout liststables ==

''Statuts : under construction''

=== Bad example ===

From [http://en.wikipedia.org/w/index.php?title=S.M.A.R.T.&oldid=377897571#Known_ATA_S.M.A.R.T._attributes S.M.A.R.T.]. This layout table uses a table header, which indicates a data table where it is a layout table. Also, it uses a poorly contrasted icon without alt text.

{| class="wikitable" style="margin:auto;"

|-

! colspan = "4" | Legend

|-

| <center>[[Image:Green Arrow Up.svg|12px]] || <center>Higher raw value is better || <center>[[Image:Green Arrow Down.svg|12px]] || <center>Lower raw value is better

|- style="background:#ffa07a;"

| colspan="2" style="width:50%; "| <center>'''Critical: red colored row''' || colspan="2" style="width:50%; background:#ffa07a;"| Potential indicators of imminent electromechanical failure

|}

==== Good example ====

Icons with improved contrast, alt text and no link. The warning information given by the red row is now also textually provided by the warning icon thanks to <code>alt=warning</code>.

{| class="wikitable" style="margin:auto; text-align:center;"

| Legend

|-

| [[Image:Dark Green Arrow Up.svg|12px|center|link=|alt=Higher]]

| Higher raw value is better

|-

| [[Image:Dark Green Arrow Down.svg|12px|center|link=||alt=Lower]]

| Lower raw value is better

|-

| style="background:#ffa07a;" | [[File:Nuvola apps important.svg|40px|link=|alt=warning]]

| Potential indicators of imminent electromechanical failure

|}

== Headings ==