WCAG 2.2 Compatible Input Component in Angular

Read the article here: https://www.devbyseb.com/article/input-fields-creating-accessible-and-user-friendly-forms-wcag-2-2

The code can be found here: https://github.com/DevBySeb/DevBySeb/tree/feature/wcag-input/src/app/input

WCAG stands for Web Content Accessibility Guidelines. It is a set of guidelines created by the World Wide Web Consortium (W3C) to ensure that web content is accessible to people with disabilities. WCAG provides a technical standard for creating accessible websites and digital content, and it covers a wide range of disabilities, including visual, auditory, physical, cognitive, and neurological disabilities.

WCAG is organized around four principles of accessibility: Perceivable, Operable, Understandable, and Robust (POUR). Each principle includes specific guidelines and success criteria that must be met in order for web content to be considered accessible.

The latest version of WCAG is WCAG 2.1, which was published in 2018. WCAG 2.1 includes several new guidelines and success criteria that address the needs of users with low vision, cognitive and learning disabilities, and users with disabilities on mobile devices.

WCAG is widely recognized as the international standard for web accessibility, and many countries, including the United States and European Union, have adopted it as part of their accessibility regulations. Following WCAG guidelines can help ensure that your website or digital content is accessible to everyone, regardless of their abilities.