Difference between revisions of "Exercise/page two"
Jump to navigation
Jump to search
Sample SSB BART Group Homepage - with Section 508 & WCAG
Violations
(Created page with "Placeholder for interview exercise") |
|||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | + | <HTML lang=en> | |
+ | <HEAD> | ||
+ | <TITLE>Sample SSB BART Group Homepage - with Section 508 & WCAG | ||
+ | Violations</TITLE> | ||
+ | </HEAD> | ||
+ | <BODY bgColor=#ffffff> | ||
+ | |||
+ | <TABLE cellSpacing=0 cellPadding=0 width=792 border=0> | ||
+ | <TBODY> | ||
+ | <FORM name=search action=/cgi-bin/htsearch method=post><INPUT | ||
+ | type=hidden value=and name=method> <INPUT type=hidden | ||
+ | value=builtin-long name=format> <INPUT type=hidden value=score | ||
+ | name=sort> <INPUT type=hidden value=htdig name=config> <INPUT | ||
+ | type=hidden name=restrict> <INPUT type=hidden name=exclude> | ||
+ | <TR> | ||
+ | <TD width=187 bgColor=#ffffff rowSpan=2><IMG | ||
+ | src="https://amp.ssbbartgroup.com/images/ssb_bart_logo01.gif" border=0></TD> | ||
+ | <TD width=1 bgColor=#ffffff></TD> | ||
+ | <TD bgColor=#ffffff colSpan=2> | ||
+ | <TABLE cellSpacing=1 cellPadding=0 align=right border=0> | ||
+ | <TBODY> | ||
+ | <TR vAlign=center> | ||
+ | <TD><A href="https://www.ssbbartgroup.com/services.php">Products | ||
+ | & Services</A> | </TD> | ||
+ | <TD><A href="https://www.ssbbartgroup.com/contact.php">Contact SSB | ||
+ | BART Group</A> </TD> | ||
+ | <TD><INPUT size=15 name=words></TD> | ||
+ | <TD width=64><INPUT type=submit value=Search border=0 name=submit></TD> | ||
+ | </TR> | ||
+ | </TBODY> | ||
+ | </TABLE> | ||
+ | </TD> | ||
+ | </TR> | ||
+ | </FORM> | ||
+ | <TR> | ||
+ | <TD><IMG height=20 alt="" | ||
+ | src="https://www.ssbbartgroup.com/images/shim.gif"></TD> | ||
+ | </TR> | ||
+ | <TR vAlign=top> | ||
+ | <TD width=187><!-- Navbar goes here --> | ||
+ | <TABLE> | ||
+ | <TBODY> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=h | ||
+ | href="https://www.ssbbartgroup.com/index.php">Home</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=b | ||
+ | href="https://www.ssbbartgroup.com/about.php">About SSB BART | ||
+ | Group</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=s | ||
+ | href="https://www.ssbbartgroup.com/section508.php">Section 508</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=t | ||
+ | href="https://www.ssbbartgroup.com/solutions.php">Solutions</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=p | ||
+ | href="https://www.ssbbartgroup.com/services.php">Products & | ||
+ | Services</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=a | ||
+ | href="https://www.ssbbartgroup.com/accessibility.php">Accessibility</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=r | ||
+ | href="https://www.ssbbartgroup.com/partners.php">Partners</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=m | ||
+ | href="https://www.ssbbartgroup.com/customers.php">Customers</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=n | ||
+ | href="https://www.ssbbartgroup.com/press_room.php">Press Room</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=j | ||
+ | href="https://www.ssbbartgroup.com/jobs.php">Jobs at SSB BART | ||
+ | Group</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A accessKey=c | ||
+ | href="https://www.ssbbartgroup.com/contact.php">Contact SSB BART | ||
+ | Group</A></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A name=content></A> | ||
+ | <HR> | ||
+ | </TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD width=140 colSpan=3><A | ||
+ | title="Register for an evaluation copy of InSight & InFocus" | ||
+ | href="https://www.ssbbartgroup.com/evaluation.php">Free Download</A></TD> | ||
+ | </TR> | ||
+ | </TBODY> | ||
+ | </TABLE> | ||
+ | </TD> | ||
+ | <TD width=1><IMG src="https://www.ssbbartgroup.com/images/shim.gif" | ||
+ | width=1></TD> | ||
+ | <TD width=567> | ||
+ | <form method="post" action="page_two.php" id='page_form'> | ||
+ | <table cellpadding=10> | ||
+ | |||
+ | <input type="hidden" name="seat_id" value="46"> | ||
+ | <tr> | ||
+ | <td>* First Name</td> | ||
+ | <td><input type="text" id="firstname" name="firstname" size="60" | ||
+ | maxlength="255" value="Tim"></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Last Name</td> | ||
+ | <td><input type="text" id="lastname" name="lastname" size="60" maxlength="255" value="Springer"></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td><label for="email_01">* E-mail</label></td> | ||
+ | <td><input type="text" id="email" name="email" size="60" | ||
+ | maxlength="255" value="tim.springer@ssbbartgroup.com"></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td><label for="phone-01">Phone</td> | ||
+ | <td><input type="text" id="phone" name="phone" size="60" | ||
+ | maxlength="255" value="415 624 2705" title="Required"></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td><label for="a2134_ghjnc">Color Scheme</label></td> | ||
+ | |||
+ | <td><select name="a2134_ghjnc" id="property_values"> | ||
+ | <option selected>Default</option> | ||
+ | <option>High Contrast</option> | ||
+ | <option>Blue Steel</option> | ||
+ | <option>Magnum</option> | ||
+ | <option>Le Tigre</option> | ||
+ | <option>Ferrari</option> | ||
+ | <option>Storm</option> | ||
+ | <option>Slate</option> | ||
+ | </select></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>User Language </td> | ||
+ | |||
+ | <td><select name="user_lang"> | ||
+ | <option selected>en</option> | ||
+ | <option>ko</option> | ||
+ | </select></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Expiration Date</td> | ||
+ | <td>Month<select id='e_month' | ||
+ | name='e_month'> | ||
+ | <option value='1'>January</option> | ||
+ | <option value='2'>Febuary</option> | ||
+ | <option value='3'>March</option> | ||
+ | <option value='4'>April</option> | ||
+ | <option value='5'>May</option> | ||
+ | <option value='6'>June</option> | ||
+ | <option value='7'>July</option> | ||
+ | <option value='8'>August</option> | ||
+ | <option value='9' selected>September</option> | ||
+ | <option value='10'>October</option> | ||
+ | <option value='11'>November</option> | ||
+ | <option value='12'>December</option> | ||
+ | </select>Day <select name='e_day' | ||
+ | id='e_day'> | ||
+ | <option>1</option> | ||
+ | <option>2</option> | ||
+ | <option>3</option> | ||
+ | <option>4</option> | ||
+ | <option>5</option> | ||
+ | <option>6</option> | ||
+ | <option>7</option> | ||
+ | <option>8</option> | ||
+ | <option>9</option> | ||
+ | <option>10</option> | ||
+ | <option>11</option> | ||
+ | <option>12</option> | ||
+ | <option>13</option> | ||
+ | <option>14</option> | ||
+ | <option>15</option> | ||
+ | <option>16</option> | ||
+ | <option>17</option> | ||
+ | <option selected>18</option> | ||
+ | <option>19</option> | ||
+ | <option>20</option> | ||
+ | <option>21</option> | ||
+ | <option>22</option> | ||
+ | <option>23</option> | ||
+ | <option>24</option> | ||
+ | <option>25</option> | ||
+ | <option>26</option> | ||
+ | <option>27</option> | ||
+ | <option>28</option> | ||
+ | <option>29</option> | ||
+ | <option>30</option> | ||
+ | <option>31</option> | ||
+ | </select> <label for='e_year'>Year</label> <select name='e_year' | ||
+ | id='e_year'> | ||
+ | <option>2009</option> | ||
+ | <option selected>2010</option> | ||
+ | <option>2011</option> | ||
+ | <option>2012</option> | ||
+ | <option>2013</option> | ||
+ | <option>2014</option> | ||
+ | <option>2015</option> | ||
+ | <option>2016</option> | ||
+ | <option>2017</option> | ||
+ | <option>2018</option> | ||
+ | <option>2019</option> | ||
+ | <option>2020</option> | ||
+ | <option>2021</option> | ||
+ | <option>2022</option> | ||
+ | <option>2023</option> | ||
+ | <option>2024</option> | ||
+ | <option>2025</option> | ||
+ | <option>2026</option> | ||
+ | <option>2027</option> | ||
+ | <option>2028</option> | ||
+ | <option>2029</option> | ||
+ | <option>2030</option> | ||
+ | <option>2031</option> | ||
+ | <option>2032</option> | ||
+ | <option>2033</option> | ||
+ | <option>2034</option> | ||
+ | <option>2035</option> | ||
+ | <option>2036</option> | ||
+ | <option>2037</option> | ||
+ | <option>2038</option> | ||
+ | <option>2039</option> | ||
+ | <option>2040</option> | ||
+ | <option>2041</option> | ||
+ | <option>2042</option> | ||
+ | <option>2043</option> | ||
+ | <option>2044</option> | ||
+ | <option>2045</option> | ||
+ | <option>2046</option> | ||
+ | <option>2047</option> | ||
+ | <option>2048</option> | ||
+ | <option>2049</option> | ||
+ | <option>2050</option> | ||
+ | <option>2051</option> | ||
+ | <option>2052</option> | ||
+ | <option>2053</option> | ||
+ | <option>2054</option> | ||
+ | <option>2055</option> | ||
+ | <option>2056</option> | ||
+ | <option>2057</option> | ||
+ | <option>2058</option> | ||
+ | <option>2059</option> | ||
+ | <option>2060</option> | ||
+ | <option>2061</option> | ||
+ | <option>2062</option> | ||
+ | <option>2063</option> | ||
+ | <option>2064</option> | ||
+ | <option>2065</option> | ||
+ | <option>2066</option> | ||
+ | <option>2067</option> | ||
+ | <option>2068</option> | ||
+ | <option>2069</option> | ||
+ | <option>2070</option> | ||
+ | <option>2071</option> | ||
+ | <option>2072</option> | ||
+ | <option>2073</option> | ||
+ | <option>2074</option> | ||
+ | <option>2075</option> | ||
+ | <option>2076</option> | ||
+ | <option>2077</option> | ||
+ | <option>2078</option> | ||
+ | <option>2079</option> | ||
+ | <option>2080</option> | ||
+ | <option>2081</option> | ||
+ | <option>2082</option> | ||
+ | <option>2083</option> | ||
+ | <option>2084</option> | ||
+ | <option>2085</option> | ||
+ | <option>2086</option> | ||
+ | <option>2087</option> | ||
+ | <option>2088</option> | ||
+ | <option>2089</option> | ||
+ | <option>2090</option> | ||
+ | <option>2091</option> | ||
+ | <option>2092</option> | ||
+ | <option>2093</option> | ||
+ | <option>2094</option> | ||
+ | <option>2095</option> | ||
+ | <option>2096</option> | ||
+ | <option>2097</option> | ||
+ | <option>2098</option> | ||
+ | <option>2099</option> | ||
+ | <option>2100</option> | ||
+ | </select></td> | ||
+ | </tr> | ||
+ | |||
+ | |||
+ | <tr> | ||
+ | <td colspan="2"><input type="submit" name="submit" id="submit" | ||
+ | value="Make it happen"></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </form> | ||
+ | |||
+ | <!-- FOOTER STARTS HERE --></TD> | ||
+ | <TD vAlign=top width=50 halign="right"><IMG alt="blank" | ||
+ | src="https://www.ssbbartgroup.com/images/shim.gif" align=right></TD> | ||
+ | </TR> | ||
+ | <TR> | ||
+ | <TD> </TD> | ||
+ | <TD><IMG alt="" src="https://www.ssbbartgroup.com/images/shim.gif" | ||
+ | width=1></TD> | ||
+ | <TD colSpan=2> | ||
+ | <P align=center><BR> | ||
+ | <A href="mailto:contact@ssbbartgroup.com">contact@ssbbartgroup.com</A> | ||
+ | | 415.975.8000<BR> | ||
+ | <A href="https://www.ssbbartgroup.com/legal_disclaimer.php">Copyright | ||
+ | © 2001 SSB BART Group</A></P> | ||
+ | </TD> | ||
+ | </TR> | ||
+ | </TBODY> | ||
+ | </TABLE> | ||
+ | |||
+ | </FORM> | ||
+ | </BODY> | ||
+ | </HTML> |
Latest revision as of 20:19, 15 January 2015