<h1 style="margin-bottom: 53px;">HIRE ABILITY</h1><div style="height: 352px; overflow: scroll; overflow-x: hidden; padding-right: 8px;">Welcome, Everyone! In this game, it's all about Accessibility!
Our world is a very diverse place, brimming and buzzing with people from a wide range of backgrounds, and with a broad assortment of needs, interests, and goals. Because we're in this together, we all benefit when everyone has access to what they need to learn, grow, and improve the quality of their lives. This includes consideration for those with physical disabilities and special needs. Creating an environment of inclusion and the broadest access for all begins with awareness. So we created a fun game centered around teaching about physical accessibility to help players become more mindful of their environment and potential improvements that can be made to help those with special needs.
The setting takes place on a public university campus where you are seeking to be hired as an Accessibility Specialist. As part of the interview process, beginning with a map, you're required to tour the campus to discover and point out the areas that need to be modified in order to provide the best possible accessibility for those who are physically challenged -- specifically those who are visually impaired and those who need wheelchair access. With every correct answer, points are earned, and the more you earn, the better chance you have at being hired!
So relax, dig on this groovy music, learn, and have fun!
Check out the Simple Instructions below...
Oh, and uh, you can "access" the game by clicking on START. Get it?? You can "access"? Accessibility? Okay, nevermind...
<b>HAVE FUN!!</b>
(best viewed in FireFox)</div>
<center><h3>[[INSTRUCTIONS|Instructions]]</h3>
<h3>Credits</h3>
<b><a href="http://www.sharpshutterstudios.com" target="_blank">Taylor Jones</a></b>
Project Manager, Visual Content Creator
<b><a href="http://www.awkwardlypenned.com" target="_blank">Bill Erickson</a></b>
Full Stack Developer, Editor
<b><a href="http://www.dtc-wsuv.org/tscott16/portfolio/" target="_blank">Troy Scott</a></b>
Content Writer, Researcher, Web Developer
<b><a href="http://www.valnparrish.com" target="_blank">Valerie Parrish</a></b>
Visual Content Creator
<b><a href="http://www.dtc-wsuv.org/mcampbell15/portfolio/" target="_blank">Mark Campbell</a></b>
Web Developer
<span style="font-size: 14px;">Soundtrack adapted from PilotWings, circa 1996</span></center>
ADA - Americans with Disabilities Act (US Dept of Justice)
IDEA - Individuals with Disabilities Education Act (US Dept of Education)
Assistive Technology Act
Rehabilitation Act of 1973 (Office for Civil Rights)
ACCD - American Coalition of Citizens with Disabilities
<video alt="man in suite at desk, talking" style="margin-left: 20px;" autoplay width="720">
<source src="Intro.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
[[Map|Map]]
(set: $score to 0)
(set: $visited to 0)
<script>
$("#nowplaying").animate({volume: 0.08}, 1500);
var introDelay = window.setTimeout(function() {
$("#nowplaying").animate({volume: 0.5}, 1700);
}, 43000);
</script><img alt="illustrated map with buildings as buttons" class="backgroundImagemap" src="images/campusMap.jpg">
[[Report to Boss|Finish]]
[[<img class="parkingButton" src="images/parkingLotButton.png">|Parking Lot]]
[[<img class="bathroomButton" src="images/bathroom.png">|Bathroom]]
[[<img class="cafeteriaButton" src="images/cafeteria.png">|Cafeteria]]
[[<img class="libraryButton" src="images/library.png">|Library]]
<audio id="mapTrack" src="gamePlayMusic.mp3" autoplay volume="0.00" loop= "true">
<div style="display: none;"><img src="!@#$" onerror="$('#nowplaying').animate({volume: 0.00}, 000);" /></div>
<script>
clearTimeout(introDelay);
var mapAudio = document.getElementById("mapTrack");
mapAudio.loop = true;
$('#mapTrack').animate({volume: 0.5}, 1500);
</script><video alt="tour of empty parking lot" style="margin-left: 20px;" autoplay width="720">
<source src="parkingLot.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
[[<img alt="crosswalk" class="gallery" src="images/parkingLotCrosswalk.jpg">|Shot-1]][[<img alt="sidewalk ramp" class="gallery" src="images/parkingLotRamp.jpg">|Shot-2]][[<img alt="empty parking spot" class="gallery" src="images/parkingLotSpots.jpg">|Shot-3]]
[[Back to Map|Map]]
<audio id="playTrack" src="gamePlay2.mp3" autoplay volume="0.00" loop= "true">
(set: $visited to ($visited + 1))
<script>
clearTimeout(introDelay);
var playAudio = document.getElementById("playTrack");
playAudio.loop = true;
$('#playTrack').animate({volume: 0.5}, 2000);
</script><video alt="video tour of library" style="margin-left: 20px;" autoplay width="720">
<source src="library.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
[[<img alt="library door" class="gallery" src="images/libraryDoor.jpg">|Shot-1a]][[<img alt="library aisle" class="gallery" src="images/libraryShelves.jpg">|Shot-2a]][[<img alt="library furniture" class="gallery" src="images/libraryFurnitureSpacing.jpg">|Shot-3a]]
[[Back to Map|Map]]
<audio id="playTrack" src="gamePlay2.mp3" autoplay volume="0.00" loop= "true">
(set: $visited to ($visited + 1))
<script>
clearTimeout(introDelay);
var playAudio = document.getElementById("playTrack");
playAudio.loop = true;
$('#playTrack').animate({volume: 0.5}, 2000);
</script><video alt="video tour of cafeteria" style="margin-left: 20px;" autoplay width="720">
<source src="cafeteria.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
[[<img alt="cafe door" class="gallery" src="images/cafeteriaDoor.jpg">|Shot-1c]][[<img alt="cafe menu" class="gallery" src="images/cafeteriaMenu.jpg">|Shot-2c]][[<img alt="cafe tables" class="gallery" src="images/cafeteriaTables.jpg">|Shot-3c]]
[[Back to Map|Map]]
<audio id="playTrack" src="gamePlay2.mp3" autoplay volume="0.00" loop= "true">
(set: $visited to ($visited + 1))
<script>
clearTimeout(introDelay);
var playAudio = document.getElementById("playTrack");
playAudio.loop = true;
$('#playTrack').animate({volume: 0.5}, 2000);
</script>You've got (print: $score) points (if: $score is 0)[[[Did you get the job?|Not too great.]]](if: $score is 1)[[[Did you get the job?|Not too great.]]](if: $score is 2)[[[Did you get the job?|Not too great.]]](if: $score is 3)[[[Did you get the job?|Not too great.]]](if: $score is 4)[[[Did you get the job?|Slightly Better.]]](if: $score is 5)[[[Did you get the job?|Slightly Better.]]](if: $score is 6)[[[Did you get the job?|Slightly Better.]]](if: $score is 7)[[[Did you get the job?|Slightly Better.]]](if: $score is 8)[[[Did you get the job?|You're Super Hired!!]]](if: $score is 9)[[[Did you get the job?|You're Super Hired!!]]](if: $score is 10)[[[Did you get the job?|You're Super Hired!!]]](if: $score is 11)[[[Did you get the job?|You're Super Hired!!]]](if: $score is 12)[[[Did you get the job?|You're Super Hired!!]]]
<audio id="lastTrack" src="introMusic.mp3" autoplay volume="0.5" loop= "true"><div class="mistake"><img alt="photo of crosswalk" class="backgroundImage" src="images/parkingLotCrosswalk.jpg"></div>
(if: (count: (history:), "No Sound") is 0)[[[<img class="crossWalk1" src="images/crossWalkButton.png">|No Sound]]]
(elseif: (count: (history:), "No Sound") > 0)[]
[[Back to Video|Parking Lot]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img alt="photo of sidewalk ramp" class="backgroundImage" src="images/parkingLotRamp.jpg"></div>
(if: (count: (history:), "No Bumps") is 0)[[[<img class="crossWalk2" src="images/crossWalkBumps.png">|No Bumps]]]
(elseif: (count: (history:), "No Bumps") > 0)[]
[[Back to Video|Parking Lot]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img alt="photo of empty parking spot" class="backgroundImage" src="images/parkingLotSpots.jpg"></div>
(if: (count: (history:), "No Handicap Spot") is 0)[[[<img class="noHandy" src="images/noHandy.png">|No Handicap Spot]]]
(elseif: (count: (history:), "No Bumps") > 0)[]
[[Back to Video|Parking Lot]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script>(set: $score to ($score + 1))
<b>Right again!! Can I be you when I grow up?</b>
Okay, and the problem with the Pedestrian Signal Push Button is....No SOUND!
Yes, that's right kiddies...the ADAAG requires that all crosswalk push buttons must have a locator tone and a walk indicator tone. A locator tone notifies pedestrians who are blind or visually impaired of the need to push a button to request a WALK signal, and also indicates the location of the push button. A walk indicator tone (which can be a voice message) is used to indicate when it's acceptable to cross the street.
So we gotta get that updated big time!
To learn more about crosswalk compliance, visit:
<b><a href="https://www.access-board.gov/guidelines-and-standards/streets-sidewalks/public-rights-of-way/background/access-advisory-committee-final-report/x02-5-pedestrian-street-crossings?highlight=WyJjcm9zc3dhbGtzIiwiY3Jvc3N3YWxrIl0=" target="_blank">www.access-board.gov-crosswalks</a></b>
If you want to find out more, go to:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Parking Lot]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio>
<audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>Sharp eyes!</b>
Whoa, something's missin' here! To assist those with visual disabilities, the ADAAG requires this parking lot walkway to be equipped with Tactile Walking Surface Indicators, also referred to as Detectable Warnings on Walking Surfaces. The indicators must be raised truncated domes that are 23mm in width, 5mm in height, and center-spaced 60mm apart. They must also contrast visually with adjoining surfaces, either light-on-dark, or dark-on-light -- they're typically bright yellow on dark asphalt. The presence of this accessibility feature and its material helps with sound-on-cane contact and tactility to help those who are visually impaired navigate parking lots and find areas they can safely enter and exit sidewalks and walkways.
Gotta take notice of this one!
To read up on walkway compliance yourself, go to:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.29" target="_blank">www.access-board.gov-detectablewarnings</a></b>
See what they look like here:
<b><a href="https://en.wikipedia.org/wiki/Tactile_paving#/media/File:Truncated_domes.jpg" target="_blank">www.wikipedia.org-tactilepaving</a></b>
Wanna file a complaint? Go to:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Parking Lot]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>Booyah!! Nothin' gets by you!</b>
So what's the dealio with this parking space?? It needs more space!! According to the ADAAG, every parking lot must be equipped with accessible parking spaces and those spaces need to be of a certain size to allow for occupants to easily enter and exit their vehicle. More specifically, accessible parking spaces must be at least 96" wide. Passenger loading zones must be a level surface and at least 60" wide and 20' long, and also adjacent and parallel to the vehicle pull-up space.
So let's get that one fixed!
You can look up more info on parking accessibility here:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.6" target="_blank">www.access-board.gov-parkingspaces</a></b>
Need to register a complaint? Go to:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Parking Lot]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script><video style="margin-left: 20px;" autoplay width="720">
<source src="fail.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<b><a href="#" onclick="window.location.reload(true);" style="text-decoration: none;">Try Again</a></b><video alt="tour of bathroom area" style="margin-left: 20px;" autoplay width="720">
<source src="bathroom.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
[[<img alt="bathroom door" class="gallery" src="images/bathroomDoor.jpg">|Shot-1b]][[<img alt="bathroom sink"class="gallery" src="images/bathroomSinks.jpg">|Shot-2b]][[<img alt="bathroom stalls" class="gallery" src="images/bathroomStalls.jpg">|Shot-3b]]
[[Back to Map|Map]]
<audio id="playTrack" src="gamePlay2.mp3" autoplay volume="0.00" loop= "true">
(set: $visited to ($visited + 1))
<script>
clearTimeout(introDelay);
var playAudio = document.getElementById("playTrack");
playAudio.loop = true;
$('#playTrack').animate({volume: 0.5}, 2000);
</script><div class="mistake"><img class="backgroundImage" alt="library door handle" src="images/libraryDoor.jpg"></div>
(if: (count: (history:), "Auto-door") is 0)[[[<img class="library1" src="images/library1.png">|Auto-door]]]
(elseif: (count: (history:), "Auto-door") > 0)[]
[[Back to Video|Library]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="library shelves" src="images/libraryShelves.jpg"></div>
(if: (count: (history:), "No Braille") is 0)[[[<img class="library2" src="images/library2.png">|No Braille]]]
(elseif: (count: (history:), "No Braille") > 0)[]
[[Back to Video|Library]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="library furniture" src="images/libraryFurnitureSpacing.jpg"></div>
(if: (count: (history:), "Wheelchair Spacing") is 0)[[[<img class="library3" src="images/library3.png">|Wheelchair Spacing]]]
(elseif: (count: (history:), "Wheelchair Spacing") > 0)[]
[[Back to Video|Library]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script>(set: $score to ($score + 1))
<b>You're so schmahhht!</b>
Now that's a big door! Sure could use some help getting it open!
Doors are not required by the ADAAG to be automatic, but when they're provided, they must comply with standards established by the ANSI/BHMA (standard A156.19).
Among other things, auto-door openings must be at least 32" in width. Door controls must be operable with one hand and without tight grasping, pinching, or twisting of the wrist. And clear floor space near the controls must be located outside the door swing to prevent users from getting hit by the door.
Door buttons are fun! Yippeee!
More info on automated door compliance can be found at:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/guide-to-the-ada-standards/chapter-4-entrances,-doors,-and-gates#ar4043" target="_blank">www.access-board.gov-autodoors</a></b>
For more info on ANSI and the BHMA, visit:
<b><a href="https://www.ansi.org/" target="_blank">ANSI</a></b>
<b><a href="http://buildershardware.com/bhma-standards" target="_blank">BHMA</a></b>
Feeling shut out? Register a complaint!
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Library]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>That's the spirit!!</b>
Motorized bookshelves? Check. Signage for the blind and visually impaired? Hmmm...
Because those who are blind or with visual impairments attend the university, it's important to have signs that accommodate them. The ADAAG requires that tactile signage (braille) be available for the blind in designated permanent rooms and spaces, such as restrooms, exits, rooms and floors. For those who are visually impaired, non-tactile signage must also be available based on a set of legibility criteria including typeface, font size, color and contrast, etc. The ADAAG also requires that pictograms be made available to label permanent rooms and spaces, such as restrooms, to help improve access for people with cognitive or learning disabilities.
Let's make things clear for everyone to see!
To read further about what the ADAAG says about tactile and non-tactile signage, go to:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/113-ada-standards/background/adaag/422-a-guide-to-adaag-provisions#sign" target="_blank">www.access-board.gov-signage</a></b>
Need to address the ADA about the lack of accomodation? Visit:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Library]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>You're gettin' the hang of this!!</b>
Okie dokie! That's gonna be a bit of tight squeeze, wouldn't ya say?
According to the ADAAG, common use clearance paths must accommodate wheelchairs. The accessible route must be a minimum of 36" of continuous clear width, and greater clearance is required for 180 degree turns around narrow obstructions and for wheelchair turning space.
Might be time to move that furniture! Comin' through!
Read more on ADAAG wheelchair clearance and accessibility here:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/guide-to-the-ada-standards/chapter-4-accessible-routes" target="_blank">www.access-board.gov-wheelchairaccess</a></b>
If you feel the need to really crack down, check out:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Library]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script><div class="mistake"><img class="backgroundImage" alt="bathroom door" src="images/bathroomDoor.jpg"></div>
(if: (count: (history:), "bathroom-door") is 0)[[[<img class="bathroom1" src="images/bathroom1.png">|bathroom-door]]]
(elseif: (count: (history:), "bathroom-door") > 0)[]
[[Back to Video|Bathroom]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="bathroom sink" src="images/bathroomSinks.jpg"></div>
(if: (count: (history:), "bathroom-sink") is 0)[[[<img class="bathroom2" src="images/bathroom2.png">|bathroom-sink]]]
(elseif: (count: (history:), "bathroom-sink") > 0)[]
[[Back to Video|Bathroom]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="bathroom stalls" src="images/bathroomStalls.jpg"></div>
(if: (count: (history:), "bathroom-stall") is 0)[[[<img class="bathroom3" src="images/bathroom3.png">|bathroom-stall]]]
(elseif: (count: (history:), "bathroom-stall") > 0)[]
[[Back to Video|Bathroom]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><b>Wow, you’re a stickler!</b>
The ADAAG does not require automatic doors. But there are some issues here, like the space in front of the door from the hinge side. It should be at least 42”, for maneuverability. Same goes for the latch side, but they’re covered there. And the handle was a bit of a struggle, wasn’t it? It should require no more than 5lbs of force to move, and should need no twisting pinching, grasping, or other weird stuff.
Do you have a tape measure? The handle should be 34-48” above the floor.
If that’s isn’t clear, read up on door access here:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/guide-to-the-ada-standards/chapter-4-entrances,-doors,-and-gates" target="_blank">www.access-board.gov-entrances</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/ada-standards/chapter-4-accessible-routes#404%20Doors,%20Doorways,%20and%20Gates" target="_blank">www.access-board.gov-door standard</a></b>
If you really want to crack down, go here:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
(set: $score to ($score + 1))
[[Back to Video|Bathroom]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>Got it!! I'm stupified!</b>
Those faucets are way too high. No one in a wheelchair could reach them. The ADAAG says there should be at least one accessible sink, and it should be no higher than 34”, but neither of those are. It should also have at least 27” underneath, which is no problem for these high-risers, and must be at least 17” from the wall.
So let’s knock this bathroom down a notch! Get it? Down? Cuz the sinks are...whatever.
Check out more on ADAAG lavatory regulations here:
<b><a href="http://www.adaptiveaccess.com/handicap_bathrooms.php" target="_blank">www.adaptiveaccess.com</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.24" target="_blank">www.access-board.gov</a></b>
<b><a href="https://www.thebalance.com/ada-construction-guidelines-for-accesible-bathrooms-844778" target="_blank">www.thebalance.com</a></b>
If you need to file a complaint, go here:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Bathroom]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script><b>You’re a natural!! I'm a little jealous.</b>
Where the heck is a wheelchair stall around here? ADAAG requires at least one accessible stall wherever stalls are provided, and those look like stalls to me. Just tiny ones.
Accessible stalls need 32” door openings when opened to 90 degrees. If there were 6 stalls, that door would need to be 36”, but there are only 2 here. Still, none of these have grab bars in compliance with ADAAG hardware code <b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.26" target="_blank">4.26</a></b>.
Nice grab! You got a handle on this!
For more on ADAAG stall compliance, look at:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.17" target="_blank>www.access-board.gov-toilet stalls</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.13" target="_blank">www.access-board.gov-doors</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.22" target="_blank">www.access-board.gov-toilet rooms</a></b>
File a complaint here:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
(set: $score to ($score + 1))
[[Back to Video|Bathroom]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script><div class="mistake"><img class="backgroundImage" alt="cafeteria doorway" src="images/cafeteriaDoor.jpg"></div>
(if: (count: (history:), "cafeteria-door") is 0)[[[<img class="cafeteria1" src="images/cafeteria1.png">|cafeteria-door]]]
(elseif: (count: (history:), "cafeteria-door") > 0)[]
[[Back to Video|Cafeteria]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="cafeteria menu" src="images/cafeteriaMenu.jpg"></div>
(if: (count: (history:), "cafeteria-menu") is 0)[[[<img class="cafeteria2" src="images/cafeteria2.png">|cafeteria-menu]]]
(elseif: (count: (history:), "cafeteria-menu") > 0)[]
[[Back to Video|Cafeteria]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script><div class="mistake"><img class="backgroundImage" alt="people crowded around a table" src="images/cafeteriaTables.jpg"></div>
(if: (count: (history:), "cafeteria-table") is 0)[[[<img class="cafeteria3" src="images/cafeteria3.png">|cafeteria-table]]]
(elseif: (count: (history:), "cafeteria-table") > 0)[]
[[Back to Video|Cafeteria]]
<audio id="wrong">
<source src="wrong.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="chooseTrack" src="gamePlay3.mp3" autoplay volume="0.00" loop= "true">
<script>
//audio vars
var y = document.getElementById("wrong");
function playAudioY() {
y.play();
y.loop = false;
y.volume = 0.3;
console.log('image clicked');
}
$(".mistake").click(playAudioY);
clearTimeout(introDelay);
var playAudio3 = document.getElementById("chooseTrack");
playAudio3.loop = true;
$('#chooseTrack').animate({volume: 0.5}, 1000);
</script>(set: $score to ($score + 1))
<b>Whoa! You're like an accessibility guru!!</b>
What's the deal with those doors? They're just not wheelchair accessible! According to the ADAAG, doorways must have a minimum clearance of 32" with the door open 90 degrees, measured between the face of the door and the opposite stop. Otherwise, it's gotta have signage to let people know its not wheelchair accessible and where they can find an entrance that is (4.1.3[8d]).
Hey, we all gots places to be! Let's get them doors worked out!
To read more on door regulations, go to:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/guide-to-the-ada-standards/chapter-4-entrances,-doors,-and-gates#ar2065" target="_blank">www.access-board.gov-doorways</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.13" target="_blank">www.access-board.gov-doors</a></b>
Have a grievance? Visit:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Cafeteria]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>Wow! Did someone give you the answers?</b>
Oooh, that food sounds good! But that menu might be a little tough to read!
Okay, here's the lowdown... The ADAAG has no regulation requiring that any school cafeterias provide braille versions of their menus. In a way, that makes sense considering how often menu items and prices change. Offering a braille version may create an undue administrative or financial burden on the school. However, this is about accessibility, right? Can't we do something about this for the blind and visually impaired? After all, everybody's gotta eat!
Let's get a menu with much larger print, and have someone available in the cafeteria who can read off any menu item... you know, like a waiter or something.
Read about the ADA's auxiliary aid requirements here:
<b><a href="https://www.ada.gov/archive/t3hilght.htm" target="_blank">ADA Title III-Section VI</a></b>
Maybe you need a braille printer, eh? Look here:
<b><a href="https://www.youtube.com/watch?v=4RyoQsLbDj0" target="_blank">Index Everest-D V5 Braille Printer</a></b>
If you feel you need to register a complaint, go to:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Cafeteria]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script>(set: $score to ($score + 1))
<b>You're doing great!!</b>
So what's going on here? I think we need some new seating arrangements!
The ADAAG requires that there be fixed or built-in seating or tables available for people in wheelchairs. The floor space to accommodate a wheelchair must be a minimum of 30" in width and 48" in depth. Table-tops and fixed counters must be between 28 and 34" from the floor. There must also be ample knee clearances and room for manuevering a wheelchair around one side of the table.
Let's make it happen!
Check out more about wheelchair accessibility at:
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.32" target="_blank">www.access-board.gov-wheelchairaccess-a</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#4.2.4" target="_blank">www.access-board.gov-wheelchairaccess-b</a></b>
<b><a href="https://www.access-board.gov/guidelines-and-standards/buildings-and-sites/about-the-ada-standards/background/adaag#rest" target="_blank">www.access-board.gov-wheelchairaccess-c</a></b>
Feeling squeezed out? Complaints can be filed here:
<b><a href="https://www.ada.gov/filing_complaint.htm" target="_blank">www.ada.gov</a></b>
[[Back to Video|Cafeteria]]
<audio id="bell1">
<source src="bell.mp3" type="audio/mp3">
Your browser does not support the audio element.
</audio><audio id="scoreTrack" src="pointMusic.mp3" volume="0.00" loop= "true">
<script>
//audio vars
var x = document.getElementById("bell1");
function playAudioX() {
x.play();
x.loop = false;
x.volume = 0.5;
}
$("img").ready(playAudioX);
clearTimeout(introDelay);
var playAudioScore = document.getElementById("scoreTrack");
playAudioScore.loop = true;
playAudioScore.play();
playAudioScore.volume = 0.0;
$('#scoreTrack').delay(800).animate({volume: 0.5}, 000);
</script><video style="margin-left: 20px;" autoplay width="720">
<source src="okay.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<b><a href="#" onclick="window.location.reload(true);" style="text-decoration: none;">Try Again</a></b><video style="margin-left: 20px;" autoplay width="720">
<source src="Great.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<b><a href="#" onclick="window.location.reload(true);" style="text-decoration: none;">Try Again</a></b>{
(print: "<script>$('tw-passage').removeClass(\)</script>")
(if: (passage:)'s tags's length > 0)[
(print: "<script>$('tw-passage').addClass('" + (passage:)'s tags.join(' ') + "'\)</script>")
]
}<h3 style="margin-bottom: 65px">Simple Instructions:</h3><div style="height: 352px; overflow: scroll; overflow-x: hidden; padding-right: 8px;">1) Click on "START" to begin the game.
2) Watch the brief interview video.
3) When you're ready to proceed, click on the word "MAP"
4) On the map, click on any one of the three rooms or the parking lot.
5) In each of the four map areas of the campus, there will be a brief video to watch to help provide you with hints about what and where the accessibility problems may be for that given area.
6) Click on any one of the photos beneath the video, carefully study the photo, and with your mouse pointer, click on the area that you believe needs accessibility improvements.
7) If you choose correctly, you will earn a point and be shown information about the specific accessibility need for that area of campus, along with links to corresponding <b><a href="https://www.access-board.gov/" target="_blank">Americans with Disabilities Act</a></b> (ADA) guidelines.
8) If you choose incorrectly, you will earn no points, but you can keep trying!
9) Repeat step #6 for all photos.
10) Repeat steps #4 through #6 until you have completed all four areas on the campus map.
11) When you are finished, navigate back to the map and click on "Report to Boss" to watch a video and see whether you're hired or not!</div>
<h3>[[START|Introduction]]</h3>