Forms have become an integral part of everyday life. They are used for everything from making necessary appointments to ordering groceries online. That is why it is incredibly important that they are made in a way that everyone can access and operate them.
Providing easy access to and around a website or application is paramount to a user’s experience. This course will provide you with the information needed to ensure your website can be operated with a keyboard only, as well as how to properly manage the focus state of interactive elements.
Landmarks, links and headings are all incredibly common elements within websites & applications. But when implemented incorrectly, they can cause serious accessibility issues.
Assistive technologies present content in DOM order (the order that it appears in the HTML), so it's important that the DOM order matches the expected reading order. If they don't match, the content won't make sense to people who use assistive technologies.
A UI (User Interface) component can be native or custom. Native HTML elements have pre-associated meaning, structure, and semantics while custom components require additional work in order to communicate the same information. This additional work includes proper ARIA roles, properties, and attributes for the functionality being exhibited.