The document provides guidelines for making websites usable and accessible for all users. It recommends designing for common screen resolutions like 1024x768 pixels, enabling access to the homepage from any page, and limiting prose text on the homepage. It also suggests avoiding cluttered displays, ensuring visual consistency, and not using color alone to convey information since some users have trouble distinguishing colors. Accessibility is important to ensure everyone can use websites.

1. For better audience-driven website design for ALL.Web Design principles of usability and accessibility

2. usabilityWe want to make our portfolios as easy to use as possible.

3. Understand and meet user expectationsEnsure that your portfolio format meets user expectations, especially related to navigation, content, and organization.Users define 'usability' as their perception of how consistent, efficient, productive, organized, easy to use, intuitive, and straightforward it is to accomplish tasks within a system.

4. DESIGN for common browsersDesigners should attempt to accommodate ninety-five percent of all users. Ensure that all testing of a Web site is done using the most popular browsers.Design for Commonly Used Screen ResolutionsDesign for monitors with the screen resolution set at 1024x768 pixels.By designing for 1024x768, you will accommodate this resolution, as well as those at any higher resolution.

5. Enable Access to the HomepageEnable users to access the homepage from any other page on the Web site.Limit Prose Text on the HomepageRequiring users to read large amounts of prose text can slow them considerably, or they may avoid reading it altogether.

6. Avoid Cluttered DisplaysClutter is when excess items on a page lead to a degradation of performance when trying to find certain information.Establish Level of ImportanceEstablish a hierarchy of importance for images and information and infuse this approach throughout each page on the Web site.

7. Ensure Visual ConsistencyVisual consistency includes the size and spacing of characters; the colors used for labels, fonts and backgrounds; and the locations of labels, text and pictures.Use Bold Text SparinglyUse bold text only when it is important to draw the user’s attention to a specific piece of information.

8. Use Simple Background ImagesBackground images can make it difficult for users to read foreground text. A single, large, complex background image (including a picture) can substantially slow page download rates.Ensure that Images Do Not Slow DownloadsUser frustration increases as the length of time spent interacting with a system increases.One study reported that users rated latencies of up to five seconds as ’good.’ Delays over ten seconds were rated as ’poor.’

9. AccessibilityWeb sites should be designed to ensure that EVERYONE can use them.

10. Do Not Use Color Alone to Convey InformationAbout eight percent of males and about one-half of one percent of females have difficulty discriminating colors. Provide Text Equivalents for Non-Text ElementsText equivalents should be used for all non-text elements, including images, graphical representations of text (including symbols), image map regions, animations (e.g., animated GIFs), applets and programmatic objects, ASCII art, frames, scripts, images used as list bullets, spacers, graphical buttons, sounds, stand-alone audio files, audio tracks of video, and video.

11. AvoidScreenFlickerFive percent of people with epilepsy are photosensitive, and may have seizures triggered by certain screen flicker frequencies.