The following is the code to the Accessible calendar by CATEA. Please visit us at http://catea.gatech.edu.
| January 2007 | ||||||
|---|---|---|---|---|---|---|
| Sun | Mon | Tue | Wed | Thu | Fri | Sat |
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 | |||
CSS
table.calendar {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
text-align: center;
background-color: #F5F5EB;
width: 50%;
height: 300px;
}
.month {
background-color:#660000;
color: white;
font-weight: bold;
}
HTML
<table cellspacing="" cellpadding="3" border="1" summary="">
<tr>
<th id="month" scope="col" colspan="7">
January 2007
</th>
</tr>
<tr>
<th id="sun" scope="col" abbr="Sunday">Sun</th>
<th id="mon" scope="col" abbr="Monday">Mon</th>
<th id="tue" scope="col" abbr="Tuesday">Tue</th>
<th id="wed" scope="col" abbr="Wednesday">Wed</th>
<th id="thu" scope="col" abbr="Thursday">Thu</th>
<th id="fri" scope="col" abbr="Friday">Fri</th>
<th id="sat" scope="col" abbr="Saturday">Sat</th>
</tr>
<tr>
<td> </td>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>15</td>
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
</tr>
<tr>
<td>21</td>
<td>22</td>
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td>27</td>
</tr>
<tr>
<td>28</td>
<td>29</td>
<td>30</td>
<td>31</td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>