DESIGN & LAYOUT
Establish a logical, consistent, and uncluttered layout that is easy to navigate. Check for ADA accessibility. Divide large blocks of info into manageable chunks with ample white space.
Design & Layout Checklist
Establish a logical, consistent, and uncluttered layout for all course pages. The course is easy to navigate (consistent color scheme and icon layout, related content organized together, self-evident titles). SAMPLE
Divide large blocks of information into manageable sections, with ample white space around and between the blocks. SAMPLE
Ensure there is enough contrast between text and background for the content to be easily viewed. Avoid flashing and blinking text.
Proofread text to ensure course is free of grammatical and spelling errors.
Format text with titles and headings to enhance readability and accessibility. SAMPLE
When possible, display information in a linear format instead of as a table.
For slideshows, use a consistent slide layout and include unique slide titles. Use simple, non-automatic transitions between slides.
Make text content available in an easily accessed format, preferably HTML. All text content is readable by assistive technology, including PDFs.
Provide alt-tag information for images and other non-text elements.
Provide captions and transcripts for video and audio elements. SAMPLE
Do not rely on color to convey important information. Text, graphics, and images are understandable when viewed without color.
Write descriptive hyperlink text. Hyperlink text should make sense when out of context (avoid using “click here”).
Learn and share how bias is embedded in design decisions.