Either web components have come a long way since the last time I caught myself daydreaming about snacks at a conference, or I let my initial fear of them get in the way of truly knowing them — probably both.
I’m here to tell you that you—yes, you—can create a web component. Let’s leave our distractions, fears, and even our snacks at the door for a moment and do this together.
The Web Content Accessibility Guidelines (WCAG) are an international standard for making web content accessible to people with disabilities. An updated version of WCAG – version 2.2 with 9 new success criteria and one promoted from AA to A – is expected to become the official standard in the summer of 2021. These updates focus on added guidance to help users with cognitive challenges, added criteria for eBooks and other types of digitized media, and new helpful guidelines especially for touchscreens and mobile platforms.
Instead of drawing the footer lines and labels of our graph individually for each graph instance then redeclaring it over and over with new markup, we can render the graph once in a separate SVG and simply start referencing it when needed. The <use> tag allows us to reference elements from other inline SVG elements just fine.