Add role=button to… buttons

Fixes #33
w3c · Jun 23, 2014 · b953478 · b953478
1 parent ba6be09
commit b953478
Show file tree

Hide file tree

Showing 16 changed files with 61 additions and 63 deletions.
diff --git a/pages/about.html b/pages/about.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-        <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-        <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+        <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+        <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
         <div class="grid">

diff --git a/pages/admin-techniques.html b/pages/admin-techniques.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Admin Techniques
     </h1>
     <nav class="navbar" role="navigation">
-        <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+        <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="accessdbUserMessage"></div>
     <div class="roleAdminOnly">

diff --git a/pages/home.html b/pages/home.html
@@ -3,49 +3,49 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="asd-fp-container">
         <div class="main-row">
-            <a href="#/results.html" class="btn-primary">
+            <a role="button" href="#/results.html" class="btn-primary">
                 <strong><span class="icon-eye-open"></span> Browse Test Results</strong><br>
                 Browse the test cases and the corresponding test results and comments available in the database. <br>
                 You have the option to provide comments on this data.
             </a>
-            <a href="#/user-profiles.html" class="btn-primary">
+            <a role="button" href="#/user-profiles.html" class="btn-primary">
                 <strong><span class="icon-pencil"></span> Run Test Cases</strong><br>
                 Run test cases with your own combinations of web browser and assistive technology. <br>
                 You have the option to contribute the test results into the database.
             </a>
         </div>
         <div class="secondary-row">
-            <a href="#/test-submit.html" class="btn">
+            <a role="button" href="#/test-submit.html" class="btn">
                 <span class="icon-plus-sign"></span> Submit Test Case
                 <div>
                     Contribute test cases for existing WCAG 2.0 Techniques  , to extend the coverage of the database to different situations and contexts.
                 </div>
             </a>
-            <a href="https://github.com/w3c/wai-axsdb-services/#rest-api" class="btn">
+            <a role="button" href="https://github.com/w3c/wai-axsdb-services/#rest-api" class="btn">
                 <span class="icon-cogs"></span> For Developers
                 <div>
                     How to develop with accesdb. Experiment with running examples and build your own with AccessDB Workbench
                 </div>
             </a>
-            <a href="#/" class="btn">
+            <a role="button" href="#/" class="btn">
                 <span class="icon-question-sign"></span> Help/About
                 <div>
                     Find more information, video tutorials and other supporting documentation
                 </div>
             </a>
         </div>
         <div class="tertionary-row">
-            <a href="#/admin.html"><span class="icon-stethoscope"></span> For Admins</a>
+            <a role="button" href="#/admin.html"><span class="icon-stethoscope"></span> For Admins</a>
         </div>
     </div>
 
     <div class="area-login axsdb-only-anon">
 	<span>
-	    <a href="#/log-in.html" class="btn-primary">Log In</a> with your W3C account. Don’t have one? <a href="#">Sign up for free.</a>
+	    <a role="button" href="#/log-in.html" class="btn-primary">Log In</a> with your W3C account. Don’t have one? <a href="#">Sign up for free.</a>
 	</span>
     </div>
 </article>
diff --git a/pages/log-in.html b/pages/log-in.html
@@ -3,7 +3,7 @@ <h1 class="page-title">
        Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-        <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+        <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
     </nav>
     <div class="centered">
         <div role="alert" id="infodiv"></div>
@@ -30,8 +30,7 @@ <h2>Login</h2>
         </form>
         <p>Note that login is not required to use and contribute to this database. <a href="#why-login" class="ui-link">Then, why login?</a></p>
 
-        <a target="w3c" href="http://www.w3.org/Help/Account/" data-role="button" data-inline="true" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" data-theme="c" class="ui-btn ui-btn-up-c ui-shadow ui-btn-corner-all ui-btn-inline"><span class="ui-btn-inner"><span class="ui-btn-text">Forgot your username/password?
-                    (new window)</span></span></a>
+        <a target="w3c" href="http://www.w3.org/Help/Account/" role="button" class="btn-small">Forgot your username/password? (new window)</a>
         <div id="logoutInfo" style="display: none;" aria-live="assertive">
             <p>
                 Logged in User: <span class="userid">Login</span>

diff --git a/pages/results-technique.html b/pages/results-technique.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-	   <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	   <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+	   <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	   <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
 	    <div class="grid">

diff --git a/pages/results-test.html b/pages/results-test.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-       <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-       <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+       <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+       <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
         <div class="grid">

diff --git a/pages/results.html b/pages/results.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-	<a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+	<a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
 	    <div class="grid">

diff --git a/pages/test-run.html b/pages/test-run.html
@@ -3,14 +3,14 @@ <h1 class="page-title">
 			Accessibility Support Database
 		</h1>
 		<nav class="navbar" role="navigation">
-	<a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+	<a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
 		</nav>
 		<div class="content">
 			<div class="grid">
 				<ol class="timeline">
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/user-profiles.html"><span>Select Environment</span></a></li>
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/tests-run.html"><span>Select Tests</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/user-profiles.html"><span>Select Environment</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/tests-run.html"><span>Select Tests</span></a></li>
 					<li class="timeline-current"><span class="visuallyhidden">Current Step: </span><span><span>Run Tests</span></span></li>
 					<li><span><span>View Results</span></span></li>
 					<li><span><span>Submit Results</span></span></li>

diff --git a/pages/test-submit.html b/pages/test-submit.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-    <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-    <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+    <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+    <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
         <div class="grid">

diff --git a/pages/test.html b/pages/test.html
@@ -3,9 +3,9 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-        <!--<a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>-->
-        <a href="#/tests-run.html" class="btn-small"><span class="icon-arrow-left"></span>Tests Run</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+        <!--<a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>-->
+        <a role="button" href="#/tests-run.html" class="btn-small"><span class="icon-arrow-left"></span>Tests Run</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
 
     </nav>
     <div class="content">

diff --git a/pages/tests-finish.html b/pages/tests-finish.html
@@ -3,15 +3,15 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-        <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+        <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <div class="content">
         <div class="grid">
             <ol class="timeline">
-                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/user-profiles.html"><span>Select Environment</span></a></li>
-                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/tests-run.html"><span>Select Tests</span></a></li>
-                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/test-run.html"><span>Run Tests</span></a></li>
+                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/user-profiles.html"><span>Select Environment</span></a></li>
+                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/tests-run.html"><span>Select Tests</span></a></li>
+                <li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/test-run.html"><span>Run Tests</span></a></li>
                 <li class="timeline-current"><span><span>View Results</span></span></li>
                 <li><span><span>Submit Results</span></span></li>
             </ol>

diff --git a/pages/tests-run-submit.html b/pages/tests-run-submit.html
@@ -3,16 +3,16 @@ <h1 class="page-title">
 			Accessibility Support Database
 		</h1>
 		<nav class="navbar" role="navigation">
-            <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	    <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+            <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	    <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
 		</nav>
 		<div class="content">
 			<div class="grid">
 				<ol class="timeline">
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/user-profiles.html"><span>Select Environment</span></a></li>
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/tests-run.html"><span>Select Tests</span></a></li>
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/test-run.html"><span>Run Tests</span></a></li>
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/tests-finish.html"><span>View Results</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/user-profiles.html"><span>Select Environment</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/tests-run.html"><span>Select Tests</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/test-run.html"><span>Run Tests</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/tests-finish.html"><span>View Results</span></a></li>
 					<li class="timeline-current"><span><span>Submit Results</span></span></li>
 				</ol>
 				<header class="bigthanks">

diff --git a/pages/tests-run.html b/pages/tests-run.html
@@ -4,13 +4,13 @@ <h1 class="page-title">
 			Accessibility Support Database
 		</h1>
 		<nav class="navbar" role="navigation">
-            <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	    <a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+            <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	    <a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
 		</nav>
 		<div class="content">
 			<div class="grid">
 				<ol class="timeline">
-					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a href="#/user-profiles.html"><span>Select Environment</span></a></li>
+					<li class="timeline-past"><span class="visuallyhidden">Completed: </span><a role="button" href="#/user-profiles.html"><span>Select Environment</span></a></li>
 					<li class="timeline-current"><span><span>Select Tests</span></span></li>
 					<li><span><span>Run Tests</span></span></li>
 					<li><span><span>View Results</span></span></li>
@@ -79,8 +79,8 @@ <h3>Test Cases, grouped by techniques</h3>
 					</div>
 				</div>
 				<div class="steps">
-					<a href="#/user-profiles.html" class="btn"><span class="icon-arrow-left"></span> Previous: Testing Profiles</a>
-					<a href="#/test-run.html" class="btn-primary btn-next">Next: Run Test <span class="icon-arrow-right"></span></a>
+					<a role="button" href="#/user-profiles.html" class="btn"><span class="icon-arrow-left"></span> Previous: Testing Profiles</a>
+					<a role="button" href="#/test-run.html" class="btn-primary btn-next">Next: Run Test <span class="icon-arrow-right"></span></a>
 				</div>
 			</div>
 		</div>

diff --git a/pages/user-profile-form.html b/pages/user-profile-form.html
@@ -3,8 +3,8 @@ <h1 class="page-title">
         Accessibility Support Database
     </h1>
     <nav class="navbar" role="navigation">
-        <a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-	<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+        <a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+	<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
     </nav>
     <h2>Add Testing Environment</h2>
     <p>Define an environment that you want to use to run test cases</p>

diff --git a/pages/user-profiles.html b/pages/user-profiles.html
@@ -4,8 +4,8 @@ <h1 class="page-title">
 			Accessibility Support Database
 		</h1>
 		<nav class="navbar" role="navigation">
-			<a href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
-			<a href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
+			<a role="button" href="#/home.html" class="btn-small"><span class="icon-home"></span> Home</a>
+			<a role="button" href="#/log-in.html" class="btn-small login"><span class="icon-unlock-alt"></span> <span class="login-info">Log In</span></a>
 		</nav>
 		<div class="content">
 			<div class="grid">
@@ -26,9 +26,9 @@ <h3 class="information"><span class="icon-info"></span> Information</h3>
 					-->
 					<div class="column-second">
 							<div class="btn-pills">
-								<a href="#/user-profile-add.html" class="btn"><span class="icon-plus-sign"></span> Add Environment</a>
-								<a href="#/user-profile-edit.html/-1" id="editProfileBtn" class="btn"><span class="icon-pencil"></span> Edit selected Environment</a>
-								<a href="#/user-profiles.html" id="deleteProfileBtn" class="btn"><span class="icon-minus-sign-alt"></span> Delete selected Environment</a>
+								<a role="button" href="#/user-profile-add.html" class="btn"><span class="icon-plus-sign"></span> Add Environment</a>
+								<a role="button" href="#/user-profile-edit.html/-1" id="editProfileBtn" class="btn"><span class="icon-pencil"></span> Edit selected Environment</a>
+								<a role="button" href="#/user-profiles.html" id="deleteProfileBtn" class="btn"><span class="icon-minus-sign-alt"></span> Delete selected Environment</a>
 							</div>
 						<table class="full-width environments">
 							<col class="col1">
@@ -45,8 +45,7 @@ <h3 class="information"><span class="icon-info"></span> Information</h3>
             </table>
 					</div>
 					<div class="steps">
-						<!--<a href="test-run.html" class="btn-primary btn-next"><span class="icon-arrow-right"></span> Next: Carry out Tests</a>-->
-						<a href="#/tests-run.html" class="btn-primary btn-next">Next: Select Test Cases <span class="icon-arrow-right"></span></a>
+						<a role="button" href="#/tests-run.html" class="btn-primary btn-next">Next: Select Test Cases <span class="icon-arrow-right"></span></a>
 					</div>
 				</div>