|
2 | 2 | <div class="fl-col">
|
3 | 3 | <div class="idi-project fl-col-mixed">
|
4 | 4 | <section>
|
5 |
| - <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"> |
6 |
| - <img class="idi-logo-placeholder" src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logoplaceholder/logoplaceholder.png" title="Project logo placeholder" alt="Project logo placeholder" /> |
7 |
| - </div> |
8 |
| - <div class="fl-col-flex"> |
9 |
| - <h3><a href="http://imdc.ca/">Alternative Audio Description</a></h3> |
10 |
| - Alternative audio description focuses on making the process of creating audio description inclusive from the beginning of the design process. |
11 |
| - </div> |
12 |
| - </section> |
13 |
| - </div> |
14 |
| - <div class="idi-project fl-col-mixed"> |
15 |
| - <section> |
16 |
| - <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"> |
17 |
| - <img class="idi-logo-placeholder" src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logoplaceholder/logoplaceholder.png" title="Project logo placeholder" alt="Project logo placeholder" /> |
| 5 | + <div class="idi-project-logo fl-col-fixed fl-force-left"> |
| 6 | + <a class="idi-no-tab-focus" href="http://fluidproject.org"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/projects/fluid_logo.png" title="Fluid Project logo" alt="Fluid Project logo" /></a> |
18 | 7 | </div>
|
19 | 8 | <div class="fl-col-flex">
|
20 |
| - <h3><a href="http://irlt.yorku.ca/">Which Hand?</a></h3> |
21 |
| - Many students with different needs have trouble with judging handedness; they don't know left from right. This project will design a game that reinforces the concepts of left/right that is fun and accessible to readers and non-readers. |
| 9 | + <h3><a href="http://fluidproject.org">Fluid</a></h3> |
| 10 | + Fluid is an open-source software community that designs user interfaces, builds Web tools, teaches inclusive design and integrates interface components into open source applications . |
22 | 11 | </div>
|
23 | 12 | </section>
|
24 | 13 | </div>
|
25 | 14 | <div class="idi-project fl-col-mixed">
|
26 | 15 | <section>
|
27 |
| - <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"> |
28 |
| - <img class="idi-logo-placeholder" src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logoplaceholder/logoplaceholder.png" title="Project logo placeholder" alt="Project logo placeholder" /> |
29 |
| - </div> |
| 16 | + <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"><img alt="" class="idi-logo-placeholder" height="60" src="http://dev.inclusivedesign.ca/wp-content/uploads/2012/04/logoplaceholder.png" title="Project logo placeholder" width="60" /></div> |
30 | 17 | <div class="fl-col-flex">
|
31 |
| - <h3><a href="http://imdc.ca/">Enhanced Captioning</a></h3> |
32 |
| - Enhanced captioning focuses on improving upon the existing captioning standards, specifically including colour and kinetic text for television shows and movies. |
| 18 | + <h3><a href="http://atutor.ca/">AChecker</a></h3> |
| 19 | + <p>This tool checks single HTML pages for conformance with accessibility standards to ensure the content can be accessed by everyone.</p> |
33 | 20 | </div>
|
34 | 21 | </section>
|
35 | 22 | </div>
|
36 | 23 | </div>
|
37 | 24 | <div class="fl-col">
|
38 | 25 | <div class="idi-project fl-col-mixed">
|
39 | 26 | <section>
|
40 |
| - <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"> |
41 |
| - <img class="idi-logo-placeholder" src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logoplaceholder/logoplaceholder.png" title="Project logo placeholder" alt="Project logo placeholder" /> |
| 27 | + <div class="idi-project-logo fl-col-fixed fl-force-left"> |
| 28 | + <a class="idi-no-tab-focus" href="http://floeproject.org"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/projects/floe-logo.png" title="Floe Project logo" alt="Floe Project logo" /></a> |
42 | 29 | </div>
|
43 | 30 | <div class="fl-col-flex">
|
44 |
| - <h3><a href="http://abelearn.ca/">Accessible Video Conferencing and Streamed Video</a></h3> |
45 |
| - This project will research and evaluate accessible video conferencing and streamed video, identifying online learning barriers and working with experts and practitioners to overcome them and improve accessibility. |
| 31 | + <h3><a href="http://floeproject.org">Floe Project</a></h3> |
| 32 | + Through the Open Education Resources community, Floe makes tools that help transform, augment, and personalize the learning experience. |
46 | 33 | </div>
|
47 | 34 | </section>
|
48 | 35 | </div>
|
49 | 36 | <div class="idi-project fl-col-mixed">
|
50 | 37 | <section>
|
51 |
| - <div class="idi-project-logo idi-no-tab-focus fl-col-fixed fl-force-left"> |
| 38 | + <div class="idi-project-logo fl-col-fixed fl-force-left"> |
52 | 39 | <img class="idi-logo-placeholder" src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logoplaceholder/logoplaceholder.png" title="Project logo placeholder" alt="Project logo placeholder" />
|
53 | 40 | </div>
|
54 | 41 | <div class="fl-col-flex">
|
55 |
| - <h3><a href="http://imdc.ca/">EnACT</a></h3> |
56 |
| - EnACT (Enhanced and Affective Captioning Tool) is an open source captioning tool that allows users to create custom kinetic captions with colors that indicate emotions. |
| 42 | + <h3><a href="http://openvulab.org/">Open Virtual Usability Lab</a></h3> |
| 43 | + OpenVULab is an open source tool designed for remote accessibility and usability testing. The tool is designed to capture remote users’ interactions with their computer screens as well as their microphone audio. |
57 | 44 | </div>
|
58 | 45 | </section>
|
59 | 46 | </div>
|
|
0 commit comments