Assignment 2: Practice with CSS and Tables
Description of LASA: For this assignment, you will create and test a website to ensure its compliance with Section 508 of the Rehabilitation Act and WCAG 2.0 standards. You will develop an 8-10 slide Microsoft PowerPoint presentation for your classmates explaining how your website meets accessibility standards.
Accessibility Testing: Accessible web pages can be used by all individuals, including those with visual, hearing, mobility, and cognitive challenges. As you work through your website, accessibility should be an integral part of your web page design and coding rather than an afterthought.
You will configure headings and subheadings, navigation within unordered lists, images with alternate text, and associations between text and form controls. These techniques increase the accessibility of a web page. Review the information below prior to beginning your activity:
• Section 508 of the Rehabilitation Act requires electronic and information technology, including web pages that are used by US federal agencies, to be accessible to people with disabilities.
• WCAG 2.0 standards consider an accessible web page to be perceivable, operable, and understandable for people with a wide range of disabilities. A page should be robust enough to work with a variety of browsers and other user agents, such as assistive technologies (for example, screen readers) and mobile devices. This website contains the standards and the validator to ensure that one's website meets the accessibility guidelines. It is more of a validation tool than reading material.
Tasks: 1. Create a website (using text editor or HTML) that will be used to sell a product of your choice online. Your website should:
• Contain a Home page that is named "index.html."
• Include a description of the business, target audience, purpose, and a Contact Us page that allows the user to obtain more information about the company.
• Contain a minimum of 5 HTML pages.
• Adhere to Section 508 and WCAG 2.0 standards.
2. Demonstrate your compliance with accessibility standards by performing accessibility testing on your site.
• As indicated above, there is a variety of accessibility checkers available for you to utilize. Adobe Dreamweaver includes a built-in accessibility checker. Several browser toolbars are available that can be used to assess accessibility, including the Web Developer Extension, WAT-C Web Accessibility Toolbar, and the AIS Web Accessibility Toolbar. These are examples of tools that could be used in an HTML editor to validate the site.
• Submit your website through an accessibility checker; include a copy of the results (a screenshot).
3. After reviewing your results, identify and implement any changes that you will need to make to your site for it to be in compliance with Section 508 and WCAG 2.0 standards.
• In M3 Assignment 2 LASA 1, you identified the changes required. In this step, your goal is to provide the specific HTML tags that will be added to your site to ensure compliance with Section 508 and WCAG 2.0 standards.
• Resubmit your report through an accessibility checker. Provide an updated report (the screenshot).
4. In approximately 8-10 slides, create a Microsoft PowerPoint presentation that summarizes the website you developed for the students in your class. The summary should include the purpose, intended audience, and a structure of the design and layout. In addition, explain how the website meets web accessibility standards. Include detailed speaker's notes.
Note: Your presentation should utilize at least three scholarly or professional sources (beyond your textbook) in your paper. Your paper should be written in a clear, concise, and organized manner; demonstrate ethical scholarship in accurate representation and attribution of sources (i.e., in APA format); and display accurate spelling, grammar, and punctuation.