Merge pull request #68 from thuongtruong1009/applied-accessbility

feat: add lession 01 + 02 + 03 to Applied Accessbility lessions
thuongtruong1009 · Jun 27, 2022 · c56d8e3 · c56d8e3
2 parents 7bc200d + 7737099
commit c56d8e3
Show file tree

Hide file tree

Showing 3 changed files with 69 additions and 0 deletions.
diff --git a/...Accessbility/01_add-a-text-alternative-to-images-for-visually-impaired-accessibility.html b/...Accessbility/01_add-a-text-alternative-to-images-for-visually-impaired-accessibility.html
@@ -0,0 +1,15 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lession 01</title>
+</head>
+
+<body>
+    <img src="doingKarateWow.jpeg" alt="This is empty image">
+</body>
+
+</html>
diff --git a/Applied Accessbility/02_know-when-alt-text-should-be-left-blank.html b/Applied Accessbility/02_know-when-alt-text-should-be-left-blank.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lession 02</title>
+</head>
+
+<body>
+    <h1>Deep Thoughts with Master Camper Cat</h1>
+    <article>
+        <h2>Defeating your Foe: the Red Dot is Ours!</h2>
+        <p>To Come...</p>
+    </article>
+
+    <img src="samuraiSwords.jpeg" alt="">
+
+    <article>
+        <h2>Is Chuck Norris a Cat Person?</h2>
+        <p>To Come...</p>
+    </article>
+</body>
+
+</html>
diff --git a/Applied Accessbility/03_use-headings-to-show-hierarchical-relationships-of-content.html b/Applied Accessbility/03_use-headings-to-show-hierarchical-relationships-of-content.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lession 03</title>
+</head>
+
+<body>
+    <h1>How to Become a Ninja</h1>
+    <main>
+        <h2>Learn the Art of Moving Stealthily</h2>
+        <h3>How to Hide in Plain Sight</h3>
+        <h3>How to Climb a Wall</h3>
+
+        <h2>Learn the Art of Battle</h2>
+        <h3>How to Strengthen your Body</h3>
+        <h3>How to Fight like a Ninja</h3>
+
+        <h2>Learn the Art of Living with Honor</h2>
+        <h3>How to Breathe Properly</h3>
+        <h3>How to Simplify your Life</h3>
+    </main>
+</body>
+
+</html>