When designing with columns, use the one- or two-column layout. Three or more columns can make the page too bogged down with boxes and less accessible in mobile view.
Choosing a LibGuide Layout:
One-column design is best for a page with few boxes and connection between material on the page
Two-column and three- column design are only available in top-tab navigation.
You do not need a profile box on every page
Change the size of your screen and view the page on your mobile device
Does the order of boxes and links make sense in the mobile view?
Is the guide browseable?
Adjust your boxes as necessary to ensure students will get the most important information first
Side tab navigation in desktop view
Side tab navigation in mobile view
Top tab navigation with 2-columns in desktop view
Top tab navigation with 2-columns in mobile view
Top tab navigation with 3-columns in desktop view
Top tab navigation with 3- columns in mobile view
The contents of the Accessibility Tutorial may be reused with attribution. Please copy the following into new works based on the Accessibility Tutorial
Accessibility Tutorial by Board of Regents of the University of Wisconsin System is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.