The rule that applies to layout tables also applies to knowledge tables. Let the browser window determine the width of the desk every time possible, to cut back the horizontal scrolling required of these with low vision. If cell widths have to be defined, use relative values, such a percentages, somewhat than pixel values. Defined cell heights ought to usually be averted so the cell can expand downward to accommodate its content – something particularly useful for users with low imaginative and prescient which will enlarge text content material.
A table presents knowledge as a scrolling, single-column listing of rows that can be divided into sections or groups. Use a desk to display massive or small amounts of information cleanly and efficiently within the form of an inventory. Generally speaking, tables are perfect for text-based content material, and infrequently seem as a method of navigation on one side of a cut up view, with associated content proven on the opposite side. See Split Views.
HTML tables ought to be used for tabular data â€” that is what they’re designed for. Unfortunately, a lot of people used to use HTML tables to put out web pages, e.g. one row to contain the header, one row to contain the content columns, one row to contain the footer, and so forth.
You can find more details and an example at Page Layouts in our Accessibility Learning Module. This was commonly used because CSS assist throughout browsers was once terrible; table layouts are … Read More