...
Sites behind authentication
WAVE (browser plugin), https://wave.webaim.org/
Lighthouse - (built into Chrome dev tools)
axe DevTools (browser plugin)
a Firefox web developer addon, https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Tutorial
I am not sure how useful LinkedIn learning is for this.
...
These tutorials have html examples.
'How to Use ARIA Effectively with HTML5,' Common HTML Patterns
https://www.sitepoint.com/how-to-use-aria-effectively-with-html5/
'Getting started with ARIA,' https://www.a11yproject.com/posts/2014-05-15-getting-started-aria/
'Background: An in-depth guide to ARIA roles,' https://www.a11yproject.com/posts/2020-08-20-an-indepth-guide-to-aria-roles/ .
These videos have html examples:
'Estelle Weyl – “Fast. Simple. Accessible.“ | .concat() 2018,'
...
Kevin Powell’s playlist on Underutilized HTML elements
Kevin Powell’s playlist on https://www.youtube.com/playlist?list=PL4-IK0AVhVjMobWfe4VmvbAwLmpG1RQMT
'Introduction to WAI-ARIA (Accessible Rich Internet Applications),'
...
Advanced
https://developer.mozilla.org/en-US/docs/Learn/Accessibility/WAI-ARIA_basics
https://blog.logrocket.com/aria-live-regions-for-javascript-frameworks/
General References
'Accessibility,' https://developer.mozilla.org/en-US/docs/Learn/Accessibility
'ARIA in HTML,' https://www.w3.org/TR/html-aria/
'Accessible Rich Internet Applications (WAI-ARIA) 1.1,' https://www.w3.org/TR/wai-aria-1.1/ .
...
WAVE Accessibility online site also offers a browser Extension, https://wave.webaim.org/
"Check Web Site’s (X)HTML & CSS, Accessibility & SEO," https://www.webnauts.net/check.html
“Color Blindness Simulator,” https://www.color-blindnesssmashingmagazine.com/coblis-color-blindness-simulator/a Firefox web developer addon, https://addons.mozilla.org/en-US/firefox/addon/web-developer/2024/02/accessibility-standards-empower-better-chart-visual-design/