PELLISSIPPI STATE TECHNICAL COMMUNITY COLLEGE
MASTER SYLLABUS

Accessible Web Design and Compliance
WEB 2401

Class Hours: 3.0

 

Credit Hours: 3.0

 

Laboratory Hours:0

 

Revised: Spring 08

 

 Note:  This course is not designed for transfer credit.

 

Catalog Course Description:

This advanced course teaches authoring and design of websites that comply with various standards, guidelines and regulations, recommendations, legal requirements and emphasizes accessibility "best practices" for industry and e-commerce. Web sites are analyzed and evaluated for accessibility and usability. Students learn to apply Universal Design concepts to their projects designed to accommodate individuals with disabilities. (e.g. visual, mobility, auditory, cognitive). Case studies will be reviewed and online resources for creating and accessing Web content will be utilized. Site conformance, assessment, maintenance and testing will be addressed in the context of the W3C Web Content Accessibility Guidelines (WCAG) 1.0-2.0 and Section 508 and the ADA.

Entry Level Standards:

Students taking this course should be proficient in Windows XP; have a good working knowledge of the Internet and Web page development using HTML markup, an HTML editor such as Dreamweaver or FrontPage, and experience in Adobe Acrobat document preparation. Students should be knowledgeable of Web file types, be able to submit files using email attachments, and be prepared to upload files to a server using SFTP.

Prerequisites: WEB 2001 and 2002 and 2003; or consent of instructor

Textbook(s) and Other Reference Materials Basic to the Course:

Required Textbook (various specialized formats available): Paperback, E-text (PDF), or HTML (free)

Web Accessibility: Web Standards and Regulatory Compliance by Jim Thatcher, et al, Friends of ED, ©2006 (648 pages)
ISBN-10: 1590596382
ISBN-13: 9781590596388

Supplementary Materials:
Student should purchase CDs or DVDs to save back-ups of their work separate from their computer hard drive.

Hardware Requirements for This Course:

The following minimum should be updated to satisfy requirements for any software the student plans to use to build web pages and sites.

Hardware/Software Requirements for this Course

IBM-type criteria:
    Hardware:

  • Intel Pentium 4, Intel Centrino, Intel Xeon, or Intel Core Duo (or compatible) processor.
  • Microsoft Windows XP with Service Pack 2 or Windows Vista Home Premium, Business, Ultimate or Enterprise (certified for 32-bit editions)
  • 1 GB of RAM
  • 5 GB of available hard-disk space
  • 1024 x 768 monitor resolution with 16-bit video card
  •  CD-ROM drive (DVD preferred)
  • High-speed Internet connection such as cable modem or DSL recommended, if possible
  • Speakers  

 

Software:

  • Internet Explorer 6.0 (or higher) with Outlook Express
  • Macromedia Shockwave and Flash players. Download free from http://www.macromedia.com/downloads/
  • Adobe Acrobar Reader. Download free from http://www.adobe.com/support/downloads/main.html
  • Crypto System FineCrypt version 1.0 (available on the student supplemental CD-ROM that ships with the text)
  • OPTIONAL: Netscape 7.0 (full installation)
  • HTML editor such as Dreamweaver, FrontPage, FirstPage2000, Arachnophilia, Nvu
  • Multiple Web browsers: MS Internet Explorer, Opera, Netscape, Mozilla Firefox for PC or Mac, Safari, lynx and browser extensions, add-ins and
  • Plugins: QuickTime, RealPlayer, Windows Media Player, Flash Player, Adobe Reader, etc.
  • Freeware, open source, and/or 30-day trial downloads will be used in this course, such as Magpie, Amaya, podcasting and audio/video editing tools, file compression utilities, etc.

  

Macintosh criteria:
     Hardware:

 

  • PowerPC G4 or G5 or multicore Intel processor
  • Mac OS X v.10.4.8
  • 1 GB of RAM
  • 7 GB of available hard-disk space space
  • 1024 x 768 monitor resolution with 16-bit video card
  • CD-ROM (DVD preferred)
  • High-speed Internet connection such as cable modem or DSL recommended, if possible
  • Speakers  

 

Software:

  • QuickTime 7.0.4 or better
  • Adobe Reader 6 or better
  • HTML editor such as Dreamweaver, FrontPage, FirstPage2000, Arachnophilia, Nvu
  • Multiple Web browsers: MS Internet Explorer, Opera, Netscape, Mozilla Firefox for PC or Mac, Safari, lynx and browser extensions, add-ins and
  • Plugins: QuickTime, RealPlayer, Windows Media Player, Flash Player, Adobe Reader, etc.
  • Freeware, open source, and/or 30-day trial downloads will be used in this course, such as Magpie, Amaya, podcasting and audio/video editing tools, file compression utilities, etc.

 

 

FOR CIW Courses:  CD-ROM. Each coursebook includes a supplemental CD-ROM with files that are referenced and used in the course. The labs will refer you to the CD and you will access these and use the files in the course.

I. Week/Unit/Topic Basis:

Weekly Topic

  1. Understanding Web Accessibility
  2. Introduction to Standards, Guidelines, Recommendations
  3. Overview of Assistive Technologies
  4. Web Technologies
  5. Accessible Web Content
  6. Accessible Web Navigation
  7. Accessible Data input
  8. Using CSS to maximize accessibility
  9. Interactive Design elements
  10. Publishing and Maintaining Accessible Web Sites
  11. Adobe Acrobat Accessibility
  12. Designing Accessible Forms
  13. Multimedia, Audio/Video, Captioning
  14. Accessibility Testing, Retrofitting, Case studies
  15. Final Projects and Evaluations

II. Course Objectives*:

  1. Understand accessibility issues and factors that influence accessible web design. V
  2. Understand the principles of Universal Design and implement strategies to promote universal access. III,V
  3. Learn how Assistive Technologies assist disabled users in accessing the Web. V
  4. Understand and apply W3C recommendations in creating accessible Web content. II, III, IV,V
  5. Use Cascading Style Sheets to separate content from presentation. I, II
  6. Write usable, accessible and standards-compliant X/HTML markup. I, III, IV
  7. Understand Web accessibility in the realm of business and e-commerce. I, V
  8. Use Adobe Acrobat to create accessible PDF documents and forms. I, II, III
  9. Create accessible multimedia and effective alternative content. I, II, III, IV
  10. Utilize assessment tools and techniques to verify Web content. II, IV
  11. Understand US and International Accessibility Law as it applies to Internet.V

*Roman numerals after course objectives reference goals of the Web Technology program.

III. Instructional Processes*:

Students will:

  1. Use technology to promote the objectives of this course; specifically, the Internet, Web search engines, Adobe Acrobat, email, and word processing. Technological Literacy Outcome
  2. Utilize free, open source, and trial software to create, assess, verify, and interact with Web content. Technological Literacy Outcome
  3. Practice ethical conduct and professionalism. Technological Literacy Outcome, Communication Outcome
  4. Use interactive learning through writing, listening, and speaking in the collaborative activities. Communication Outcome, Active Learning Strategy Outcome
  5. Use research activities to promote independent thinking. Active Learning Strategy Outcome
  6. Use software tools and web development skills to develop web sites that are usable, accessible, compliant and valid, as well as, attractive, functional, and efficient. Technological Literacy Outcome

*Strategies and outcomes listed after instructional processes reference Pellissippi State's goals for strengthening general education knowledge and skills, connecting coursework to experiences beyond the classroom, and encouraging students to take active and responsible roles in the educational process.

IV. Expectations for Student Performance*:

Upon successful completion of this course, the student should be able to:

  1. Create valid, well-formed, standards-compliant web pages. D,F
  2. Understand the barriers to access of various disability groups including blind, deaf, vision and mobility-impaired, and learning disabled users. A,B,C,D
  3. Understand assistive technologies utilized by users with disabilities.A,B,C,D
  4. Implement consistent, predictable, and accessible site navigation. B,D,F
  5. Create tagged PDF documents. H
  6. Design accessible PDF and XHTML forms. D,F,H
  7. Set accessibility features in Adobe Reader and Adobe Acrobat. H
  8. Distinguish accessible and inaccessible web pages via markup. B,G
  9. Design ADA and Section 508 compliant web sites. A,B,D,K
  10. Understand User Agent and Authoring Tool Accessibility Guidelines. A,B,D,K
  11. Distinguish between WCAG 1.0 and WCAG 2.0 (Working Draft) Recommendations. D
  12. Design for various screen sizes, display devices and alternate-input devices. A,D
  13. Understand basic captioning for several popular multimedia formats. C,J,K
  14. Recognize SMIL and SAMI files. I
  15. Interpret W3C Recommendations for Web technologies and apply them to Web content. D
  16. Use and understand assistive technology terminology and acronyms. C
  17. Be familiar with worldwide accessibility initiatives. D,K
  18. Use appropriate alternative text to describe non-text content. D,G
  19. Use CSS to separate content from presentation. F
  20. Explain the technical and financial benefits of designing accessible websites. H
  21. Learn how disabled users access web content using assistive technologies.C,J,K
  22. Describe color considerations in Web Design. B
  23. Ensure sufficient color contrast for users with color deficits. B,J
  24. Use metadata and markup to facilitate searches and optimize page rank. E,G,H
  25. Use semantic markup to achieve meaningful and identifiable web content. K
  26. Understand usability testing methods. B
  27. Adjust accessibility options in various User Agents and Authoring Tools. B,G
  28. Understand accessible JavaScript techniques. A,F
  29. Learn techniques to create and publish accessible Microsoft Office documents to the Web. A,I
  30. Create a simple XML document, RSS feed, and podcasts using free applications. I
  31. Extend the functionality of several browsers using extensions and add-ins to assist in analyzing web pages for accessibility. J,K
  32. Use effective link text and headings to assist navigation. A,B
  33. Evaluate web pages/sites for accessibility and prioritize repairs. J
  34. Learn to retrofit inaccessible web pages. A,B, D
  35. Implement accessible markup for XHTML content (tables, forms, objects, etc.). D,F
  36. Use XHTML form elements and attributes to create accessible forms. D,F
  37. Use XHTML table elements and attributes to create accessible data tables. D,F
  38. Create web pages using relative font sizes and utilize appropriate fonts and font properties to attain maximum usability. A,B,F,G
  39. Review case law as it applies to the Web.G,K
  40. Learn the financial and consumer benefits to e-Commerce in constructing accessible web sites.G,K
  41. Understand the benefits of Cascading Style Sheet (CSS) positioning over layout tables. E
  42. Create and apply CSS rules and media-specific stylesheets. E
  43. Understand how screen readers "read the Web." C
  44. Understand AJAX accessibility issues. A,D
  45. Create a style guide to effect usability. E,F
  46. Understand the fundamentals of Web graphics. A,B
  47. Use headings, lists, breadcrumbs, and "skip links" to improve usability and navigation. A,B,F
  48. Ensure web pages linearize logically with coherent reading order. A,B
  49. Learn how to use automated evaluation tools to check for validity and well-formedness. J,K
  50. Plan the Information Architecture of a site to enhance usability. A,B
  51. Understand the benefits and drawbacks of frames. A,B,D
  52. Create accessible framed web pages. A,B
  53. Avoid screen flicker for users with seizure disorders. A,B,D
  54. Understand techniques for producing accessible rich media. J
  55. Explain the difference between captions, subtitles, and dubbing. A,B,J

*Letters after performance expectations reference the course objectives listed above.

V. Evaluation:

A.     Testing Procedures: 25% of grade
Online quizzes (6-8 quizzes) will be built into the course. Due to security issues in online testing, the weighting of the quizzes will be minor in relation to the overall grade for the course. The purpose of the online quizzes is to encourage the student to work through the exercises and to become familiar with the textbook chapters. The quiz items will be randomly generated from a bank of quiz items; each student may receive a different set of quiz questions over a specific topic.

Tests/Quizzes: 25 percent of grade. Students will be given a series of non-cumulative theory exams over textbook content during the semester. Six-eight quizzes and two tests are expected. These tests/quizzes will consist of true/false, multiple choice, and essay questions.

  1. Laboratory Expectations: N/A
  2. Field Work: N/A
  3. Other Evaluation Methods: 75% of grade

Projects: 60 percent of grade. Students will be given 8-10 chapter-based projects and 2 broad-based projects The projects will be completed in the course of reading and working through the textbook. The files will be sent weekly through the Desire2Learn Dropbox utility or uploaded to the server.

Online Collaboration: 15 percent of grade. Students will use the Desire2Learn Discussion board, the web-students server, chat and email to communicate with instructor and with each other. Discussion topics will enhance course material in the context of real-world applications and current events.

  1. Grading Scale:
    A = 90-100%, B = 80-89%, C = 70-79%, D = 60-69%, F = 0-59%

VI. Policies:

A.     Attendance Policy:
Pellissippi State Technical Community College expects students to attend all scheduled instructional activities. As a minimum, students in all courses (excluding videotape and Web courses) must be present for at least 75 percent of their scheduled class and laboratory meetings in order to receive credit for the course. (Pellissippi State Catalog)

B.     Academic Dishonesty:
Each student is expected to submit only his/her work. Do not collaborate on work with other students except for a group project. Plagiarism, cheating, and other forms of academic dishonesty are prohibited. Students guilty of academic misconduct, either directly or indirectly through participation or assistance, are immediately responsible to the instructor of the class. In addition to other possible disciplinary sanctions which may be imposed through the regular Pellissippi State procedures as a result of academic misconduct, the instructor has the authority to assign an F or a zero for the exercise or examination or to assign an F in the course. (Pellissippi State Catalog).

  1. Accommodations for disabilities:
    If you need accommodations because of a disability, if you have emergency medical information to share, or if you need special arrangements in case the building must be evacuated, please inform the instructor immediately. Please see the instructor privately after class or in his/her office. Students must present a current accommodation plan from a staff member in Services for Students with Disabilities (SSWD) in order to receive accommodations in this course. If you require an accommodation in order to function effectively in this class, please contact the Director for Students with Disabilities by phone at 865-539-7153 as soon as possible. ADA Contact Information Web site: http://www.usdoj.gov/crt/ada/adahom1.htm .

D.     Other Policies:
Some exams are to be taken at the Testing Center at Pellissippi State. A photo ID is required to take a test in the Testing Center. Children are not allowed in the Testing Center. For location, hours, etc., refer to the Testing Center web site. It is the responsibility of students who are taking this course at a distance and cannot come to the Pellissippi State Testing Center, to make arrangements for a proctored exam. Contact the instructor to discuss this matter.

Facilities: Students must have a valid Pellissippi CWID to be presented on demand to gain access to Pellissippi facilities.