Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Blogging Freelancing Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development Web Accessibility

Creating Accessible Websites

Achieve WCAG compliance by learning accessibility testing, WAI-ARIA, and website optimization for screen readers
Rating: 4.2 out of 54.2 (399 ratings)
1,883 students
Created by Stefany Newman
Last updated 2/2021
English
English
30-Day Money-Back Guarantee

What you'll learn

  • Creating accessible websites
  • Working with WAI-ARIA
  • Designing color blind friendly pages
  • Creating interfaces that can be accessed with the keyboard
  • Achieving WCAG compliance
Curated for the Udemy for Business collection

Course content

4 sections • 22 lectures • 3h 38m total length

  • Preview01:43

  • Preview07:47
  • Preview13:00
  • Preview08:18
  • Preview06:49
  • What is the "outline" property and why is it important for accessibility?
    08:16
  • Tabindex
    07:44
  • Bypass Blocks (skip links)
    08:00
  • Accessible Video and Audio for the Web
    08:08
  • Test your WAI-ARIA knowledge
    7 questions

  • Preview04:27
  • Accessible Navigation
    13:05
  • Accessible Mobile Hamburger Navigation
    10:40
  • Preview05:24
  • Accessible Contact Forms
    12:13
  • Form Instructions
    01:16
  • Accessible Icons
    05:47
  • Accessible Links
    09:13
  • Testing our website with NVDA screen reader on desktop with Chrome
    19:04
  • How to Test an Accessible Website
    07:59

  • Accessible vanilla JavaScript to do app 1 - Overview
    03:34
  • Preview14:27
  • Accessible vanilla JavaScript to do app - part 3
    41:47

Requirements

  • HTML
  • CSS
  • JS

Description

This course has professional captions (subtitles) for all lectures.


Successful web developers come in all shapes and sizes, but an understanding and respect for all of the different people they're developing for is crucial. If you want to jump from a "good" to a "great" web developer, you must know web accessibility!


This course is your practical, step-by-step guide to creating accessible websites and web interfaces. At the end of this course, you will be able to make your portfolio accessible and offer your clients a website upgrade that adheres to web accessibility standards! In addition, since all government websites must be accessible, you will have the skills to work in that field and gain access to a greater amount and variety of clients!


We will start with the basics--WAI-ARIA, color accessibility, the tabindex, HTML semantics, etc--and then make a real life website accessible step by step.


Are you ready to begin your journey into web accessibility? Start here!


Students are encouraged to contact the instructor with any guideline questions for fully fledged help and course support.

Who this course is for:

  • Freelancers
  • Web Studios
  • Any web developer interested in web accessibility
  • Web/front-end developers who want to improve their skills
  • Developers/web studios who want to stand out from their competition

Instructor

Stefany Newman
Web Accessibility Specialist, Advocate, and Trainer
Stefany Newman
  • 4.2 Instructor Rating
  • 822 Reviews
  • 6,350 Students
  • 5 Courses

Meet Stefany

In my free time, I like to read books (history, historical fiction, philosophy, classics), knit, decoupage, re-watch Star Trek, learn languages (programming and human). I like board games (Go, 1775, Exploding Kittens) and computer ones (Age of Empires, Final Fantasy, Bioshock) I am also a karaoke superstar :-)


I started as a full-stack developer - wanted to learn everything from Java to database design. As time passed, I realized I can’t be everything all at once so I switched to front-end development.


AMP Journey

I had to learn AMP for a project and I fell in love with it. Fast and accessible, and you could build complex websites without JavaScript, which was great for me since I wanted to focus on semantics and presentation.


I became an AMP developer, reading and practicing AMP all the time.


Accessibility Journey

Like every other web developer, I had a lot of misinformation about accessibility, thinking that it was only needed if your target audience is disabled. When I found out that most of the websites are inaccessible and that accessibility is the last thing on our minds, I read more about it and realized how vital it is for a good web experience.


Since then, I concentrate on creating accessible AMP websites.


MODx Journey

Like every other developer, my first CMS websites were made with WordPress. I disliked how easily they could be hacked and as I continued freelancing, I’d get requests from new clients to “clean their WordPress website from malware”. Almost every WordPress developer / webmaster I met had one or more websites hacked.


I also disliked how error prone WP was and how one little mistake can shut down your website.

Then I discovered MODx!


MODx is my favorite CMS and I use it when clients need to update the content themselves. It is so secure and fast!


For clients who don’t need to update their content themselves, I build static sites.



You can contact me in English, Bulgarian and Dutch. I can also understand Russian.

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.