Readability, Layout, and Design

Depending on how much data you are displaying, you may want to tweak the visual design to ease reading. Assuming you’ve read this far and you’ve provided the necessary HTML framework for your data, you can easily change cell colors, padding, margin, and borders to make the data easier to read.

Bus schedule, where blue indicates bikes are not allowed…at least onscreen; the blue disappears in black and white and the information that should be conveyed is lost—another reason additional coding measures are needed

Figure 6-3. Bus schedule, where blue indicates bikes are not allowed…at least onscreen; the blue disappears in black and white and the information that should be conveyed is lost—another reason additional coding measures are needed

Color

Color is a beautiful thing. We encourage the use of “zebra-striping”—coloring ...

Get Universal Design for Web Applications now with the O’Reilly learning platform.

O’Reilly members experience live online training, plus books, videos, and digital content from nearly 200 publishers.