From 975fa06c6f3706c62bf05cc35e14757cd436151f Mon Sep 17 00:00:00 2001 From: ShukTak Woo Date: Tue, 18 Mar 2025 14:36:21 +0000 Subject: [PATCH 01/15] Create TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 36 +++++++++++++++++++++++++++++++++ 1 file changed, 36 insertions(+) create mode 100644 CodeSnippets/TargetSizeExp.html diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html new file mode 100644 index 0000000..33e2cce --- /dev/null +++ b/CodeSnippets/TargetSizeExp.html @@ -0,0 +1,36 @@ + + + + + + Button Layout + + + +
+
+ + +
+
+ + +
+
+ + From de09373bd3f9c08250faea55ab13465145643841 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Tue, 18 Mar 2025 14:39:21 +0000 Subject: [PATCH 02/15] Update README.md --- README.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 83dc779..a44aca9 100644 --- a/README.md +++ b/README.md @@ -1,4 +1,6 @@ # Accessibility This repository is to document my hands on learning of Accessibility -Need to [Tool Tip Test](/CodeSnippets/ToolTipTest.html) \ No newline at end of file +[Tool Tip Test](/CodeSnippets/ToolTipTest.html) + +[Target Size Test](/CodeSnippets/TargetSizeExp.html) From 605c80c94a79f4e664f7aed643ef5a396fabc7b3 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Tue, 18 Mar 2025 14:56:59 +0000 Subject: [PATCH 03/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 33e2cce..cc79d52 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -12,12 +12,12 @@ } .row { display: flex; - gap: 20px; /* 20px apart horizontally */ + gap: 3px; /* 20px apart horizontally */ } .column { display: flex; flex-direction: column; - gap: 20px; /* Less than 20px apart vertically */ + gap: 3px; /* Less than 20px apart vertically */ } From 64f627810543d937f22f6c1ab68f9df65aa6b20f Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Tue, 18 Mar 2025 15:01:53 +0000 Subject: [PATCH 04/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index cc79d52..8ed31ac 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -12,7 +12,7 @@ } .row { display: flex; - gap: 3px; /* 20px apart horizontally */ + gap: 2px; /* 20px apart horizontally */ } .column { display: flex; From 7089c9c7c5a58db69bbe05d980dc27214cc57af3 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Tue, 18 Mar 2025 15:06:36 +0000 Subject: [PATCH 05/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 8ed31ac..716c235 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -12,12 +12,12 @@ } .row { display: flex; - gap: 2px; /* 20px apart horizontally */ + gap: 1px; } .column { display: flex; flex-direction: column; - gap: 3px; /* Less than 20px apart vertically */ + gap: 1px; } From 665856cce1caf3311e2ebfabef093dfffded915d Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 18:18:41 +0000 Subject: [PATCH 06/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 716c235..5b61104 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -19,6 +19,14 @@ flex-direction: column; gap: 1px; } + .circle { + width: 50px; /* Set the desired diameter */ + height: 50px; /* Set the desired diameter */ + border-radius: 50%; /* Creates the circular shape */ + background-color: blue; /* Optional: Add a background color */ + /* You can also add a border */ + /* border: 2px solid black; */ + } @@ -32,5 +40,7 @@ +
+
From 64e7b159dfd9cae7f657a52df9e2244db1538a7c Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 20:25:03 +0000 Subject: [PATCH 07/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 27 ++++++++++++++++++++------- 1 file changed, 20 insertions(+), 7 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 5b61104..c21c7c9 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -20,12 +20,23 @@ gap: 1px; } .circle { - width: 50px; /* Set the desired diameter */ - height: 50px; /* Set the desired diameter */ - border-radius: 50%; /* Creates the circular shape */ - background-color: blue; /* Optional: Add a background color */ - /* You can also add a border */ - /* border: 2px solid black; */ + width: 100px; + height: 100px; + border: 2px solid black; + border-radius: 50%; + position: absolute; + } + .circle1 { + top: 50px; + left: 50px; + } + .circle2 { + top: 100px; + left: 100px; + } + .circle3 { + top: 150px; + left: 150px; } @@ -41,6 +52,8 @@
-
+
+
+
From 9f1cd63a44046f29049a49a39e551d21ef55125d Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 20:29:09 +0000 Subject: [PATCH 08/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index c21c7c9..a3088d1 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -3,7 +3,7 @@ - Button Layout + Target size test -
+ +
+
+
+
+
@@ -51,9 +56,5 @@
-
-
-
-
From 2560556a9d760bf98aa79e5c6a16e926603163a8 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:02:45 +0000 Subject: [PATCH 09/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index a3088d1..cea9324 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -38,6 +38,26 @@ top: 150px; left: 150px; } + .button { + width: 100px; + height: 50px; + border: 2px solid black; + background-color: transparent; + position: absolute; + cursor: pointer; + } + .button1 { + top: 50px; + left: 50px; + } + .button2 { + top: 100px; + left: 100px; + } + .button3 { + top: 150px; + left: 150px; + } @@ -56,5 +76,8 @@
+ + + From 97535d946bdb8e7838e7f5aef1f9acd19af23caf Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:08:10 +0000 Subject: [PATCH 10/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 15 +-------------- 1 file changed, 1 insertion(+), 14 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index cea9324..9a53780 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -62,20 +62,7 @@ -
-
-
-
-
-
- - -
-
- - -
-
+ From a26cfd13750bd8d869d921ed3ae4508e18211f79 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:11:42 +0000 Subject: [PATCH 11/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 9a53780..27ac341 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -39,24 +39,24 @@ left: 150px; } .button { - width: 100px; - height: 50px; + width: 10px; + height: 10px; border: 2px solid black; background-color: transparent; position: absolute; cursor: pointer; } .button1 { - top: 50px; - left: 50px; + top: 5px; + left: 5px; } .button2 { - top: 100px; - left: 100px; + top: 10px; + left: 10px; } .button3 { - top: 150px; - left: 150px; + top: 15px; + left: 15px; } From f6733925594725000d2341ef045e835b2f9bbaf9 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:13:40 +0000 Subject: [PATCH 12/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 27ac341..e8d0585 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -39,7 +39,7 @@ left: 150px; } .button { - width: 10px; + width: 20px; height: 10px; border: 2px solid black; background-color: transparent; From 231f71f5cc8e212986dde0d1e5a52d40d6424581 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:17:36 +0000 Subject: [PATCH 13/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 27 +++++++++++++++++++++------ 1 file changed, 21 insertions(+), 6 deletions(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index e8d0585..f369816 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -51,20 +51,35 @@ left: 5px; } .button2 { - top: 10px; - left: 10px; - } - .button3 { top: 15px; left: 15px; } + .button3 { + top: 25px; + left: 25px; + } - - + +

Circles

+
+
+
+
+

Buttons

+
+
+ + +
+
+ + +
+
From 3d8f6c195e56e9bf60fa262996617b480c3315a5 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:20:38 +0000 Subject: [PATCH 14/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index f369816..3a5a28e 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -66,7 +66,7 @@

Circles

-
+
From 488d26c5d8ca0713d44f9e8918cd206f6b440f19 Mon Sep 17 00:00:00 2001 From: faidootdoot Date: Thu, 20 Mar 2025 21:23:48 +0000 Subject: [PATCH 15/15] Update TargetSizeExp.html --- CodeSnippets/TargetSizeExp.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/CodeSnippets/TargetSizeExp.html b/CodeSnippets/TargetSizeExp.html index 3a5a28e..09a8c96 100644 --- a/CodeSnippets/TargetSizeExp.html +++ b/CodeSnippets/TargetSizeExp.html @@ -66,7 +66,7 @@

Circles

-
+