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>