Page is a not externally linkable
- WebmasterWorld
-- Accessibility and Usability
---- Table Sorting


DrDoc - 11:19 pm on Feb 9, 2007 (gmt 0)


where's DrDoc?

Without complicating things ... Yes, left-to-right and then top-to-bottom would be the preferred way of sorting things.
With complication ... you can actually instruct the user (and useragent) with regards to how things are sorted logically, without regards to the actual visual presentation layout.

Now, that being said ... Does the data you are listing actually follow a row and column matrix, or is it better understood as multiple sets of information that will appear on one row only to wrap to the next whenever suitable?

Perhaps a definition list would be a more suitable element? In other words -- instead of this (hypothetical data):

<table>
<caption>Available Destinations</caption>
<tr>
<td>Aberdeen</td>
<td>Brussels</td>
<td>Cairo</td>
</tr>
<tr>
<td>Dortmund</td>
<td>Eilat</td>
<td>Zurich</td>
</tr>
</table>

Something like this:

<dl>
<dt>Available Destinations</dt>
<dd>Aberdeen</dd>
<dd>Brussels</dd>
<dd>Cairo</dd>
<dd>Dortmund</dd>
<dd>Eilat</dd>
<dd>Zurich</dd>
</dl>

Then, for visual representation, you can always give each dd element a fixed size and float it left. You get the appearance of a table, but the semantics of something more suitable for the data in question.


Thread source:: http://www.webmasterworld.com/accessibility_usability/3246873.htm
Brought to you by WebmasterWorld: http://www.webmasterworld.com