[go: up one dir, main page]

Practical Accessibility A comprehensive course for learning web accessibility

Practical Accessibility is a self-paced video course designed to demystify web accessibility and equip you with the knowledge you need to confidently create more accessible websites and web applications today.

A headshot of Sara taught by Sara Soueidan
Course intructor Sara Soueidan briefly introduces the course.

A 5-minute introduction

Accessibility can be straight-up difficult and intimidating. How do you get started? Where do you start? How do you know if what you’ve built is accessible? How do you find and fix accessibility issues when they come up?

I know how hard it is to find answers, and how easy it is to make mistakes—mistakes that have a direct, tangible impact on your users’ ability to use your websites and applications. I know how overwhelming and sometimes frustrating accessibility can feel at first.

But I promise you, accessibility isn’t always as hard as it seems, especially if you know where and when to start. And my goal with this course is to demystify it and make it friendlier and more approachable.

Practical Accessibility is the culmination and distillation of years of my experience in learning, developing, and teaching about web accessibility. It is a structured curriculum aimed to equip you with the foundational, evergreen knowledge you need to gain a deep understanding of accessibility.

Armed with this knowledge, you will be able to anticipate places where you may create barriers to access for people and avoid them in your work, as well as fix or remove existing barriers in your current projects. And you don’t need any prior experience in accessibility to get started!

If you’re a design engineer, front-end designer, a JavaScript engineer, or a back-end developer looking to gain a deep understanding of accessibility, then this course is for you.

In this course, you will find answers to questions like:

  • What is the thought process for building accessible components from scratch?
  • Do I need JavaScript to make this accessible?
  • Why is semantic HTML so important? And how do I know which HTML element to choose?
  • What is the accessibility tree? and what does it tell me about the accessibility of my components?
  • What is ARIA? and when do I reach for ARIA versus native HTML?
  • How do I navigate the different ARIA and WCAG documents?
  • How does CSS affect accessibility?
  • Why are accessible names such a big deal? And which technique should I prioritize when providing names to my components?
  • What are the best practices for creating and validating forms? And why is native HTML5 form validation not enough?
  • How do I announce content updates to my users?
  • …and many, many more.

The course currently includes more than 38 videos and approximately 15 hours of in-depth lessons.

The course currently includes:

That’s two full-day workshops-worth of content that you can access anytime, anywhere.

The topics covered in the course include:

  • Accessibility vs inclusivity vs usability and how people with disabilities access the web, and how this impacts how you design and develop your websites and applications.

  • The Web Content Accessibility Guidelines (WCAG). You’ll learn everything you need to know about WCAG and using its very helpful supporting documents in your day-to-day work.

  • The accessibility tree and accessibility APIs (AAPIs). Your secret accessibility weapon. You’ll learn everything you need to know about using it to find common accessibility issues in your everyday work.

  • Setting up your screen reader testing environment on your machine.

  • Semantic HTML. HTML is only as accessible as you write it. And choosing the right element is not always enough. You’ll understand why semantic HTML is important, and what it is exactly that makes it accessible, so that you can write it more intentionally. This section of the course includes several chapters, including chapters on HTML landmarks and heading structure.

  • Responsible ARIA. In this section of the course we’ll take a (very) deep dive into ARIA attributes, several chapters will cover what they are and why we need them, how to use them responsibly, when you need to use them, and, most importantly, when you shouldn’t.

  • Techniques for hiding content inclusively. We’ll cover all the different techniques for hiding content using HTML, CSS, and using ARIA, and you’ll understand the pros and cons of each technique so you can choose the appropriate one(s) for your use case(s).

  • Accessible names and descriptions. In this section of the course you’ll go through several chapters that explain the different techniques you can use to provide accessible names elements, what happens when you don’t provide one, and what happens when competing names are provided, as well as tips for concatenating accessible names using ARIA attributes.

  • Accessible images. Everything you need to know about writing effective alt text for images.

  • Accessible forms. In this section consisting of four chapters, we’ll discuss grouping and labeling form fields, providing instructional cues and descriptions, accessible form validation, and how to make form validation more efficient and helpful for your users.

  • Accessible notifications using ARIA live regions. We’ll discuss the native accessible notification system provided by ARIA, and how to use it responsibly in your Single Page Applications (SPAs).

  • Keyboard accessibility. This section includes chapters on providing navigational aid for keyboard users, designing WCAG-conformant focus indicators, and managing focus in custom interactive components using the roving tabindex technique.

  • Forced Colors Modes. You’ll learn how to prepare your content for forced colors modes, and we’ll discuss simple, effective tips for optimizing your content and ARIA widgets to ensure they remain usable.


The content of the course is very practical. You will get a tonne of actionable insights that you can take away and start applying in your projects right away to make them more accessible.

By the end of the course, you will be armed with the knowledge, techniques, and resources to:

  • Quickly identify common accessibility issues when they come up.
  • Fix existing accessibility issues in your current project(s).
  • Implement more accessible user interfaces from scratch.
  • Feel more confident in your skills and your ability to create websites and applications that work for people with disabilities.
  • Become an accessibility champion and make a positive impact on the Web and the world!




Since its launch, the Practical Accessibility course has been taken by designers, engineers, and educators from companies, state governments, and educational institutions around the globe

What you’ll get

  • ~15 hours of (captioned) videos

    The course contains around 15 hours of video content. (That’s two full-day workshops worth of content!) The course is English spoken, and closed captions are available in English. (More languages will be added in the future.)

  • Video and Text

    The content is available in two formats: video and text. If you prefer text over video, you can read the course and still get everything out of it that you would get from watching the videos. It’s like having your own online accessibility book / reference!

  • Reading experience optimized for legibility

    Read the course in a font face optimized for legibility and accessibility. And customize your reading experience by switching between a light mode and a dark mode at your convenience.

  • Buy once, access forever

    This course is a one-time purchase. Once you buy it, it’s yours forever. You’ll also get free access to content updates, as well as all new content that will be added to it in the future.

  • Access whenever, wherever

    Take this course in your office, at home, or on-the-go. Go through the course content at your own time and your own pace. Binge watch the videos in one go, or watch them over the course of days or weeks.

  • Accessibility toolkit

    I curated a selection of useful accessibility documentation, checklists, cheatsheets, helpful tools, and resources for you to have handy and use in your day-to-day work.

  • Free, 6-months unlimited access to Assistiv Labs

    When you buy the course, you’ll get a complementary, 6-months unlimited trial to Assistiv Labs—“The Browserstack of accessibility testing” —to start testing your work with more screen readers inside your favorite modern browser. You can activate your trial whenever you're ready to start testing.

  • Evergreen accessibility knowledge!

    You’ll acquire deep, evergreen knowledge and skills that you can apply today and in the future to make your digital products and services more accessible to people with disabilities.

Today I bought so many licenses for S-group people to study @SaraSoueidan ‘s “Practical Accessibility” course that I had to get the limit increased on my work credit card. [..] We had two developers with no accessibility experience try it out earlier in the year and the feedback was absolutely wonderful. I’m happy to be able to bring almost all of our teams along now.

Matthew Hallonbacka

Matthew Hallonbacka

Digital accessibility at S Group, Finland’s biggest retailer

My team have been really enjoying Practical Accessibility. I can really tell how much thought and hard work you put into the course, it’s really incredible. Also how digestible to content is since web accessibility is such a technical and nuanced topic. Only halfway through the course and don’t want it to end because I’m enjoying it so much! Thanks for all your hard work, it’s huge.

Chris Henrick

Chris Henrick

Software developer and designer engineer at Esri

Portrait of Sara.

Hey, I’m Sara, the creator of this course.

I’m an award-winning independent inclusive web user interface engineer, author, speaker, and trainer. I’ve been working at the intersection of design and engineering for 10 years, and have been focusing on inclusive design and accessibility for more than half of that time now.

Over the past 10 years, I’ve led inclusive UI development for clients like Herman Miller, SuperFriendly, and Khan Academy. Since 2014, I have presented and delivered talks and keynotes at dozens of events worldwide, and have led workshops at conferences, as well as in-house for companies like Netflix, Telus, and the Royal Schiphol Group at Amsterdam Airport.

When I started with accessibility, I felt overwhelmed and wasn’t always sure where to look to find the information that I needed. I wanted to learn, but I needed direction.

You are here right now because you may be in a similar place to where I was a few years ago. Whether that’s the case or not, you’re here because you want to learn. You’re here because you are responsible and because you care. And this is why I have created this course.

I have distilled years of my work and experience into this course, in the hopes that it will save you the amount of time and effort that I had to spend when I was learning accessibility, so that you can spend that time and effort designing, building, as well as advocating for accessibility within your team and your community.

I hope to welcome you on board soon!

What course enrollees are saying

Thank you for a wonderful course. I have enjoyed it very much, and I'm happy that I finally found an accessibility course that is actually practical. I have been searching for a very long time to find something like this, that really deals with how to and why you should build websites with accessibility in mind. Great explanations and great examples.

I'm a technical director at a web agency and I have already bought 4 seats for some of the frontend developers, besides my own. I have always had a lot of focus on web accessibility and I wanted our frontend team to get better at this, and I can say that they have learned a lot and we are now about to fix the accessibility on some of our big clients.

Bjarni Olsen

Technical director at AKQA Denmark

I’ve only made it past the initial 10% of the course so far, but I can already tell how much care you’ve put into it. It’s very informative, incredibly impactful, and it feels like you’ve left no stone unturned. I’m very excited to keep going!

Mikaël Sévigny

Web developer, Government of Canada

As someone who has been hearing impaired since birth I always appreciate subtitles and written notes with good contrast. @SaraSoueidan's accessibility course is really well done. Nothing is missing. Glad I preordered it.

Karim Jordan

Karim

Web developer

Started my Practical Accessibility course by @SaraSoueidan. Highly recommended.

I've been to Sara's workshops before and always appreciated the dense amount of info, the quality and passion that transpire. This course is no different.

Inclusivity, usability and accessibility.

Ginestra Ferraro

Ginestra Ferraro

UX/UI Designer

I found your course extremely helpful. I graduated from school in 2022 with a degree in Computer Science, specifically focused on HCI and UX design, but I found even with this formal education *how* to implement web-based software accessibly was never taught. Accessibility was always theoretical and touted at something we should be aware of but was never covered in depth in any of the (many) front-end or design courses I took. I found your course to be a great level of detail and very comprehensive of accessibility standards, patterns, and practices. [..] I wanted to let you know that I thoroughly appreciate the course you have created.

Molly Pribble

UX Designer

I can't begin to describe the amazing quality of @Sara Soueidan's 'Practical Accessibility' course.

I knew a lot but still learnt a lot [..] It's rich, full of wisdom...and practical. So good!

Ahmed Khalifa

Ahmed Khalifa

Digital Experience Manager

Yesterday I completed @SaraSoueidan's Practical Accessibility self-paced video course. I recommend this to all web devs! I knew about some of the easy stuff like color contrast and header levels, but there is a LOT beyond that!

Ron Gilmour

Ron Gilmour

Web services librarian, Ithaca College

I'm going through @SaraSoueidan's Practical Accessibility course and it's SO informative and helpful. I want to build an accessible navigation and hamburger menu, and there's an entire lesson on it! Highly recommend this course

Jessica Chan

Jess Chan | Coder Coder

[The Practical Accessibility course] covers the most important need-to-know things about how to build accessible websites and web apps. I got a sneak peek, and can confirm it's fantastic. 💯

Josh Comeau

Josh Comeau

Indie hacker and educator

I love the way Sara explains everything so clearly, the text transcripts, the table of contents for each video, and the sequence she chose to present each topic.

Although I'm slowly marking the videos as complete, I can see myself returning to them later. It's really evergreen material.

Andrea de Souza

Front-end web developer

Compré el early access y debo decir que vale la pena cada centavo. Si quieren aprender de ally, este es un curso muy completo.

Este curso soporta Purchase Parity Program, así que es asequible. De verdad no se van a arrepentir

Cristian Díaz

Cristian Díaz

Front-End developer

@SaraSoueidan's new accessibility course just launched. I got early access and can tell you it's worth every penny. Accessibility is a broad topic, but Sara manages to give very practical advice for people doing the work of building digital products.

Jesse Gardner

Jesse Gardner

Director, User Research at New York State Information Technology Services (NYSITS)

I'm finally going through @SaraSoueidan's Practical Accessibility course, and now I want to redo every website I have ever made.

But seriously, I make a lot of notes and future projects will benefit greatly from everything I'm going to do better from now on. It's really great and clears up a lot of knowledge gaps and uncertainties I had.

Lene Saile

Lene Saile

Web designer and front-end developer

Feeling guilty for not considering accessibility as a significant problem and task in the web applications. We tend to build Uls that are beautiful for mouse users, but ugly for other types (keyboard, screen reader ,forced color mode, ...) of users. Thanks to Sara Soueidan and her Practical Accessibility course for helping me realize it, and making possible to build with accessibility in mind.

Maruf Zakirov

Ma'ruf Zakirov

Front-End Engineer, MDC Uzbekistan | DataSite Technology

I've been working through @SaraSoueidan's course and it's brilliant. Highly recommend if you're a designer who needs to upgrade their technical accessibility knowledge #a11y.

I've got a much better understanding of ARIA, it sort of clicked watching and reading your material. Thanks for a great course 🙏🏻

Geri Reid

Geri Reid

Lead Accessibility Specialist, Just Eat Takeaway.com

Halfway through @SaraSoueidan's Practical Accessibility course.

It's fantastic.

I'm already preparing future talks based on some of this content.

Clark Gunn

Clark Gunn

Front-end engineer

The best investment that I've made in a long time. It's not easy to find courses with this quality.

Segundo Fdez

Segundo Fdez

Designer, Sond3

Recommending practical-accessibility.today by @SaraSoueidan. Best introductory #a11y #webdev resource I come along so far.

Florian Geierstanger

Florian Geierstanger

Front-end developer

I am very impressed and grateful for the thoroughness, but very concise, explanations. Already, a couple chapters in, my existing accessibility knowledge is rapidly consolidating.

Chris Satchell

Chris Satchell

Experienced web developer at NVISION

I got a few chapters into this course today. I have not been disappointed!

Highlights of the first few hours include:

🔪 Sara’s enthusiam while slicing a precise line between semantics and accessibility
🐦 The accessibility tree diagram with feathery residents
🐓 The distant rooster providing a brief “VoiceOver”

[…] I knew a decent amount about web #a11y already, but there was loads @SaraSoueidan clarified in this course 💜 Such a great resource!

Oliver Boermans

Oliver Boermans

Front end web developer

It is like having my personal Accessibilitv Wikipedia now! What a huge one!

Jan Persiel

Jan Persiel

Jan Persiel, UI/UX designer

I bought this course with my own money, so, #NotSponsored, and I can 200% recommend it to any developer who wants to start learning about accessibility.

Stephanie Walter

Stephanie Walter

UX Researcher & Inclusive Designer

I’ve mainly been watching (and rewatching!) the sections on forms, and I think it has vastly improved the code I’m working on at the moment, which I am hoping will be a meaningful improvement for all of our readers. Still a long way to go, but Sara’s course is the perfect companion for my journey.

I think Sara really nailed the balance of sharing context, current state, the varying opinions on a matter, then a strong case for her own perspective and why. It’s so easy to start from that last point – but I really appreciate the effort that has clearly gone into providing context and extra details in a short, concise way.

Ben White

Ben White

Head of Technology at Capital Brief

Practical Accessibility by @SaraSoueidan is such a comprehensive course. It deals with the intricacies of building accessible web pages and components. The lessons are very detailed and easy to understand.

Highly recommended!

Ochuko

Ochuko

Software Engineer

I’ve been watching @SaraSoueidan’s “Practical Accessibility” course for a while now and have learned a lot of new things. But the chapters on accessible form validation blew my mind. I always thought it would be enough to use the standard HTML5 validation. But there are so many more measures you could and even should take. 🤯 #accessibility.

Albrecht Köhnlein

Albrecht Köhnlein

Developer

Der englischsprachige, kommerzielle Kurs besteht aus aktuell 19 ausführlichen Kapiteln und will das Thema Barrierefreiheit im Web praxisnah, zeitlos und möglichst zugänglich erklären. Dabei vermittelt es Basiswissen zu (beispielsweise) zugänglichen Formiularen, Buttons versus Links, ARIA und Tastaturbedienung, betont die Wichtigkeit von semantischem HTML und bietet mit dem “Toolkit” einen Werkzeugkasten zum Thema an. Practical-Accessibility.today erreicht meiner Meinung nach seine gesetzten Ziele und ist als sowohl ausführlicher, wie auch gut erklärter Kurs und seine 399 Dollar auf jeden Fall Wert.

Marcus Herrmann

Marcus Herrmann

Freelance Web Accessibility Specialist (IAAP certified) and web developer

I have followed Sara’s work for a long time, and I am starting to appreciate the many years of wisdom and experience she has put into the course.

Sara has levelled up my web accessibility knowledge way more than I thought was possible, and this is one of the most rewarding courses I’ve ever taken. The high-quality content combined with a passionate teaching style makes this an absolute joy to go through.

One pleasant surprise was that I didn’t need to take endless notes because Sara has done that work already. The accompanying text includes code samples, links, and illustrations that make it easy to recap what I learned in the videos.

If you work on the web, your users will appreciate you taking this course. The theory is great, but that’s not all, as there’s a comprehensive set of actions that you can start applying to your websites right now. Thank you for this excellent course!

Umar Hansa

Umar Hansa

Web developer

Sara’s one of the people I look to and trust most when seeking advice about how best to build websites that work well for the widest audience possible. This is certain to be one of the absolute best ways to train yourself and your team how to build accessibly on the web.

Scott Jehl

Scott Jehl

Web developer

[Sara] is one of those people who has the discipline and eye to make everything they release of the absolute highest quality. It’s inspiring — and for that reason, I’ve already purchased access to this new course.

I watched Chapter 1 last night and, if it’s foreshadowing the rest of the course, my expectations have already been exceeded.

Jim Nielsen

Jim Nielsen

Designer and Front-end Engineer, “Get You Some Practical Accessibility”

If you are in a financial position to do this, this is some of the best money you can invest in your education and the betterment of the web for you and everyone else.

Like Nike says, Just do it!

Schalk Neethling

Schalk Neethling

Front-end engineer

Frequently Asked Questions

Who is this course for?

The course is primarily aimed at front-end designers & developers, and JavaScript engineers, as well as back-end developers who fiddle with front-end code and want to make sure they do so in an inclusive manner. Whether you write your HTML or CSS yourself, or you use a JavaScript framework to produce them for you, you should ensure that the code that powers your websites and applications is accessible.

The content of the course is focused on technical accessibility requirements and implementations. It does not currently address visual UI/UX accessibility requirements (like typography and colors). But if you’re a designer who knows some HTML and CSS , this course can help you understand technical accessibility requirements and constraints so you can make more inclusive design decisions, as well as collaborate more efficiently with the engineers on your team (which may make you your engineering team’s favorite designer!) You’re the ideal audience of the course if you are:

  • a developer who wants to understand accessibility and implement Web user interfaces that work for people with disabilities
  • a design engineer working closely with designers, diagnosing accessibility issues in the design before they make it to implementation
  • a designer who works closely with developers (who ideally also knows some HTML and CSS) and wants to level-up their accessibility knowledge and improve their collaboration with engineers

Can I take this course if I am a complete beginner in accessibility?

Yes! The course is 100% beginner-friendly. I designed the course to be inclusive of individuals with little or no prior accessibility experience. So, you don’t need any prior accessibility knowledge to take it.

That being said, the content of the course starts with the basics of each topic covered, and builds up to more advanced concepts. We will discuss different accessibility topics in-depth, and we will tackle some of them from angles that may be different from what you are used to.

If you’re a beginner in accessibility, you will acquire the knowledge that will make an accessibility champion within your team. 🎖

And if you’re already comfortable with accessibility and just want a good refresher, I’m confident that you’ll find a lot of value in it, and you will probably even learn a few new things!

Do I need to know HTML, CSS, and JavaScript?

You should have a basic knowledge of HTML and CSS to get the most out of the course. We cover high-level JavaScript functionality for some of the design patterns we will build. You should know JavaScript if you want to create some of the custom widgets yourself, but you don’t need to be proficient with JavaScript to follow along in the course.

Will I be able to apply what I learn in my project(s)?

Yes, absolutely! The course is very practical (hence the name!). You will be able to take the knowledge and techniques you will learn and apply them in your own work right away. The course is also framework-agnostic by design. We won’t use any JavaScript or CSS frameworks. So, you will be able to apply everything you learn to any web project, regardless of what frameworks or stack you’re using.

Can I track my progress as I go through the course chapters?

Yes. Once you’ve finished a chapter, you can manually mark that chapter as complete. We don’t automatically track your progress. I care about your privacy and understand and respect that everyone learns at their own pace, and some people sometimes need or want more time. And the last thing I want to do is to make you feel uncomfortable.

When you mark a chapter as complete, a visual indicator is shown for the chapter indicating that it has been completed, so you can get a clear overview of which chapters you have left by looking at the list of chapters on the course Chapters page.

Do you offer a certficate of completion?

Yes! But the process is not automated yet—meaning that the certificate is not automatically generated when you finish going through the course. The reason is that I am planning on extending the course’s content in the future. Automating the generation of the certificate of completion before adding the extra chapters to the course is a little tricky.

If you need a certificate of completion to present to your boss at work, to include in your CV, or to share it with your friends on social media, or simply to feel good about your accomplishment, you can send me an email and I will provide you with a downloadable PDF of your certificate.

Do you offer discounts for students?

Yes! To qualify for a student discount, you must be currently enrolled in a full-time or part-time educational institution.

Please email our support team proof of active enrollment, such as a student ID card or registration paperwork.

Can I purchase multiple licenses for my group or team?

Yes! With a team license you can buy a number of seats to allocate to employees, friends, or anyone you’d like to support by gifting or donating the course to.

Seats are not transferable — they cannot be re-assigned once used.

Team packages will come with bulk discounts. Please note that due to their nature, refunds are not available for team packages.

Learn more about team packages.

For enterprise licenses and/or in-house training, please reach out to sara@practical-accessibility.today for details.

Can I gift a license to someone else?

Yes! You can do that by entering their email address instead of yours during checkout. When you do, they will receive an email to set up their account and access the course content.

The only caveat here is that they will receive a copy of the purchase receipt, which will include the last 4 digits of your credit card if you’re paying by credit. And if you need a copy of the receipt, you’re going to need to ask them to forward it to you.

If you (understandably) don’t feel comfortable with this, you can purchase the course using your own email address and email me yours and the other person’s email address.

Please note that you cannot transfer your own license to someone else.

Can I change my email address from the address I purchased the course with?

If you need to change your email address, you can do that by contacting my support team support@practical-accessibility.today. Please note that you cannot transfer your license to another person.

I purchased the course. Now what?

After you go through checkout, you should get redirected to a Thank You page (not the Paddle thank you dialog!). Once you’re redirected, an account is automatically created for you, and you should receive two emails in your Inbox: a purchase receipt from my merchant, Paddle, and an email with a link to complete and access your account.

Check your email inbox for these emails, and make sure to check your Spam folder just in case it lands there.

If you don’t receive either of these emails or you have any trouble logging in, don’t hesitate to reach out to support@practical-accessibility.today and we will get back to you with assistance as soon as possible.

What’s your refund policy?

If you need a refund for your purchase, you can reach out to my support team by email within 30 days after your purchase and let them know. When you do, make sure you provide your order number and/or billing email. We will ask you the reason why, but you will be eligible for the refund even if you don’t want to provide any feedback. No hard feelings.

When the refund is issued, you’ll get a refund confirmation email from our merchant, Paddle, and your course account will be deleted. We won’t keep any of your account information, so please keep a copy of your purchase and refund receipts in case you ever need them.

Please note that due to their nature, refunds are not available for team packages.

Will I get a receipt/invoice for my purchase?

Right after purchasing, you will be emailed a receipt/invoice from Paddle, our merchant. You will be able to edit the recipient details on the receipt/invoice and add your preferred name and address (and VAT number).

I have a question not listed here 🤔

Feel free to send it to support@practical-accessibility.today and I’ll get back to you as soon as I can.