Web Components!

What exactly are Web Components?
Web components are a massive element of web pages. They are a set of features that provide the standard model for the internet. These components allow for encapsulation and interoperability of HTML code. These components give the website their own design and is what you are viewing when visiting a website, it defines the overall look of a webpage.

Below is an highlighted example of what a web component looks like!

How do Web Components Improve Accessibility?

First of web components make it a possibility to create your own HTML elements. They also have self contained modules of Java that can be used over and over again. And finally they allow the reuse of DOM fragments and are also able to encapsulate DOM itself.

Future Proofing
What does it mean to future proof something? It means that over the test of time that something won't have to have huge changes made to it. Web Components have many problems that might lead to its demise. First they do not interact that well with the existing CSS and JavaScript elements. Second they cannot interchange different components from one framework to another. Third, it's very difficult to create or even customize components. But the last and final example is that integrating new components onto an already existing website is very difficult. But even though there are some downsides web components are getting better at every iteration.

Who is Using Them?

Here are some examples

Youtube

Google

Twitch