From 48d8086884778e7c5acd919b40ac0e56558571ff Mon Sep 17 00:00:00 2001
From: Anshul Yadav <71728035+anshulyadav01@users.noreply.github.com>
Date: Sat, 15 Jan 2022 13:55:48 +0530
Subject: [PATCH 1/2] =?UTF-8?q?=F0=9F=8E=AFAdded=20a=20resource=20-=20(You?=
 =?UTF-8?q?Tube=20Video)=20(#1001)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✌️Added a youtube video as a watchable resource I found very useful and enough. I think knowing that much about how the browsers work is enough for the Front-end journey. The video covered all the important topics from User-Interface to Rendering Engine.
---
 .../content/100-internet/102-browsers-and-how-they-work.md       | 1 +
 1 file changed, 1 insertion(+)

diff --git a/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md b/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
index fa7d0aefc..c07b24906 100644
--- a/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
+++ b/content/roadmaps/100-frontend/content/100-internet/102-browsers-and-how-they-work.md
@@ -6,3 +6,4 @@ A web browser is a software application that enables a user to access and displa
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.html5rocks.com/en/tutorials/internals/howbrowserswork/'>How Browsers Work</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://www.browserstack.com/guide/browser-rendering-engine'>Role of Rendering Engine in Browsers</BadgeLink>
 <BadgeLink colorScheme='yellow' badgeText='Read' href='https://developer.mozilla.org/en-US/docs/Web/Performance/How_browsers_work'>Populating the Page: How Browsers Work</BadgeLink>
+<BadgeLink badgeText='Watch' href='https://www.youtube.com/watch?v=WjDrMKZWCt0'>How Do Web Browsers Work?</BadgeLink>

From 894eda60adecf97d21aab32723f0c9c94c1cd24a Mon Sep 17 00:00:00 2001
From: LJS <64693316+larsingerlars@users.noreply.github.com>
Date: Sat, 15 Jan 2022 10:27:48 +0200
Subject: [PATCH 2/2] Update 104-accessibility.md (#1002)

* Update 104-accessibility.md

What I did: added new resource item
Why I chose it: Helped me several times to find a) a starting point on how to build an accessible web experience regarding a specific component and b) provides usually links with in-depth examples

* Update content/roadmaps/100-frontend/content/101-html/104-accessibility.md

Co-authored-by: Kamran Ahmed <kamranahmed.se@gmail.com>
---
 .../roadmaps/100-frontend/content/101-html/104-accessibility.md  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
index f5c753571..a00893550 100644
--- a/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
+++ b/content/roadmaps/100-frontend/content/101-html/104-accessibility.md
@@ -5,3 +5,4 @@ Web accessibility means that websites, tools, and technologies are designed and
 <BadgeLink badgeText='Watch' href='https://youtube.com/playlist?list=PLNYkxOF6rcICWx0C9LVWWVqvHlYJyqw7g'>Complete Playlist on Accessibility</BadgeLink>
 <BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.w3schools.com/accessibility/index.php'>Accessibility Tutorial
 </BadgeLink>
+<BadgeLink badgeText='Read' colorScheme='yellow' href='https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/'>A Complete Guide To Accessible Front-End Components</BadgeLink>