Permalink
Browse files

Added a bunch of accessibility fixes

  • Loading branch information...
1 parent 4d8a224 commit c6db6cde93981b6bc7fbe9c1eb30a1737afc29f1 Lynn Holdsworth committed Mar 9, 2014
Showing with 72 additions and 38 deletions.
  1. +0 −1 backend/main.coffee
  2. +15 −4 frontend/css/screen.css
  3. +15 −9 frontend/index.html
  4. +34 −19 frontend/views/result.js
  5. +8 −5 frontend/views/test.js
View
@@ -94,4 +94,3 @@ io.sockets.on 'connection', (socket) ->
throw err
socket.emit 'locale', { locale: locale, data: JSON.parse(data)[locale] }
-
View
@@ -19,11 +19,13 @@ input, button, body {
}
tr.dim {
- opacity: 0.25;
+ //opacity: 0.25;
+ display: none;
}
span.dim {
- opacity: 0.5;
+ //opacity: 0.5;
+ display: none;
}
tr.pass {
@@ -60,8 +62,17 @@ td.category {
.invisible {
position: absolute !important;
height: 1px;
- width: 1px;
+ width: 1px;
overflow: hidden;
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
-}
+}
+
+[role="button"] {
+padding:3px;
+border: 1px solid #CCC;
+}
+
+[role="button"][aria-pressed="true"] {
+border: 2px solid #000;
+}
View
@@ -8,11 +8,11 @@
<link href="//netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css" rel="stylesheet">
</head>
<body>
- <div id="navbar-view"></div>
- <div class="view" id="home-view" style="display: none;"></div>
- <div role="alert" class="view" id="test-view" style="display: none;"></div>
- <div class="view" id="result-view" style="display: none;"></div>
- <div id="iframe-view" style="display: none;"></div>
+ <div role="navigation" id="navbar-view"></div>
+ <div role="main" class="view" id="home-view" style="display: none;"></div>
+ <div role="main" class="view" id="test-view" style="display: none;"></div>
+ <div role="main" class="view" id="result-view" style="display: none;"></div>
+ <div role="complementary" id="iframe-view" style="display: none;"></div>
<script type="text/template" id="iframe-template">
<iframe title="Page being tested" src="<%= webPage %>" sandbox="allow-forms allow-scripts"></iframe>
@@ -73,15 +73,21 @@
<script type="text/template" id="result-template">
<h1><%= _resultsForWebPage %></h1>
-
+
<p class="lead">
<form class="form-inline" onsubmit="return false;">
<fieldset>
- <label class="checkbox inline"><input type="checkbox" id="hideAutomatedCheckerResults" <%= checked %>"><%= _hideAutomated %></label>
- <fieldset>
+ <button aria-pressed="false" class="toggle" id="showAutomatedResults">Show automated results</button>
+ </fieldset>
</form>
</p>
+ <h2>Summary of results</h2>
+ <ul>
+ <% for (key in summary) { %>
+ <li><%= key %>: <%= summary[key] %></li>
+ <% } %>
+ </ul>
<table class="table">
<thead>
<tr>
@@ -179,7 +185,7 @@
</script>
<script type="text/template" id="test-case-template">
-<h1 aria-live="assertive"><%= progressMessage %></h1>
+<h1 id="questionHeading" tabindex="0" aria-live="assertive"><%= progressMessage %></h1>
<p class="lead"><%= _question %></p>
<div style="margin-bottom: 8px;">
<% if (!isAtFirst) { %>
View
Oops, something went wrong.
View
Oops, something went wrong.

0 comments on commit c6db6cd

Please sign in to comment.