Hacker Courses The online courses programmers keep recommending, ranked from 20 years of public forum comments.
i
Web Accessibility
Image: udacity.com
#184 on Reddit

Web Accessibility

Udacity

7 recommenders · 8 threads · recommended in 6 years, 2017–2022 · score 9.1

Go to course ↗

A free introductory course on web accessibility, built by a Google team and hosted on Udacity. It covers making websites usable for people with disabilities, including semantic HTML, keyboard navigation, screen readers, and ARIA.

Commenters call it a free, short, and thorough introduction to accessibility, and several say it is a good starting point for developers who find the specs boring.

Web & Mobile Developmentbeginnerfreevideo lectures#web accessibility#a11y#aria#semantic html#wcag#google

Recommendations by year

20172022

On Reddit (8)

  1. Strongly recommendsimwallyduder/programming2020in “Annoying website features I face as a blind person”▲ 3

    These are great videos! This is apart of Google's free online web accessibilty Udacity course: https://www.udacity.com/course/web-accessibility--ud891 Highly recommend checking it out.

  2. Strongly recommendsgitcommitmentissuesr/webdev2020in “6 ways to create a website that’s accessible (and why it’s important to do so) - does anyone have experience in this field?”▲ 2

    Don't underestimate the amount of accessibility you get out of the box by using properly-structured HTML and using the right element for the right job. For example, if you use a button element with a click handler on it, the browser will automatically make that element focusable and will execute…

  3. Strongly recommendscsshitr/webdev2018in “Pushbar.js - a tiny javascript plugin for creating sliding drawers in web apps. It is fully customizable and dependency free. You can use it as sidebar menus or option drawers”▲ 5

    A little difficult to go over everything that is needed to get this library into a state where the accessibility isn't complete garbage. A few things to think about: Make sure that when the drawer is open tabbing works properly and that focus is directed to the correct location. Use of ARIA…

  4. Recommendscolorfulmoth26r/webdev2022in “Rate My Portfolio? Trying to get my first job as web dev.”▲ 2

    I will note something from an accessibility approach: * Your portfolio website has some a11y issues. For example, on the carousel of websites you can't enter any of the websites using Tab, even though each element should be focusable. * The wine website also has some a11y issues, mostly because…

  5. Recommendsgitcommitmentissuesr/webdev2022in “Newbie question about ARIA/ADA Compliance”

    Automated tools, including linting tools like that plugin, can be enormously helpful in catching potential accessibility problems. It's definitely not bad to use them. You just need to remember that they're there to help you, not to do the entire job for you. There's no substitute for knowing what…

  6. RecommendsAlone-Ad-5279r/webdev2021in “PSA: You're Probably Using Aria-hidden Wrong”▲ 4

    One example of when aria-hidden is useful is when you are toggling the visibility of something without the use of the display property, such as opacity or similar properties where there might be a transition or animation involved that a screen reader doesn’t natively understand. There are far too…

  7. Recommendsthirdeyecyclopsr/webdev2019in “Made a simple text editor in vanilla JS, weighting mere 6.73 KB. All feedback will be appreciated!”▲ 1

    This is actually really really good! For the size, its quite impressive :P Very well done! ​ If I may, I have some ideas on how you can take this to the next level :) ​ As others have mentioned, I think accessibility is very very important. Especially for corporations these days…

  8. RecommendsDemCitrusFruitsr/webdev2017in “Sakura: a minimal classless css theme. Just drop it in and watch the websites blossom!”

    Yeah, this is useful. There's also a Chrome accessibility plugin that will do this for you in the inspector as well. And this is more of an accessibility topic than design (although they certainly are complementary). Accessibility seems to get talked about a lot less than other things so I don't…

Related courses

Keyboard

In the course grid
←↑→↓
Move between courses
Home End
Start / end of row (with Ctrl: first / last)
PgUp PgDn
Jump several rows
Enter
Open course
S
Save / unsave course
1–5
Best, Trending, Hidden gems, Evergreen, Saved
[ ]
Previous / next topic
On a course page
← →
Previous / next course in your list
S
Save / unsave
O
Open the course website
Esc
Back to the grid
Everywhere
/
Search
T
Light / dark theme
?
This help