From ab040254f084d3b6d6f51d0503c750c118eef0c1 Mon Sep 17 00:00:00 2001
From: Igor Minar
Date: Mon, 10 Jan 2011 21:23:22 -0800
Subject: tabbing and keyboard shortcut for docs

- first tab goes to the search box, following tabs iterate results
- ctrl+s (FF on mac) or ctrl+alt+s (Chrome on mac) move focus to the
  search box
---
 docs/src/templates/index.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'docs/src')

diff --git a/docs/src/templates/index.html b/docs/src/templates/index.html
index aeeb8980..bb80a4ba 100644
--- a/docs/src/templates/index.html
+++ b/docs/src/templates/index.html
@@ -26,14 +26,15 @@
   <div id="header">
     <h1>
       <span class="main-title">{{getTitle()}}</span>
-      <a href="#"><span class="angular">&lt;angular/&gt;</span> Docs</a>
+      <a href="#" tabindex="0"><span class="angular">&lt;angular/&gt;</span> Docs</a>
     </h1>
   </div>
   <div id="sidebar">
-    <input type="text" name="search" id="search-box" placeholder="search the docs"/>
+    <input type="text" name="search" id="search-box" placeholder="search the docs"
+           tabindex="1" accesskey="s"/>
     <ul id="api-list">
       <li ng:repeat="page in pages.$filter(search)" ng:class="getClass(page)">
-        <a href="{{getUrl(page)}}" ng:click="">{{page.name | short}}</a>
+        <a href="{{getUrl(page)}}" ng:click="" tabindex="2">{{page.name | short}}</a>
       </li>
     </ul>
   </div>
-- 
cgit v1.2.3