Web 8: Accessibility using Aria roles and attributes

This is a gentle introduction to adding accessibility to webpages using Aria roles and attributes, since it is a complex topic. Along with using semantic HTML 5 elements, it is hoped your webpages will be navigable by a spoken browser user.

After the basic tutorial(s) below, the student will add Aria attributes and roles to their previous login form. They will also add examples from the MDN aria-labelledby ref - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_aria-labelledby_attribute. Finally, they will test with a spoken accessibility mode - browser or operating system. You will demonstrate this to me. Let me know if you computer/browser does not have that ability.

Also, what would you add to the html to allow browsers that don’t recognize html 5 semantic tags to be aria accessible?

These tools can help with general accessibility:

I find the WAVE addon the most straight forward and comprehensive to use in one stop.

Now, read all the basic tutorials below.

I am not sure how useful LinkedIn learning is for this.