Embedded Files
Task 1: Web Site Evaluation Rubric
The Web Design Process:
http://designfestival.com/insights-into-form-and-function-from-the-web-designer39s-roadmap/
Best 100 Websites (TED Review)
http://blog.ted.com/2007/08/03/100_websites_yo/
Award winning websites (HTML, HTML5, and Flash)
ACCESSIBILITY / USABILITY
Text
Avoid putting text in images, use html text instead: users cannot modify the size of text displayed as an image, and screenreaders cannot interpret images. Consider using a web font instead, such as one of the fonts collected in the Google Font API. Text styled in a web font is searchable, scales to different sizes, and is accessible to people using screen readers.
Contrast
Check that there is sufficient contrast between background color and foreground/text color in your extension. This contrast checking tool checks whether your background and foreground colors provide appropriate contrast. For specific images, you can use a tool such as the Vischeck simulation tool to see what an image looks like in various forms of color deficiency.
Sound / Video:
If your extension relies upon sound or video to convey information, ensure that captions or a transcript are available. See the Described and Captioned Media Program guidelines for more information on captions.
Images
Provide informative alt text for your images. For example:
<img src="img.jpg" alt="The logo for the extension">
Use the alt text to state the purpose of the image rather than as a literal description of the contents of an image. Spacer images or purely decorative images should have blank ("") alt text or be removed from the HTML entirely and placed in the CSS.
10Web Accessibility Tips
http://sixrevisions.com/usabilityaccessibility/10-simple-web-accessibility-tips-you-can-do-today/
Can a blind person navigate your website? (Screen reader simulator)
http://webanywhere.cs.washington.edu/wa.php
How does your website look on other devices? (device screen size simulator)
http://quirktools.com/screenfly/
Test your website on older phones
http://ready.mobi/launch.jsp?locale=en_EN
Task 2. Introduction to HTML and Dreamweaver
RESOURCES
Online FTP Client
Hosting a Website on Google Drive
Page updated
Report abuse