diff options
Diffstat (limited to 'StoneIsland/platforms/ios/www/index.html')
| -rwxr-xr-x | StoneIsland/platforms/ios/www/index.html | 201 |
1 files changed, 100 insertions, 101 deletions
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° 58' 90.9" N 74° 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 > </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"> |