logo


your one source for IT & AV

Training Presentation Systems Services & Consulting Cloud Services Purchase Client Center Computer Museum
Arrow Course Schedule | Classroom Rentals | Student Information | Free Seminars | Client Feedback | Partners | Survey | Standby Discounts

Web Accessibility, WCAG, and Section 508 Boot Camp

SS Course: 3000481

Course Overview

TOP

This Adobe Creative Cloud CC Hands-On Training and Certification Course covers all previous versions of CC apps (CS6, 2013, 2014, 2015, 2015.5, 2017, 2018, 2019). Training includes:

Hands-On Training Led by Certified Instructors

Print and/or Digital Courseware

Certificate of Completion

Continental Breakfast Every Day (In Person Only)

Catered Gourmet Deli Lunch Every Day (In Person Only)

Unlimited Snacks and Refreshments (In Person Only)

Notebook & Pen (In Person Only)

Free Parking (In Person Only)

                                                                  

Scheduled Classes

TOP

What You'll Learn

TOP
In this hands-on, four-day Web Accessibility, WCAG 2.0, Section 508, & WAI-ARIA Compliance, with Advanced Web Pages & Applications training course introduces you to web content accessibility and usability for people with physical or cognitive disabilities. It introduces you to accessibility legislation (e.g., Section 508) and guidelines (WCAG 2.0). You will use a variety of tools to evaluate accessibility, such as audit tools, screen readers, browser tools, and online tools and resources. You will learn what to look for in an evaluation tool, what tools can and cannot do, and why human usability testing is vital. In the Advanced portion of this course, you will examine techniques to make websites and web applications accessible, conforming to WCAG 2.0 level A and level AA, using WAI-ARIA, HTML5, and CSS. You will examine in more detail a few of the topics that were presented in the Introduction to Web Accessibility, WCAG 2.0, and Section 508 Compliance Introduction course, including semantic markup, providing navigation components, creating accessible forms, providing robust labeling, error messages in validating forms, and complex tables.

Outline

TOP
Viewing outline for:

Introduction to Web Accessibility, WCAG 2.0, and Section 508 Compliance: Course Outline

1. What Is Web Accessibility and Why It’s Needed
This topic gives an overview of web accessibility and reasons why it’s important.

2. Who Are Users with Disabilities?
This topic explores what we mean when we use the term “disabled,” and which types of disabilities and impairments are helped by making accessibility improvements to a website or web application.

3. How Accessibility Makes Your Website Better
This topic covers some of the advantages of an accessible website, which extend past helping people with disabilities.

4. Accessibility and The Law
This topic introduces the federal legislation (U.S.) that applies to website accessibility, Section 508 of the Rehabilitation Act, as well as the guideline that it maps to, the Web Content Accessibility Guidelines 2.0 (WCAG 2.0).

5. Introduction to WCAG 2.0
In this topic, students begin exploring WCAG and its four principles: Perceivable, Operable, Understandable, and Robust.

6. Planning for Accessibility
This topic explores different approaches to accessibility, from designing a new website to auditing an existing website.

7. Auditing Tools
In this topic, students explore various tools to perform website tests and accessibility auditing are covered, including online tools, browser plug-ins, and screen reader software. Online resources for further study of WCAG 2.0 are explored.

8. Examining WCAG 2.0: Principle One – Perceivable
This topic covers accessibility criteria related to users being able to perceive the content of a website, and includes creating alternate text for images, making video and audio content accessible, using headings and page structure correctly, and ensuring that the sequence of content is meaningful. Also discussed in this topic are how to improve instructions, proper use of color and contrast, and giving users control on a webpage over sound and text size.

9. Principle Two – Operable
This topic covers accessibility criteria related to users being able to use all the functions of your website, and includes keyboard accessibility, keyboard traps, timed and moving/flashing content, and skip links. This topic also addresses the focus order of a site, creating accessible hyperlinks, adding multiple ways to access information on a site, and proper labelling including semantic headings and the new HTML5 structuring elements.

10. Principle Three – Understandable
This topic covers accessibility criteria related to users being able to understand the content of a website and includes the language of the page and its text, how the page responds when a user changes focus or interacts with the page, making navigation menus accessible, and consistent labelling including form labels, instructions, and error identification.

11. Principle Four– Robust
This topic covers accessibility criteria related to whether the content is robust enough to be interpreted reliably by a wide variety of user agents and includes checking website code for errors by validating the HTML with a validation tool and checking for ARIA and other errors by using accessibility auditing tools.

12. Conformance Claims
This topic covers what criteria are needed to make a conformance claim, what information a conformance claim should include, the various methods of creating a claim (including VPAT) and claims of partial conformance. Also covered is establishing accessibility standards and practices to maintain conformance once it is achieved.

Labs
To reinforce and practice skills learned in the course, students use online and browser tools to test websites for accessibility issues, use a screen reader to discover accessibility issues firsthand, participate in discussions and activities to explore WCAG 2.0, and optionally perform written exercises in which they fix accessibility issues in HTML code.

Advanced Web Accessibility for Web Pages and Applications with WAI-ARIA, WCAG 2.0, and Section 508 Compliance: Course Outline

1. Creating Semantic Markup and Structure with HTML5 and WAI-ARIA
This topic examines methods to use HTML5 and ARIA to create semantic markup and page structure.

2. Accessible Links, Forms, and Labelling
In this topic, students learn advanced labelling techniques using ARIA to enhance hyperlinks, instructions on web pages and forms, and other labelling issues.

3. Advanced Table Accessibility
In this topic, students learn HTML and ARIA techniques to address accessibility issues in complex tables, as well as in tables used for organizing forms, and how to make assistive technology ignore layout tables.

4. Advanced Form Accessibility
This topic addresses increasing accessibility in forms by ensuring that labels are programmatically associated with inputs and that like fields are grouped together. It also covers providing to the user in an accessible way any instructions and other information, such as required fields or expected data entry format.

5. Using WAI-ARIA for Accessibility in Widgets and Web Applications
Students take a deeper dive into using ARIA to improve accessibility by exploring best practices for using ARIA, as well as what to avoid doing. Using online resources, students explore accessible widget design patterns including using ARIA roles, states, and properties, and conventions for functionality and keyboard operability.

6. Controlling Focus and Functionality in Dialogs
This topic explores various approaches to the user experience and functionality in dialogs (“pop-up windows”), including controlling focus, keyboard interface expectations, and how to use ARIA to ensure vital information is passed to assistive technologies such as screen readers.

7. Using ARIA to Provide Feedback to Users
ARIA live regions and states are explored in a variety of circumstances to examine how ARIA can be programmatically changed with JavaScript in order to provide updates to assistive technologies about dynamic changes after the initial page load, for example, providing form validation errors or updating content. By studying working examples of ARIA used on dynamic web pages, students observe ARIA code updating in real time.

Labs
To reinforce and practice skills learned in the course, students use online tools to find the best ARIA solutions to remedy accessibility issues, perform written exercises in which they fix accessibility issues in HTML code, and add appropriate ARIA to HTML code for widgets.

Disclaimer:

All course objectives and outlines are a guide for students.  To ensure student satisfaction, these course topics and order may be modified or added to ensure the latest information is covered to support real world use of the technology.

Reg;ThinkBIG LLC 2019. All Rights Reserved.

Prerequisites

TOP
Students should be comfortable using a browser and have text-editing skills. For the code-based exercises included in class, some basic HTML experience is helpful, but not required. Knowledge of HTML and CSS is essential. Familiarity with JavaScript is helpful, but not necessary.

    Who Should Attend

    TOP
    • Managers
    • Content managers
    • Project teams
    • Web developers
    • Accessibility testers
    • Anyone who needs to learn about web accessibility, including the recent changes in Section 508 accessibility legislation, and how to make a website compliant
    • Anyone who need to create accessibility conformance claims, such as VPAT, and who need to create a strategy to maintain compliance
    • Anyone wanting to explore advanced accessibility techniques and the more technical aspects of website accessibility using HTML5, CSS, and WAI-ARIA
    • And those who create, assess, remediate accessible Web pages or those who plan and conduct accessibility reviews.
      Planning and conducting accessibility review

    Next Step Courses

    TOP

  • Introduction to Web Accessibility, WCAG 2.0, and Section 508 Compliance
  • Advanced Web Accessibility for Web Pages and Applications with WAI-ARIA, WCAG 2.0, and Section 508 Compliance
  • Acrobat Section 508 Accessibility
  • HTML5 & CSS3 Advanced for Responsive Web Design
  • HTML5 & HTML Intro with CSS