The Layout Lab

Resources for building your layout and design

A case study of layout accessibility

Here, I'm going to do some experimenting with different layouts, for educational purposes.

Sadgrl's old layout builder

Sadgrl's new layout builder

I'm going to summarize the results of the WAVE scans. Then, I'm going to do a diff of the HTML and look at them as a case study of how a layout can be refactored to be more accessible. (We'll talk about the CSS too, but more the results of it than the actual code.) We'll also talk about how this is an example of how a page can have few errors or warnings on WAVE but still need improvements.