Slide1-7 About This Session
Ontario, and other jurisdictions, have legislation that require business and schools to implement a digital accessibility standard that promotes greater societal inclusion. As an Accessibility Specialist I support small business owners and entrepeneurs in understanding the digital communication requirements to reach larger markets.
In this session you will learn how to build accessible UI components with ARIA. For assistant technologies, ARIA influences the audible rendering of the non-visual experience, just like CSS influences the visual presentation of a web page. However, HTML, CSS and JavaScript do not natively include all the features required to make websites accessible to folks who use screen readers or rely on keyboard navigation or other assistive technologies. So ARIA is a way to address those deficiencies.
In this session you will learn how to build accessible UI components with ARIA. For assistant technologies, ARIA influences the audible rendering of the non-visual experience, just like CSS influences the visual presentation of a web page. However, HTML, CSS and JavaScript do not natively include all the features required to make websites accessible to folks who use screen readers or rely on keyboard navigation or other assistive technologies. So ARIA is a way to address those deficiencies.
Digital accessibility should be an interest for any one engaged in the virtual world of communications.
- Web content authors and visual designers.
- Computer Science students.
- Website front-end developers who want to improve their skills.
- Web development studios who want to stand out from their competition.
This learning session is focused on creating accessible and usable website interfaces.
- Assistive technology tools.
- Understand how screen readers interact with web page elements.
- Creating web page interfaces that can be accessed with the keyboard.
- Coding ARIA States, Roles and Properties.
- Achieving W3C-WCAG conformance.
It would be helpful to have a basic understanding of website development.
Html, CSS and JavaScripting.
Html, CSS and JavaScripting.
To fully participate it is recommended that you have the tools for website development.
- Laptop or mobile device with a screen reader and keyboard.
- Development environment (like CodePen).
This workshop module was created by the BEST Slide Show script generator. Each slide is displayed on a separate web page. The slide web page may contain subweb pages for modules with lots of content. Also, slide web pages may have expandable content, which can be toggled with the Spacebar key, and a Tab List, which can be navigated with the Left/Right arrows and Tab keys. Slides may contain external links, that will open in a new window, for additional information.
Download the accessible talk slide show generator
Download the accessible talk slide show generator
The following key commands are available in this HTML presentation:
- Alt+1 to 9: When on the table of contents, wil open the slide page,
- Alt+b When on a subpage slide the Alt+b will return to the main slide page,
- Alt+c Display the table of contents,
- Alt+h Display additional learning content on each HTML slide,
- Alt+n Display next slide,
- Alt+p Display previous slide,
- Alt+s Toggle between style presentations.
Test your accessibility knowledge skills before the workshop and then again after the workshop.
Trivia11y: A Web Accessibility Quiz by Sparkbox
Trivia11y: A Web Accessibility Quiz by Sparkbox
Please reach out to me with questions, comments or for further training.
Resources