❗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.
