Web Accessibility

Course Feature
  • Cost
    Free
  • Provider
    Udacity
  • Certificate
    No Information
  • Language
    English
  • Start Date
    On-Demand
  • Learners
    No Information
  • Duration
    No Information
  • Instructor
    Alice Boxhall and Michael Wales
Next Course
3.0
272 Ratings
Learn how to make web applications accessible with our Web Accessibility course! You'll gain hands-on experience and understand when and why users need accessibility. You'll dive into the "how" of making a page work properly with screen readers, managing input focus, and adding ARIA markup. Plus, you'll learn styling techniques to help users with partial vision navigate your pages. This course is also featured in our Full-Stack Web Developer Nanodegree program.
Show All
Course Overview

❗The content presented here is sourced directly from Udacity platform. For comprehensive course details, including enrollment information, simply click on the 'Go to class' link on our website.

Updated in [April 29th, 2023]

This course provides an overview of web accessibility and how to make web applications accessible. Students will gain hands-on experience in understanding when and why users need accessibility, making a page work properly with screen readers, managing input focus, understanding semantics and semantic markup, adding ARIA markup to enable navigating the interface with a range of assistive devices, and learning styling techniques that help users with partial vision navigate pages easily and reliably. This course is featured in the Full-Stack Web Developer Nanodegree program.

[Applications]
After completing this course, students should be able to apply the knowledge they have gained to create web applications that are accessible to all users. They should be able to use screen readers and other assistive devices to navigate web pages, as well as understand the importance of semantic markup and ARIA markup. Additionally, they should be able to use styling techniques to make web pages easier to navigate for users with partial vision.

[Career Paths]
1. Web Accessibility Specialist: Web Accessibility Specialists are responsible for ensuring that websites and web applications are accessible to all users, including those with disabilities. They work with developers, designers, and other stakeholders to ensure that websites and applications are designed and developed with accessibility in mind. They also test websites and applications for accessibility compliance and provide feedback and recommendations for improvement. As web accessibility becomes increasingly important, the demand for Web Accessibility Specialists is expected to grow.

2. Web Developer: Web Developers are responsible for creating and maintaining websites and web applications. They use a variety of programming languages and technologies to create websites and applications that are accessible to all users, including those with disabilities. As web accessibility becomes increasingly important, Web Developers must be knowledgeable about accessibility standards and best practices.

3. UX Designer: UX Designers are responsible for creating user experiences that are accessible to all users, including those with disabilities. They work with developers, designers, and other stakeholders to ensure that websites and applications are designed and developed with accessibility in mind. They also test websites and applications for accessibility compliance and provide feedback and recommendations for improvement. As web accessibility becomes increasingly important, the demand for UX Designers is expected to grow.

4. Accessibility Tester: Accessibility Testers are responsible for testing websites and web applications for accessibility compliance. They use a variety of tools and techniques to test websites and applications for accessibility compliance and provide feedback and recommendations for improvement. As web accessibility becomes increasingly important, the demand for Accessibility Testers is expected to grow.

[Education Paths]
1. Bachelor of Science in Computer Science: This degree path focuses on the fundamentals of computer science, including programming, software engineering, and computer architecture. It also covers topics such as artificial intelligence, machine learning, and data science. This degree path is becoming increasingly popular as technology continues to evolve and become more integrated into our lives.

2. Bachelor of Science in Web Development: This degree path focuses on the development of web applications and websites. It covers topics such as HTML, CSS, JavaScript, and other web development languages. It also covers topics such as user experience design, web security, and web accessibility. This degree path is becoming increasingly popular as businesses and organizations continue to rely on web applications and websites for their operations.

3. Master of Science in Human-Computer Interaction: This degree path focuses on the design and development of user interfaces for computers and other digital devices. It covers topics such as user experience design, user interface design, and usability testing. This degree path is becoming increasingly popular as technology continues to evolve and become more integrated into our lives.

4. Master of Science in Web Accessibility: This degree path focuses on the development of web applications and websites that are accessible to all users, regardless of their abilities. It covers topics such as web accessibility standards, web accessibility testing, and web accessibility best practices. This degree path is becoming increasingly important as businesses and organizations strive to make their websites and applications accessible to all users.

Course Syllabus

Overview

Learn why accessibility matters, and who it affects.,Get a first look at the web accessibility guidelines (WAI – Web Accessibility Initiative).,Understand “POUR” means for accessibility, and locate checklists to help make your own sites accessible.

Focus

Learn how to make a page usable for anyone navigating with the keyboard.,An exploration of focusable elements.,Learn how to manage focus in forms, in custom components, pop-ups, and off-screen content.

Semantics Basics

Make a page work for people who are unable to use a standard user interface.,Use a screen reader to try out ordinary form elements and add markup to make them work even better.,Understand the accessibility tree the browser constructs from the DOM.

Semantics Extras

Dive deeper into the screen-reader experience to add hyper-fast navigation.,Learn how to arrange headings and label links so screen reader users can fly through your pages!,Call out “landmarks” into your page to speed up navigation even more.

Semantics - ARIA

Move beyond the native elements of HTML into building custom controls and interactions.,Accessible Rich Internet Applications (ARIA).,Learn how to add attributes to your custom interactions to make them as accessible as native elements.

Style

Learn the third pillar of Accessibility (after Focus and Semantics): Styling.,Highlight the focus, indicate ARIA states, zoomed in or out, and support limited color or contrast vision.,Audit your page with the Chrome Accessibility Tools and correct any styling issues that pop up.
Show All
Recommended Courses
free local-development-environments-for-web-design-18035
Local Development Environments for Web Design
4.0
Udemy 3 learners
Learn More
This article provides an overview of how to set up a local development environment for web design using a LAMP stack. It covers installation and configuration steps to get started.
free how-to-make-a-wordpress-website-step-by-step-for-beginners-18036
How to Make a WordPress Website - Step by Step for Beginners
4.5
Udemy 9 learners
Learn More
This comprehensive guide provides step-by-step instructions for beginners to create a WordPress website in under two hours. Learn how to make a website quickly and easily with this helpful tutorial.
free everweb-website-builder-create-a-website-visually-18037
EverWeb Website Builder: Create a Website Visually
4.5
Udemy 2 learners
Learn More
This course provides an in-depth look at EverWeb, a website builder that allows users to create a website visually. Learn how to use this powerful tool to create a professional website with ease.
free visual-web-design-mastery-18038
Visual Web Design Mastery
4.0
Udemy 6 learners
Learn More
Learn the fundamentals of visual web design with this comprehensive course, which takes you through the entire process of creating five unique homepages from scratch.
Favorites (0)
Favorites
0 favorite option

You have no favorites

Name delet
arrow Click Allow to get free Web Accessibility courses!