Merge pull request #8 from GovTechSG/revert-7-revert-6-change_to_purp…

…le_mobile Revert "Revert "Change_to_purple_mobile""
GovTechSG · Sep 9, 2024 · 0fd820a · 0fd820a
2 parents c7fecd3 + a6f458f
commit 0fd820a
Show file tree

Hide file tree

Showing 50 changed files with 59 additions and 41 deletions.
diff --git a/a11y-guide/mobile/google-pixel.html b/a11y-guide/mobile/google-pixel.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Google Pixel Mobile A11y Guide</title>
+  <title>Google Pixel Purple Mobile Guide</title>
 </head>
 
 <body>
@@ -13,19 +13,23 @@ <h3 id="vendor-label">Google Pixel</h3>
   <section class="guide-container">
     <section class="step-container">
       <p> Step 1: Go to Settings > Accessibility </p>
-      <img src="./images/pixel/ss-1.jpg" alt="Screenshot of where the Accessibility setting is" />
+      <img src="./images/pixel/ss-1.png" alt="Screenshot of where the Accessibility setting is" />
     </section>
     <section class="step-container">
-      <p> Step 2: Click on the A11y Scanner app under Downloaded apps </p>
-      <img src="./images/pixel/ss-2.jpg" alt="Screenshot to choose the A11y Scanner app" />
+      <p> Step 2: Click on the Purple Mobile app under Downloaded apps </p>
+      <img src="./images/pixel/ss-2.png" alt="Screenshot to choose the Purple Mobile app" />
     </section>
     <section class="step-container">
-      <p> Step 3: Enable the toggle beside “Use A11y Scanner” </p>
-      <img src="./images/pixel/ss-3.jpg" alt="Screenshot to enable Use A11y Scanner" />
+      <p> Step 3: Enable the toggle beside “Use Purple Mobile” </p>
+      <img src="./images/pixel/ss-3.png" alt="Screenshot to enable Use Purple Mobile" />
     </section>
     <section class="step-container">
       <p> Step 4: Click “Allow” in the security prompt </p>
-      <img src="./images/pixel/ss-4.jpg" alt="Screenshot of the security prompt" />
+      <img src="./images/pixel/ss-4.png" alt="Screenshot of the security prompt" />
+    </section>
+    <section class="step-container">
+      <p> Step 5: Purple Mobile security prompt is approved </p>
+      <img src="./images/pixel/ss-5.png" alt="Screenshot of the approved security prompt" />
     </section>
   </section>
 </body>

diff --git a/a11y-guide/mobile/images/oppo/O-1.jpg b/a11y-guide/mobile/images/oppo/O-1.jpg
diff --git a/a11y-guide/mobile/images/oppo/O-2.jpg b/a11y-guide/mobile/images/oppo/O-2.jpg
diff --git a/a11y-guide/mobile/images/oppo/O-3.jpg b/a11y-guide/mobile/images/oppo/O-3.jpg
diff --git a/a11y-guide/mobile/images/oppo/O-4.jpg b/a11y-guide/mobile/images/oppo/O-4.jpg
diff --git a/a11y-guide/mobile/images/oppo/O-5.jpg b/a11y-guide/mobile/images/oppo/O-5.jpg
diff --git a/a11y-guide/mobile/images/oppo/ss-1.png b/a11y-guide/mobile/images/oppo/ss-1.png
diff --git a/a11y-guide/mobile/images/oppo/ss-2.png b/a11y-guide/mobile/images/oppo/ss-2.png
diff --git a/a11y-guide/mobile/images/oppo/ss-3.png b/a11y-guide/mobile/images/oppo/ss-3.png
diff --git a/a11y-guide/mobile/images/oppo/ss-4.png b/a11y-guide/mobile/images/oppo/ss-4.png
diff --git a/a11y-guide/mobile/images/oppo/ss-5.png b/a11y-guide/mobile/images/oppo/ss-5.png
diff --git a/a11y-guide/mobile/images/oppo/ss-6.png b/a11y-guide/mobile/images/oppo/ss-6.png
diff --git a/a11y-guide/mobile/images/oppo/ss-7.png b/a11y-guide/mobile/images/oppo/ss-7.png
diff --git a/a11y-guide/mobile/images/pixel/ss-1.jpg b/a11y-guide/mobile/images/pixel/ss-1.jpg
diff --git a/a11y-guide/mobile/images/pixel/ss-1.png b/a11y-guide/mobile/images/pixel/ss-1.png
diff --git a/a11y-guide/mobile/images/pixel/ss-2.jpg b/a11y-guide/mobile/images/pixel/ss-2.jpg
diff --git a/a11y-guide/mobile/images/pixel/ss-2.png b/a11y-guide/mobile/images/pixel/ss-2.png
diff --git a/a11y-guide/mobile/images/pixel/ss-3.jpg b/a11y-guide/mobile/images/pixel/ss-3.jpg
diff --git a/a11y-guide/mobile/images/pixel/ss-3.png b/a11y-guide/mobile/images/pixel/ss-3.png
diff --git a/a11y-guide/mobile/images/pixel/ss-4.jpg b/a11y-guide/mobile/images/pixel/ss-4.jpg
diff --git a/a11y-guide/mobile/images/pixel/ss-4.png b/a11y-guide/mobile/images/pixel/ss-4.png
diff --git a/a11y-guide/mobile/images/pixel/ss-5.png b/a11y-guide/mobile/images/pixel/ss-5.png
diff --git a/a11y-guide/mobile/images/samsung/ss-1.jpg b/a11y-guide/mobile/images/samsung/ss-1.jpg
diff --git a/a11y-guide/mobile/images/samsung/ss-1.png b/a11y-guide/mobile/images/samsung/ss-1.png
diff --git a/a11y-guide/mobile/images/samsung/ss-2.jpg b/a11y-guide/mobile/images/samsung/ss-2.jpg
diff --git a/a11y-guide/mobile/images/samsung/ss-2.png b/a11y-guide/mobile/images/samsung/ss-2.png
diff --git a/a11y-guide/mobile/images/samsung/ss-3.jpg b/a11y-guide/mobile/images/samsung/ss-3.jpg
diff --git a/a11y-guide/mobile/images/samsung/ss-3.png b/a11y-guide/mobile/images/samsung/ss-3.png
diff --git a/a11y-guide/mobile/images/samsung/ss-4.jpg b/a11y-guide/mobile/images/samsung/ss-4.jpg
diff --git a/a11y-guide/mobile/images/samsung/ss-4.png b/a11y-guide/mobile/images/samsung/ss-4.png
diff --git a/a11y-guide/mobile/images/samsung/ss-5.jpg b/a11y-guide/mobile/images/samsung/ss-5.jpg
diff --git a/a11y-guide/mobile/images/samsung/ss-5.png b/a11y-guide/mobile/images/samsung/ss-5.png
diff --git a/a11y-guide/mobile/images/samsung/ss-6.png b/a11y-guide/mobile/images/samsung/ss-6.png
diff --git a/a11y-guide/mobile/images/xiaomi/1.png b/a11y-guide/mobile/images/xiaomi/1.png
diff --git a/a11y-guide/mobile/images/xiaomi/2.png b/a11y-guide/mobile/images/xiaomi/2.png
diff --git a/a11y-guide/mobile/images/xiaomi/3.png b/a11y-guide/mobile/images/xiaomi/3.png
diff --git a/a11y-guide/mobile/images/xiaomi/4.png b/a11y-guide/mobile/images/xiaomi/4.png
diff --git a/a11y-guide/mobile/images/xiaomi/5.png b/a11y-guide/mobile/images/xiaomi/5.png
diff --git a/a11y-guide/mobile/images/xiaomi/ss-1.jpg b/a11y-guide/mobile/images/xiaomi/ss-1.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-2.jpg b/a11y-guide/mobile/images/xiaomi/ss-2.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-3.jpg b/a11y-guide/mobile/images/xiaomi/ss-3.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-4.jpg b/a11y-guide/mobile/images/xiaomi/ss-4.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-5.jpg b/a11y-guide/mobile/images/xiaomi/ss-5.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-6.jpg b/a11y-guide/mobile/images/xiaomi/ss-6.jpg
diff --git a/a11y-guide/mobile/images/xiaomi/ss-7.jpg b/a11y-guide/mobile/images/xiaomi/ss-7.jpg
diff --git a/a11y-guide/mobile/index.html b/a11y-guide/mobile/index.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mobile A11y Guide (Testing)</title>
+  <title>Purple Mobile Guide (Testing)</title>
   <style>
     body {
       margin: 0px !important;
@@ -101,8 +101,8 @@
 
 <body>
   <div id="site-header">
-    <img src="./images/a11y-logo.svg" alt="A11y logo" />
-    <h2>Mobile A11y Permissions Guide</h2>
+    <img src="./images/a11y-logo.svg" alt="Purple logo" />
+    <h2>Purple Mobile Permissions Guide</h2>
   </div>
   <div id="content-body">
     <div id="vendor-selector-container">

diff --git a/a11y-guide/mobile/learn-more.html b/a11y-guide/mobile/learn-more.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Mobile A11y Guide - Android Accessibility Permissions</title>
+  <title>Purple Mobile Guide - Android Accessibility Permissions</title>
   <style>
     body {
       margin: 0px !important;
@@ -101,7 +101,7 @@
 
 <body>
   <div id="site-header">
-    <img src="./images/a11y-logo.svg" alt="A11y logo" />
+    <img src="./images/a11y-logo.svg" alt="Purple logo" />
     <h2>Learn more about Android Accessibility Permissions</h2>
   </div>
   <div id="content-body">

diff --git a/a11y-guide/mobile/oppo.html b/a11y-guide/mobile/oppo.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Oppo Mobile A11y Guide</title>
+  <title>Oppo Purple Mobile Guide</title>
 </head>
 
 <body>
@@ -13,23 +13,31 @@ <h3 id="vendor-label">Oppo Phone</h3>
   <section class="guide-container">
     <section class="step-container">
       <p> Step 1: Go to Settings > Scroll down to Additional Settings </p>
-      <img src="./images/oppo/O-1.jpg" alt="Screenshot of where the Additional Setting is" />
+      <img src="./images/oppo/ss-1.png" alt="Screenshot of where the Additional Setting is" />
     </section>
     <section class="step-container">
       <p> Step 2: Click on Accessibility </p>
-      <img src="./images/oppo/O-2.jpg" alt="Screenshot of where the Additional Setting is" />
+      <img src="./images/oppo/ss-2.png" alt="Screenshot of where the Additional Setting is" />
     </section>
     <section class="step-container">
-      <p> Step 3: Click on the Ally Scanner under More </p>
-      <img src="./images/oppo/O-3.jpg" alt="Screenshot to enter Ally Scanner Accessibility" />
+      <p> Step 3: Click on download apps under More </p>
+      <img src="./images/oppo/ss-3.png" alt="Screenshot to enter download apps Accessibility" />
     </section>
     <section class="step-container">
-       <p> Step 4: Enable the toggle beside of Ally Scanner </p>
-       <img src="./images/oppo/O-4.jpg" alt="Screenshot to Enable Ally Scanner Accessibility" />
+      <p> Step 4: Click on the Purple Mobile </p>
+      <img src="./images/oppo/ss-4.png" alt="Screenshot to enter Purple Mobile Accessibility" />
     </section>
     <section class="step-container">
-      <p> Step 5: Click “Allow” in the security prompt </p>
-      <img src="./images/oppo/O-5.jpg" alt="Screenshot of the security prompt" />
+       <p> Step 5: Enable the toggle beside of Purple Mobile </p>
+       <img src="./images/oppo/ss-5.png" alt="Screenshot to Enable Purple Mobile Accessibility" />
+    </section>
+    <section class="step-container">
+      <p> Step 6: Click “Allow” in the security prompt </p>
+      <img src="./images/oppo/ss-6.png" alt="Screenshot of the security prompt" />
+    </section>
+    <section class="step-container">
+      <p> Step 7: Purple Mobile security prompt is approved </p>
+      <img src="./images/oppo/ss-7.png" alt="Screenshot of Purple Mobile security prompt is approved" />
     </section>
   </section>
 </body>

diff --git a/a11y-guide/mobile/samsung.html b/a11y-guide/mobile/samsung.html
@@ -4,7 +4,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Samsung Mobile A11y Guide</title>
+  <title>Samsung Purple Mobile Guide</title>
 </head>
 
 <body>
@@ -13,20 +13,24 @@ <h3 id="vendor-label">Samsung</h3>
   <section class="guide-container">
     <section class="step-container">
       <p> Step 1: Go to Settings > Accessibility > Installed apps </p>
-      <img src="./images/samsung/ss-1.jpg" alt="Screenshot of where the Accessibility setting is" />
-      <img src="./images/samsung/ss-2.jpg" alt="Screenshot of where the Installed apps setting is" />
+      <img src="./images/samsung/ss-1.png" alt="Screenshot of where the Accessibility setting is" />
+      <img src="./images/samsung/ss-2.png" alt="Screenshot of where the Installed apps setting is" />
     </section>
     <section class="step-container">
-      <p> Step 2: Click on the A11y Scanner app </p>
-      <img src="./images/samsung/ss-3.jpg" alt="Screenshot to select the A11y Scanner app setting" />
+      <p> Step 2: Click on the Purple Mobile app </p>
+      <img src="./images/samsung/ss-3.png" alt="Screenshot to select the Purple Mobile app setting" />
     </section>
     <section class="step-container">
       <p> Step 3: Enable the toggle beside “Off” </p>
-      <img src="./images/samsung/ss-4.jpg" alt="Screenshot to enable permission toggle" />
+      <img src="./images/samsung/ss-4.png" alt="Screenshot to enable permission toggle" />
     </section>
     <section class="step-container">
       <p> Step 4: Click “Allow” in the security prompt </p>
-      <img src="./images/samsung/ss-5.jpg" alt="Screenshot of security prompt" />
+      <img src="./images/samsung/ss-5.png" alt="Screenshot of security prompt" />
+    </section>
+    <section class="step-container">
+      <p> Step 5: Purple Mobile security prompt is approved </p>
+      <img src="./images/samsung/ss-6.png" alt="Screenshot of Purple Mobile security prompt is approved" />
     </section>
   </section>
 </body>

diff --git a/a11y-guide/mobile/xiaomi.html b/a11y-guide/mobile/xiaomi.html
@@ -4,41 +4,43 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Xiaomi Mobile A11y Guide</title>
+  <title>Xiaomi Purple Mobile Guide</title>
 </head>
 
 <body>
   <h3 id="vendor-label">Xiaomi / Poco</h3>
   <hr />
   <section class="guide-container">
     <section class="step-container">
-      <p> Step 1: Go to app info </p>
+      <p> Step 1: Go to app info </p>> Accessibility > Vision
     </section>
     <section class="step-container">
-      <p> Step 2: Tap on the 3 dots </p>
+      <p> Step 2: Go to Settings > Additional settings </p>
+      <img src="./images/xiaomi/ss-1.jpg" alt="Screenshot of Additional setting" />
     </section>
     <section class="step-container">
-      <p> Step 3: Enable "Allow restricted settings" </p>
-      <img src="./images/xiaomi/1.png" alt="Screenshot of where the Allow restricted settings toggle is" />
+      <p> Step 3: Go to Accessibility </p>
+      <img src="./images/xiaomi/ss-2.jpg" alt="Screenshot of Accessibility" />
     </section>
     <section class="step-container">
-      <p> Step 4: You'll be asked for your passcode. </p>
+      <p> Step 4: Go to Downloaded apps </p>
+      <img src="./images/xiaomi/ss-3.jpg" alt="Screenshot of Downloaded apps" />
     </section>
     <section class="step-container">
-      <p> Step 5: Go to Settings > Additional settings > Accessibility > Vision </p>
+      <p> Step 5: Click on "Purple Mobile" </p>
+      <img src="./images/xiaomi/ss-4.jpg" alt="Screenshot of Purple Mobile button" />
     </section>
     <section class="step-container">
-      <p> Step 6: Turn on A11y Scanner </p>
-      <img src="./images/xiaomi/2.png" alt="Screenshot of how to turn on A11y Scanner" />
+      <p> Step 6: Turn on Purple Mobile </p>
+      <img src="./images/xiaomi/ss-5.jpg" alt="Screenshot of how to turn on Purple Mobile" />
     </section>
     <section class="step-container">
       <p> Step 7: Accept the security prompt </p>
-      <img src="./images/xiaomi/3.png" alt="Screenshot of where the what the security prompt is" />
+      <img src="./images/xiaomi/ss-6.jpg" alt="Screenshot of where the what the security prompt is" />
     </section>
     <section class="step-container">
-      <p> Step 8: Go to app info. Turn off Battery Saver </p>
-      <img src="./images/xiaomi/4.png" alt="Screenshot of where the battery saver is" />
-      <img src="./images/xiaomi/5.png" alt="Screenshot of how to turn off battery saver" />
+      <p> Step 8: Purple Mobile security prompt is approved </p>
+      <img src="./images/xiaomi/ss-7.jpg" alt="Screenshot of Purple Mobile security prompt is approved" />
     </section>
   </section>
 </body>