From 9c18073017b5cc2334bf1867c004bfc74ba5a92a Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Wed, 6 May 2020 15:21:54 +0200
Subject: update build

---
 StoneIsland/platforms/ios/www/index.html | 201 +++++++++++++++----------------
 1 file changed, 100 insertions(+), 101 deletions(-)

(limited to 'StoneIsland/platforms/ios/www/index.html')

diff --git a/StoneIsland/platforms/ios/www/index.html b/StoneIsland/platforms/ios/www/index.html
index 568161e5..17289033 100755
--- a/StoneIsland/platforms/ios/www/index.html
+++ b/StoneIsland/platforms/ios/www/index.html
@@ -36,7 +36,7 @@
   <div id="nav-row">
   <!-- flex -->
   
-  <span role="menu" class="menu">
+  <span role="region" class="menu">
     <div class="logo" aria-label="Stone Island"></div>
     <div class="close" role="button" aria-label="Close menu"></div>
     <div role="menu" aria-label="Main Menu" class="main_menu">
@@ -91,10 +91,10 @@
   </div>
 
   <span class="social" role="list" aria-label="Social Links">
-    <span role="menuitem" class="fb ion-social-facebook"></span>
-    <span role="menuitem" class="insta ion-social-instagram-outline"></span>
-    <span role="menuitem" class="tw ion-social-twitter"></span>
-    <span role="menuitem" class="yt ion-social-youtube"></span>
+    <span role="menuitem" aria-label="Follow us on Facebook" class="fb ion-social-facebook"></span>
+    <span role="menuitem" aria-label="Follow us on Instagram" class="insta ion-social-instagram-outline"></span>
+    <span role="menuitem" aria-label="Follow us on Twitter" class="tw ion-social-twitter"></span>
+    <span role="menuitem" aria-label="Follow us on Youtube" class="yt ion-social-youtube"></span>
   </span>
 </div>
 
@@ -102,25 +102,25 @@
 
   <div id="intro" role="menu" aria-label="Stone Island Home Screen">
     <div id="compass"></div>
-    <div role="menuitem" class="store">STORE</div>
-    <div role="menuitem" class="hub">HUB</div>
-    <div role="menuitem" class="story">STORY</div>
-    <div role="menuitem" class="archive">ARCHIVE</div>
+    <div role="menuitem" class="store"><span>STORE</span></div>
+    <div role="menuitem" class="hub"><span>HUB</span></div>
+    <div role="menuitem" class="story"><span>STORY</span></div>
+    <div role="menuitem" class="archive"><span>ARCHIVE</span></div>
     <div class="alert"></div>
     <span class="latlng" role="note" aria-label="Your Latitude and Longitude">+40&deg; 58' 90.9" N&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;74&deg; 04' 46.3" W</span>
   </div>
 
   <div id="header" role="menubar" aria-label="Menu bar">
-    <span role="link" aria-label="Show main menu" class="burger ion-android-menu"></span>
-    <span role="link" aria-label="Homepage. Stone Island logo" class="logo"></span>
-    <span role="link" aria-label="View cart" class="cart_rapper"><span class="cart"><span role="display" class="cart_count">0</span></span></span>
+    <div role="menuitem" aria-label="Show main menu" class="burger ion-android-menu"></div>
+    <div role="menuitem" aria-label="Homepage. Stone Island logo" class="logo"></div>
+    <div role="menuitem" aria-label="View cart" class="cart_rapper"><span class="cart"><span role="display" class="cart_count">0</span></span></div>
   </div>
 
   <!-- BLOGS ================================================ -->
 
   <div id="story" role="region" aria-label="Stone Island Story">
     <div class="scroll">
-      <h1 aria-label="Current section: Stone Island Story">STORY</h1>
+      <h1 role="menuitem" aria-label="Current section: Stone Island Story">STORY</h1>
       <img>
       <ul class="links"></ul>
       <div class="content">
@@ -135,7 +135,7 @@
 
   <div id="hub" role="region" aria-label="Stone Island Hub">
     <div class="scroll">
-      <h1 aria-label="Current section: Stone Island Hub">HUB</h1>
+      <h1 role="menuitem" aria-label="Current section: Stone Island Hub">HUB</h1>
       <div class="content">
         <script type="text/html" class="template">
           <div class="hub_item" data-id="{{id}}">
@@ -169,7 +169,7 @@
       <div class="content">
       
         <script type="text/html" class="template">
-          <div class="image" aria-label="{{label}}" style="background-image:url({{image}})"></div>
+          <div class="image" role="img" aria-label="{{label}}" style="background-image:url({{image}})"></div>
           <div class="text">
             <div>
               <h2>
@@ -194,21 +194,21 @@
       </div>
     </div>
     <div class="heading">
-      <h1 role="heading" aria-label="Current section: Stone Island Archive">ARCHIVE</h1>
+      <h1 role="menuitem" aria-label="Current section: Stone Island Archive">ARCHIVE</h1>
       <div role="heading" class="subtitle" aria-label="1982 to 2015">'982'015</div>
     </div>
   </div>
   
   <div id="privacy" role="region" aria-label="Privacy Policy" class="page">
     <div class="scroll">
-      <h1 aria-label="Current section: Privacy Policy">PRIVACY POLICY</h1>
+      <h1 role="menuitem" aria-label="Current section: Privacy Policy">PRIVACY POLICY</h1>
       <div class="content"></div>
     </div>
   </div>
 
   <div id="account_terms" role="region" aria-label="My Account Terms and Conditions of Use" class="page">
     <div class="scroll">
-      <h1 aria-label="Current section: My Account terms and conditions of use">MY ACCOUNT TERMS AND CONDITIONS OF USE</h1>
+      <h1 role="menuitem" aria-label="Current section: My Account terms and conditions of use">MY ACCOUNT TERMS AND CONDITIONS OF USE</h1>
       <div class="content">
         <h2>1. Services</h2>
         <p>
@@ -264,21 +264,21 @@
 
   <div id="terms" role="region" aria-label="Terms and Conditions" class="page">
     <div class="scroll">
-      <h1 aria-label="Current section: Terms and conditions">TERMS AND CONDITIONS</h1>
+      <h1 role="menuitem" aria-label="Current section: Terms and conditions">TERMS AND CONDITIONS</h1>
       <div class="content"></div>
     </div>
   </div>
 
   <div id="returns" role="region" aria-label="Return Policy" class="page">
     <div class="scroll">
-      <h1 aria-label="Current section: Return policy">RETURN POLICY</h1>
+      <h1 role="menuitem" aria-label="Current section: Return policy">RETURN POLICY</h1>
       <div class="content"></div>
     </div>
   </div>
 
   <div id="care" role="region" aria-label="Customer Care" class="page">
     <div class="scroll">
-      <h1 aria-label="Current section: Customer care">CUSTOMER CARE</h1>
+      <h1 role="menuitem" aria-label="Current section: Customer care">CUSTOMER CARE</h1>
       <div class="content"></div>
     </div>
   </div>
@@ -288,7 +288,7 @@
 
   <div id="collection" role="region" aria-label="Store">
     <div class="scroll">
-      <h1 aria-label="Current section: Store">LOADING...</h1>
+      <h1 role="menuitem" aria-label="Current section: Store">LOADING...</h1>
       <div class="loader"></div>
       <div class="content">
         <script type="text/html" class="template">
@@ -302,9 +302,9 @@
 
   <div id="search" role="search" aria-label="Search">
     <div class="scroll">
-      <h1 aria-label="Current section: Search">SEARCH</h1>
+      <h1 role="menuitem" aria-label="Current section: Search">SEARCH</h1>
       <div class="form">
-        <input type="text" class="q" placeholder="ENTER YOUR SEARCH">
+        <input type="text" role="textbox" class="q" placeholder="ENTER YOUR SEARCH">
       </div>
     </div>
   </div>
@@ -377,17 +377,17 @@
 
   <div id="login" role="region" aria-label="Log In">
     <div class="scroll">
-      <h1 aria-label="Current section: Log In">LOGIN</h1>
+      <h1 role="menuitem" aria-label="Current section: Log In">LOGIN</h1>
       <div class="form">
         <div class="container">
           <div class="container-row">
             <span class='err_heading'>There was a problem submitting the form. Please correct the form below and try again.</span>
             <label for="login_email_address">Email Address</label>
-            <input type="email" id="login_email_address" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="1">
+            <input type="email" role="textbox" id="login_email_address" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="1">
             <span class='err'></span>
 
             <label for="login_password">Password</label>
-            <form><input type="password" id="login_password" name="Password" aria-placeholder="PASSWORD" required tabindex="2"></form>
+            <form><input type="password" role="textbox" id="login_password" name="Password" aria-placeholder="PASSWORD" required tabindex="2"></form>
             <span class='err'></span>
           </div>
           <div class="container-fill">
@@ -407,7 +407,7 @@
 
   <div id="logout" role="region" aria-label="You are now logged out">
     <div class="scroll">
-      <h1 aria-label="Current section: You are now Logged Out">LOGOUT</h1>
+      <h1 role="menuitem" aria-label="Current section: You are now Logged Out">LOGOUT</h1>
       <div class="container">
         <div class="container-fill">
         <span class="container-message msg">
@@ -420,31 +420,31 @@
 
   <div id="signup" role="region" aria-label="New User. Create an account">
     <div class="scroll">
-      <h1 aria-label="Current section: New User. Create an account">NEW USER</h1>
+      <h1 role="menuitem" aria-label="Current section: New User. Create an account">NEW USER</h1>
       <div class="form">
         <div class="container">
           <div class="container-row">
           <span class='err_heading'>There was a problem submitting the form. Please correct the form below and try again.</span>
           <label for="signup_name">First Name</label>
-          <input type="text" id="signup_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
+          <input type="text" role="textbox" id="signup_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
           <span class='err'></span>
 
           <label for="signup_surname">Last Name</label>
-          <input type="text" id="signup_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
+          <input type="text" role="textbox" id="signup_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
           <span class='err'></span>
 
           <label for="signup_email">Email Address</label>
-          <input type="email" id="signup_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
+          <input type="email" role="textbox" id="signup_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
           <span class='err'></span>
 
           <label for="signup_confirmemail">Confirm Email Address</label>
-          <input type="email" id="signup_confirmemail" name="ConfirmEmail" aria-placeholder="CONFIRM EMAIL ADDRESS" required tabindex="4">
+          <input type="email" role="textbox" id="signup_confirmemail" name="ConfirmEmail" aria-placeholder="CONFIRM EMAIL ADDRESS" required tabindex="4">
           <span class='err'></span>
 
-          <label for="signup_birthday">Birthday (MM/DD/YYYY)</label>
+          <label for="signup_birthday">Birthday optional (MM/DD/YYYY)</label>
           <div class="select-wrapper date-wrapper">
             <span></span>
-            <input type="date" id="signup_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="5">
+            <input type="date" id="signup_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY OPTIONAL (MM/DD/YYYY)" required tabindex="5">
           </div>
           <span class='err'></span>
 
@@ -481,7 +481,7 @@
               <div class="checkbox-row">
                 <div class="checkbox-toggle">
                    <input type="checkbox" id="checkbox-shopping-account-terms" aria-labelledby="checkbox-gdpr-terms-label"  name="GdprTerms" value="true" required tabindex="10">
-                   <label for="checkbox-shopping-data-profiling"></label>
+                   <label for="checkbox-shopping-account-terms"></label>
                 </div>
                 <label class="checkbox-caption" for="checkbox-shopping-account-terms" id="checkbox-gdpr-terms-label">
                   I ACCEPT MY ACCOUNT TERMS AND CONDITIONS OF USE *
@@ -504,27 +504,27 @@
   
   <div id="profile" role="region" aria-label="My Profile">
     <div class="scroll">
-      <h1 aria-label="Current section: My Profile">MY PROFILE</h1>
+      <h1 role="menuitem" aria-label="Current section: My Profile">MY PROFILE</h1>
       <div class="form">
         <div class="container">
           <div class="container-row">
             <span class='err_heading'>There was a problem submitting the form. Please correct the form below and try again.</span>
             <label for="profile_name">First Name</label>
-            <input type="text" id="profile_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
+            <input type="text" role="textbox" id="profile_name" name="Name" aria-placeholder="FIRST NAME" required tabindex="1">
             <span class='err'></span>
 
             <label for="profile_surname">Last Name</label>
-            <input type="text" id="profile_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
+            <input type="text" role="textbox" id="profile_surname" name="Surname" aria-placeholder="LAST NAME" required tabindex="2">
             <span class='err'></span>
 
             <label for="profile_email">Email Address</label>
-            <input type="email" id="profile_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
+            <input type="email" role="textbox" id="profile_email" name="Email" aria-placeholder="EMAIL ADDRESS" required tabindex="3">
             <span class='err'></span>
 
-            <label for="profile_birthday">Birthday (MM/DD/YYYY)</label>
+            <label for="profile_birthday">Birthday optional (MM/DD/YYYY)</label>
             <div class="select-wrapper date-wrapper">
               <span></span>
-              <input type="date" id="profile_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY (MM/DD/YYYY)" required tabindex="5">
+              <input type="date" id="profile_birthday" name="BirthDay" aria-label="Birthday" min="1900-01-01" aria-placeholder="BIRTHDAY OPTIONAL (MM/DD/YYYY)" required tabindex="5">
             </div>
             <span class='err'></span>
 
@@ -578,7 +578,7 @@
   
   <div id="shipping" role="region" aria-label="Address Book">
     <div class="scroll">
-      <h1 aria-label="Current section: Your address book">ADDRESS BOOK</h1>
+      <h1 role="menuitem" aria-label="Current section: Your address book">ADDRESS BOOK</h1>
       <div class="form">
         <div class="container">
           <div class="container-row">
@@ -587,7 +587,7 @@
           </div>
           <div class="container-fill">
             <div class="container-message">
-              <span class="msg">
+              <span role="heading" class="msg">
                 * Your personal and payment<br>
                 information will always remain private
               </span>
@@ -603,7 +603,7 @@
   
   <div id="payment" role="region" aria-label="My Card">
     <div class="scroll">
-      <h1 aria-label="Current section: My Card">MY CARD</h1>
+      <h1 role="menuitem" aria-label="Current section: My Card">MY CARD</h1>
       <div class="form">
         <div class="container">
           <div class="container-row">
@@ -613,7 +613,7 @@
           </div>
           <div class="container-fill">
             <div class="container-message">
-              <span class="msg">
+              <span role="heading" class="msg">
                 * Your personal and payment<br>
                 information will always remain private           
               </span>
@@ -629,7 +629,7 @@
 
   <div id="settings" role="region" aria-label="Notifications">
     <div class="scroll">
-      <h1 aria-label="Current section: Notifications">NOTIFICATIONS</h1>
+      <h1 role="menuitem" aria-label="Current section: Notifications">NOTIFICATIONS</h1>
       <div class="form">
         <div class="toggle-container">
           <div class="toggle-row">
@@ -659,7 +659,7 @@
   
   <div id="orders" role="region" aria-label="My Orders">
     <div class="scroll">
-      <h1 aria-label="Current section: My orders">MY ORDERS</h1>
+      <h1 role="menuitem" aria-label="Current section: My orders">MY ORDERS</h1>
       <div id="order_list">
         <div class="list"></div>
         <div class="empty">You have no orders.</div>
@@ -670,7 +670,6 @@
                 Details &gt;
               </div>
               <div class="txt">
-                
                 <span class="text-date">{{date}}</span>
                 <span class="text-id">ORDER #: {{id}}</span>
                 <span class="text-total">ORDER TOTAL: {{total}}</span>
@@ -738,7 +737,7 @@
   <!-- CART ================================================ -->
 
   <div id="cart" role="region" aria-label="Your Cart">
-    <h1 role="presentation">
+    <h1 role="menuitem" role="presentation">
       <span class="full_msg" role="heading" aria-label="Current section: Your cart">
         YOUR CART / <span class="itemcount"></span>
       </span>
@@ -748,9 +747,9 @@
     </h1>
 
     <div class="steps">
-      <span class="summary_step">SUMMARY</span>
-      <span class="shipping_step">SHIPPING</span>
-      <span class="payment_step">PAYMENT</span>
+      <div role="menuitem" class="summary_step"><span>SUMMARY</span></div>
+      <div role="menuitem" class="shipping_step"><span>SHIPPING</span></div>
+      <div role="menuitem" class="payment_step"><span>PAYMENT</span></div>
     </div>
     
     <div id="cart_summary" role="region" aria-label="Cart Summary">
@@ -761,38 +760,38 @@
           <div class="rows">
             <script type="text/html" class="template">
               <div class="cart_item_image">
-                <a href="#/store/{{code8}}" aria-label="{{cleantitle}}"><img src="{{image}}"></a>
+                <a href="#/store/{{code8}}" role="link" aria-label="{{cleantitle}}"><img src="{{image}}"></a>
               </div>
               <div class="cart_item_info">
-                <span class="sku" aria-label="SKU">{{sku}}</span>
-                <span class="title" aria-label="Product name: {{cleantitle}}">{{title}}</span>
-                <span class="type" aria-label="Product type">{{type}}</span>
-                <div class="meta">
-                  <div class="meta-size" aria-label="Size"><b>SIZE:</b> {{size}}</div>
-                  <div class="meta-color" aria-label="Color"><b>COLOR:</b> {{color}}</div>
-                  <div class="meta-quantity" aria-label="Quantity"><b>QUANTITY:</b> {{quantity}}</div>
+                <span class="sku">{{sku}}</span>
+                <span class="title">{{title}}</span>
+                <span class="type">{{type}}</span>
+                <div role="list" class="meta">
+                  <div class="meta-size" role="listitem" aria-label="Size: {{size}}"><b>SIZE:</b> {{size}}</div>
+                  <div class="meta-color" role="listitem" aria-label="Color: {{color}}"><b>COLOR:</b> {{color}}</div>
+                  <div class="meta-quantity" role="listitem" aria-label="Quantity: {{quantity}]"><b>QUANTITY:</b> {{quantity}}</div>
                 </div>
               </div>
               <div class="cart_item_price">
-                <span class="remove" aria-label="Remove item from your cart. Item to be removed: {{cleantitle}}"></span>
+                <span role="menuitem" class="remove" aria-label="Remove item from your cart. Item to be removed: {{cleantitle}}"></span>
                 <span class="price">{{price}}</span>
               </div>
             </script>
           </div>
-          <div class="cart-summary">
-          <div class="cart-summary-row">
+          <div class="cart-summary" role="list">
+          <div class="cart-summary-row subtotal_row" role="listitem">
             <span class="label">SUB TOTAL</span>
             <span class="subtotal"></span>
           </div>
-          <div class="cart-summary-row">
+          <div class="cart-summary-row" role="listitem" aria-label="Estimated shipping and handling $0">
             <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
             <span class="shipping"></span>
           </div>
-          <div class="cart-summary-row">
+          <div class="cart-summary-row" role="listitem" aria-label="Tax $0">
             <span class="label">TAX</span>
             <span class="tax"></span>
           </div>
-          <div class="cart-summary-row">
+          <div class="cart-summary-row total_row" role="listitem">
             <span class="label">TOTAL</span>
             <span class="total"></span>
           </div>
@@ -813,7 +812,7 @@
         <div class="form">
           <div class="dropdown-wrapper">
             <div class="dropdown-title add_edit">add / edit</div>
-            <div class="dropdown select_address">
+            <div role="menuitem" class="dropdown select_address">
               ADDRESS
             </div>
           </div>
@@ -861,7 +860,7 @@
           <div class="container-row">
             <div class="container-fill">
               <div class="container-message">
-                <span class="msg">
+                <span role="heading" class="msg">
                   * Your personal and payment<br>
                   information will always remain private           
                 </span>
@@ -902,7 +901,7 @@
 
                 <div class="address_dropdown dropdown-wrapper">
                   <div class="dropdown-title add_edit"> </div>
-                  <div class="dropdown select_address">
+                  <div role="menuitem" class="dropdown select_address">
                     BILLING ADDRESS
                   </div>
                 </div>
@@ -927,7 +926,7 @@
 
               <div class="cc_dropdown dropdown-wrapper">
                 <div class="dropdown-title add_edit"></div>
-                <div class="dropdown select_address">
+                <div role="menuitem" class="dropdown select_address">
                   PAYMENT METHOD
                 </div>
               </div>
@@ -950,19 +949,19 @@
               <div class="cc"></div>
 
               <div class="cc_confirm">
-                <h3>PLEASE ENTER YOUR SECURITY CODE TO CONFIRM</h3>
+                <h3>PLEASE ENTER THE SECURITY CODE ON THE BACK OF YOUR CARD TO CONFIRM</h3>
                 <input type="number" name="CvvConfirm" placeholder="SECURITY CODE" required>
               </div>
             </div>
 
             <div class="container-fill">
               <div class="container-message">
-                <span class="msg">
+                <span role="heading" class="msg">
                   * Your personal and payment<br>
                   information will always remain private           
                 </span>
               </div>
-              <a class='privacy-link'> href="#/page/privacy">
+              <a class='privacy-link' role="link" href="#/page/privacy">
                 <div class="privacy-msg">
                   Consult our <u>PRIVACY POLICY</u> for further information.
                 </div>
@@ -975,21 +974,21 @@
     
     <div id="cart_confirm" role="region" aria-label="Confirm your order">
       <div class="scroll">
-        <h1 aria-label="Current section: Confirm your cart">CONFIRM</h1>
+        <h1 role="menuitem" aria-label="Current section: Confirm your cart">CONFIRM</h1>
         
         <div class="order_section">
           <h2>ORDER SUMMARY</h2>
 
           <div class="rows">
             <script type="text/html" class="template">
-              <div class="cart_item_info">
+              <div class="cart_item_info" row="table">
                 <span class="sku">{{sku}}</span>
                 <span class="title">{{title}}</span>
                 <span class="type">{{type}}</span>
                 <div class="meta">
-                  <div class="meta-size"><b>SIZE:</b> {{size}}</div>
-                  <div class="meta-color"><b>COLOR:</b> {{color}}</div>
-                  <div class="meta-quantity"><b>QUANTITY:</b> {{quantity}}</div>
+                  <div class="meta-size" role="row" aria-label="Size: {{size}}"><b>SIZE:</b> {{size}}</div>
+                  <div class="meta-color" role="row" aria-label="Color: {{color}}"><b>COLOR:</b> {{color}}</div>
+                  <div class="meta-quantity" role="row" aria-label="Quantity: {{quantity}]"><b>QUANTITY:</b> {{quantity}}</div>
                 </div>
               </div>
               <div class="cart_item_price">
@@ -997,20 +996,20 @@
               </div>
             </script>
           </div>
-          <div class="cart-summary">
-            <div class="cart-summary-row">
+          <div class="cart-summary" row="table">
+            <div class="cart-summary-row subtotal_row" role="row">
               <span class="label">SUB TOTAL</span>
               <span class="subtotal"></span>
             </div>
-            <div class="cart-summary-row">
+            <div class="cart-summary-row" role="row" aria-label="Estimated shipping and handling $0">
               <span class="label">ESTIMATED SHIPPING<br>& HANDLING</span>
               <span class="shipping"></span>
             </div>
-            <div class="cart-summary-row">
+            <div class="cart-summary-row" role="row" aria-label="Tax $0">
               <span class="label">TAX</span>
               <span class="tax"></span>
             </div>
-            <div class="cart-summary-row">
+            <div class="cart-summary-row total_row" role="row">
               <span class="label">TOTAL</span>
               <span class="total"></span>
             </div>
@@ -1084,15 +1083,15 @@
     </div>
     <br><br>
     For more information, please consult our
-    <a href="#/page/privacy">Privacy Policy</a> or visit
-    <a href="#" id="care-link">Customer Care</a>.
+    <a role="link" href="#/page/privacy">Privacy Policy</a> or visit
+    <a role="link" href="#" id="care-link">Customer Care</a>.
     <br><br>
     To continue to My Account we invite you to click accept. Otherwise you can continue to navigate as an unregistered user.
     <br><br>
     <div id="consent_error">Please note that if you do not consent to terms, you cannot use the app.</div>
     <br><br>
-    <button id="consent_proceed">PROCEED</button>
-    <button id="consent_logout">LOG OUT</button>
+    <button role="menuitem" id="consent_proceed">PROCEED</button>
+    <button role="menuitem" id="consent_logout">LOG OUT</button>
   </div>
 
   <div id="selector">
@@ -1109,7 +1108,7 @@
 
 <script type="text/html" id="creditcard_template">
   <label for="creditcard_id_{{_id}}">Credit Card Number</label>
-  <input type="number" id="creditcard_id_{{_id}}" name="Number" aria-placeholder="CREDIT CARD NUMBER" required>
+  <input type="number" role="textbox" id="creditcard_id_{{_id}}" name="Number" aria-placeholder="CREDIT CARD NUMBER" required tabindex="1">
   <span class='err'></span>
 
   <div class="half-input">
@@ -1120,7 +1119,7 @@
   <div class="half-input">
     <div class="select-wrapper">
       <span></span>
-      <select name="ExpirationMonth" id="cc_expiration_month_{{_id}}">
+      <select name="ExpirationMonth" id="cc_expiration_month_{{_id}}" tabindex="2">
         <option value="NONE">EXPIRATION MONTH</option>
         <option value="01">01</option>
         <option value="02">02</option>
@@ -1138,7 +1137,7 @@
     </div>
     <div class="select-wrapper">
       <span></span>
-      <select name="ExpirationYear" id="cc_expiration_year_{{_id}}">
+      <select name="ExpirationYear" id="cc_expiration_year_{{_id}}" tabindex="3">
         <option value="NONE">EXPIRATION YEAR</option>
         <option value="2019">2019</option>
         <option value="2020">2020</option>
@@ -1156,25 +1155,25 @@
     </div>
   </div>
   <label for="cc_cvv_{{_id}}">Security Code</label>
-  <input type="number" id="cc_cvv_{{_id}}" name="Cvv" aria-placeholder="SECURITY CODE" required>
+  <input type="number" id="cc_cvv_{{_id}}" name="Cvv" aria-placeholder="SECURITY CODE" required tabindex="4">
   <span class='err'></span>
 </script>
 
 <script type="text/html" id="address_template">
   <label for="address_name_{{_id}}">First Name</label>
-  <input type="text" id="address_name_{{_id}}" name="Name" aria-placeholder="First Name">
+  <input type="text" role="textbox" id="address_name_{{_id}}" name="Name" aria-placeholder="First Name" tabindex="1">
   <span class="err"></span>
 
   <label for="address_surname_{{_id}}">Last Name</label>
-  <input type="text" id="address_surname_{{_id}}" name="Surname" aria-placeholder="Last Name">
+  <input type="text" role="textbox" id="address_surname_{{_id}}" name="Surname" aria-placeholder="Last Name" tabindex="2">
   <span class="err"></span>
 
   <label for="address_address1_{{_id}}">Address line 1</label>
-  <input type="text" id="address_address1_{{_id}}" name="Address1" aria-placeholder="Address Line 1">
+  <input type="text" role="textbox" id="address_address1_{{_id}}" name="Address1" aria-placeholder="Address Line 1" tabindex="3">
   <span class="err"></span>
 
   <label for="address_address2_{{_id}}">Address line 2</label>
-  <input type="text" id="address_address2_{{_id}}" name="Address2" aria-placeholder="Address Line 2">
+  <input type="text" role="textbox" id="address_address2_{{_id}}" name="Address2" aria-placeholder="Address Line 2" tabindex="4">
   <span class="err"></span>
 
   <div class="half-input">
@@ -1183,10 +1182,10 @@
   </div>
 
   <div class="half-input">
-    <input type="text" id="address_city_{{_id}}" name="City" aria-placeholder="City">
+    <input type="text" role="textbox" id="address_city_{{_id}}" name="City" aria-placeholder="City" tabindex="5">
     <div class="select-wrapper">
       <span></span>
-      <select id="address_state_{{_id}}" name="Province">
+      <select id="address_state_{{_id}}" name="Province" tabindex="6">
         {{PROVINCES}}
       </select>
     </div>
@@ -1198,19 +1197,19 @@
   </div>
 
   <div class="half-input">
-    <input type="text" id="address_zip_{{_id}}" name="ZipCode" aria-placeholder="ZIP" required>
+    <input type="text" role="textbox" id="address_zip_{{_id}}" name="ZipCode" aria-placeholder="ZIP" required tabindex="7">
     <div class="country-wrapper-static">
       <span class="country-label">UNITED STATES</span>
 <!-- 
       <div id="country-select">
-        <input type="text" name="Country" placeholder="UNITED STATES" required>
+        <input type="text" role="textbox" name="Country" placeholder="UNITED STATES" required>
       </div>
  -->
     </div>
   </div>
 
   <label for="address_phone_{{_id}}">Phone Number</label>
-  <input type="number" id="address_phone_{{_id}}" name="Phone" aria-placeholder="PHONE NUMBER">
+  <input type="number" id="address_phone_{{_id}}" name="Phone" aria-placeholder="PHONE NUMBER" tabindex="8">
   <span class="err"></span>
 <!--
   <div class="checkbox-container save_as_default">
-- 
cgit v1.2.3-70-g09d2