https://accessifywiki.github.io/fix/google-search.html

1<!DOCTYPE html>
2<html lang="en-GB">
3
4  <head>
5  <meta charset="utf-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge">
7  <meta name="viewport" content="width=device-width, initial-scale=1">
8
9  <meta name="google-site-verification" content="a8AX3Ei4nRM-IYgCtzxfbOCed3HPRlXChpCYZaVBPqU" />
10
11  <title>Google search</title>
12  <meta name="description" content="Accessibility and usability fixes for the country-specific Google search sites,including Google.de (Not for Google Docs, Drive etc.)Includes WAI-ARIA landmar...">
13
14  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
15  <!--[if lt IE 9]>
16    

16<script src="https://unpkg.com/[email protected]/dist/html5shiv.min.js"></script>

16
17    

17<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

17
18  <![endif]-->
19
20  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
21
22  <link rel="stylesheet" href="https://unpkg.com/[email protected]/styles/default.css">
23  <link rel="stylesheet" href="https://unpkg.com/[email protected]/gh-fork-ribbon.css" />
24  <link rel="stylesheet" href="/css/main.css">
25  <link rel="canonical" href="https://accessifywiki.github.io/fix/google-search.html">
26  <link rel="alternate" type="application/rss+xml" title="Accessify Wiki beta" href="https://accessifywiki.github.io/feed.xml" />
27  <link rel="alternate" type="application/json" href="/fix/index.json" />
28</head>
29
30
31  <body>
32
33    <a class="github-fork-ribbon left-top" href="https://github.com/accessifywiki/accessifywiki.github.io" title="Fork me on GitHub">Fork me on GitHub</a>
34  
35
36
37
38<header class="site-header" role="banner">
39
40  <div class="wrapper">
41
42    <a class="site-title" href="/">Accessify Wiki<i> beta</i></a>
43
44    <nav class="site-nav" role="navigation">
45      <a href="#" class="menu-icon" role="button" aria-label="Show / hide navigation">
46        <svg viewBox="0 0 18 15">
47          <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
48          <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
49          <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
50        </svg>
51      </a>
52
53      <div class="trigger">
54        <span class="page-links">
55        
56          
57          <a class="page-link " href="/about.html">About</a>
58          
59        
60          
61          <a class="page-link sr-only" href="/badge.svg">NN sites fixed</a>
62          
63        
64          
65        
66          
67        
68          
69        
70          
71        
72          
73          <a class="page-link sr-only" href="/fix/whitelist.json">Allowed 'safe' HTML5 attributes (RegExp).</a>
74          
75        
76          
77        
78          
79        
80          
81          <a class="page-link " href="/use.html">Use fixes</a>
82          
83        
84          
85        
86        </span>
87
88        
89        <span class="x-custom-nav">
90        
91          <a href="http://accessify.wikia.com/wiki/Accessify_Wiki" title="Accessify wiki on Wikia">Legacy wiki</a>
92        
93        </span>
94        
95
96        
97
98      </div>
99    </nav>
100
101    <p class="x-subtitle">Fixing the Web for all, one site at a time</p>
102  </div>
103
104</header>
105
106
107
108
109
110    <div class="page-content" role="main">
111      <div class="wrapper">
112        
113
114
115
116
117<div class="post fix">
118
119  <header class="post-header">
120    <h1 class="post-title"><i>Fix:</i>Google search</h1>
121    <p class="post-meta">Apr 3, 2013</p>
122
123    <p class="post-links">
124      <span id="page-nav" role="navigation" aria-label="On this page">On this page:
125        <a href="#notes">Notes</a> • <a href="#config">Config</a>
126      • <a href="#fixes">Fixes</a> • <a href="#styles">Styles</a></span>
127      • <span id="gh-nav" role="navigation" aria-label="About this page">About this page:
128        <a href="https://github.com/accessifywiki/accessifywiki.github.io/raw/master/_fixes/google-search.md" title="On GitHub">Raw<i> on GitHub</i></a>
129      • <a href="https://github.com/accessifywiki/accessifywiki.github.io/blame/master/_fixes/google-search.md" title="On GitHub">Blame<i> on GitHub</i></a>
130      • <a href="https://github.com/accessifywiki/accessifywiki.github.io/commits/master/_fixes/google-search.md" title="On GitHub">History<i> on GitHub</i></a></span>
131      • <a href="http://accessify.wikia.com/wiki/Fix:Google_search" title="On Wikia">Legacy<i> page on Wikia</i></a>
132      • <a href="/use.html" title="Use fixes">Use</a></span>
133  </header>
134
135
136  <article id="notes" class="post-content">
137    <p>Accessibility and usability fixes for the country-specific Google search sites,
138including Google.de (Not for Google Docs, Drive etc.)
139Includes WAI-ARIA landmark roles.</p>
140
141<p>Google logo 2013</p>
142
143<ul>
144  <li><a href="https://en.wikipedia.org/wiki/List_of_Google_domains">Wikipedia:List of Google domains</a></li>
145  <li>Wikipedia:File:Logo 2013 Google.png</li>
146  <li>

146See also: <a href="/fix/baidu-search.html">Fix:Baidu search</a></li>
147</ul>
148
149
150  </article>
151
152  
153  
154
155  
156  <p id="screenshot"><a href="https://google.co.uk/search?q=Accessify+Wiki"
157    ><img src="http://s.wordpress.com/mshots/v1/https://google.co.uk/search?q=Accessify+Wiki?w=1024"
158    title="Screenshot of: Google search"></a></p>
159
160  <aside role="complementary" aria-label="Help! What is this?">
161    <button id="btn-what" title="Show/hide some help">Help! What is this?</button>
162    <div id="what">
163      <p>On this page you'll find fixes for accessibility problems, targeted to a specific web site or group of sites.
164      <p>The fixes are in three sections: at the top you'll find the configuration, showing what pages the fixes are applied to.
165        In the middle you'll find the accessibility fixes themselves, and at the bottom there are optional style fixes.
166      <p>The configuration and fixes are shown below in YAML format (probably good for most users) and JSON (may be better for screen reader users).
167        Use the buttons to switch at will.
168      <p><a href="#">More info</a>
169    </div>
170  </aside>
171
172  <section id="config" role="region" aria-label="Config">
173    <h2>Config</h2>
174    <button class="btn-yaml" disabled="disabled" title="Currently YAML">YAML<i> config</i></button>
175    <button class="btn-json" title="Switch to JSON">JSON<i> config</i></button>
176    <pre class="pre-yaml"><h3>YAML<i> config</i></h3><code class="yaml"></code></pre>
177    <pre class="pre-json"><h3>JSON<i> config</i></h3><code class="json"></code></pre>
178
179
180  </section>
181
182
183  <section id="fixes" role="region" aria-label="Fixes">
184    <h2>Fixes</h2>
185    <button class="btn-yaml" disabled="disabled" title="Currently YAML">YAML<i> fixes</i></button>
186    <button class="btn-json" title="Switch to JSON">JSON<i> fixes</i></button>
187    <pre class="pre-yaml"><h3>YAML<i> fixes</i></h3><code class="yaml"></code></pre>
188    <pre class="pre-json"><h3>JSON<i> fixes</i></h3><code class="json"></code></pre>
189  </section>
190
191  <section id="styles" role="region" aria-label="Styles">
192    <h2>Styles</h2>
193    
194<figure class="highlight"><pre><code class="language-css" data-lang="css"><table class="rouge-table"><tbody><tr><td class="gutter gl"><pre class="lineno">1
1952
1963
1974
1985
1996
2007
2018
2029
20310
20411
20512
206</pre></td><td class="code"><pre>    <span class="nt">body</span> <span class="p">{</span>
207  <span class="nl">border</span><span class="p">:</span><span class="m">1px</span> <span class="nb">solid</span> <span class="no">green</span><span class="p">;</span>
208<span class="p">}</span>
209<span class="nc">.gbqfqw</span> <span class="p">{</span>
210  <span class="nl">border-color</span><span class="p">:</span><span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">.3</span><span class="p">);</span> <span class="c">/*rgba(0,0,0,.15)*/</span>
211<span class="p">}</span> <span class="nc">.gbqfqw.gbqfqw</span><span class="nd">:hover</span> <span class="p">{</span>
212  <span class="nl">border-color</span><span class="p">:</span><span class="n">rgba</span><span class="p">(</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">0</span><span class="p">,</span><span class="m">.5</span><span class="p">);</span> <span class="c">/*rgba(0,0,0,.3)*/</span>
213<span class="p">}</span> <span class="nc">.gbqfqw</span><span class="nd">:active</span> <span class="p">{</span>
214  <span class="nl">border-color</span><span class="p">:</span><span class="m">#3174e3</span><span class="p">;</span> <span class="c">/*#4285f4*/</span>
215<span class="p">}</span>
216
217    </pre></td></tr></tbody></table></code></pre></figure>
218
219  </section>
220
221
222<div id="fix-api">
223<meta property="og:type" content="http://accessifywiki.org/Fix">

224<script type="x/fix+json" property="AW:fixes" id="fix-api-json">
225{
226"id": "google-search",
227"params": "?fix=google-search",
228"title": "Google search",
229"tags": ["English","Google","test","search","i18n"],
230"date": "2013-04-03 18:34:00 +0000",
231"config": {"include":["http://*.google.de/*","https://*.google.de/*","http://*.google.co.uk/*","https://*.google.co.uk/*","http://www.google.com/*"],"test_urls":["https://google.co.uk/search?q=Accessify+Wiki","http://www.google.de/","http://www.google.com.au/","http://www.google.com.br/","http://www.google.ca/","http://www.google.cn/","http://www.google.es/","http://www.google.fr/","http://www.google.ie/","http://www.google.com.hk/","http://www.google.co.in/","http://www.google.co.jp/","http://www.google.com/","https://www.google.co.in/","https://www.google.ru/","https://www.google.com.cy/"],"global_rank":1,"default_locale":"en-GB","authors":["Nick @nfreear"],"created":"2013-04-03T19:34+01:00"},
232"fixes" : {"#gbzw":{"role":"navigation","aria-label":"Other Google services"},"#gbqf":{"role":"search","aria-label":"Google search"},"#body":{"role":"main"},"#footer":{"role":"contentinfo"},"#gbu":{"role":"navigation","aria-label":"Account options"},"[name = q]":{"title":"Type a search term","title.fr":"Tapez un terme de recherche","title.es":"Escriba un término de búsqueda","title.de":"Geben Sie einen Suchbegriff ein","title.zh-CN":"输入搜索内容","placeholder":"Type a search term","placeholder.fr":"Tapez un terme de recherche","placeholder.es":"Escriba un término de búsqueda","placeholder.de":"Geben Sie einen Suchbegriff ein","placeholder.zh-CN":"输入搜索内容"},"#main":{"style":"background-color:#f8f8f8;color:#222;","_note":"Caution, a visible change! (Reduce glare for those w. Dyslexia)"},"#top_nav":{"style":"background-color:#f8f8f8;color:#222;"},"#mngb":{"style":"background:#f8f8f8;color:#222;"},"button":{"style":"cursor:pointer"},".gb_o":{"aria-label":"Popup"},".gb_o > a.gb_wa":{"role":"button","title":"Close","aria-label":"Close 'New feature' popup"},".pmoabs img[src *= '/chrome-']":{"alt":"Google Chrome logo","title":"Google Chrome logo"},".pmoabs .xbtn":{"role":"button","tabindex":0,"title":"Close","aria-label":"Close Chrome browser promotion"},"a[ href = 'javascript:void(0)' ], a[href = \"#\"]":{"role":"button"}},
233"styles": "body {\n  border:1px solid green;\n}\n.gbqfqw {\n  border-color:rgba(0,0,0,.3); /*rgba(0,0,0,.15)*/\n} .gbqfqw.gbqfqw:hover {\n  border-color:rgba(0,0,0,.5); /*rgba(0,0,0,.3)*/\n} .gbqfqw:active {\n  border-color:#3174e3; /*#4285f4*/\n}\n"
234}
235</script>

235
236
237
238</div>
239
240</div>
241
242      </div>
243    </div>
244
245    <footer class="site-footer" role="contentinfo">
246
247  <div class="wrapper">
248
249    <h2 class="footer-heading">Accessify Wiki<i> beta</i></h2>
250
251    <div class="footer-col-wrapper">
252      <div class="footer-col  footer-col-1">
253        <ul class="contact-list">
254          <li>Accessify Wiki<i> beta</i></li>
255          <li><a href="mailto:[email protected]">[email protected]</a></li>
256        </ul>
257      </div>
258
259      <div class="footer-col  footer-col-2">
260        <ul class="social-media-list">
261          
262          <li>
263            <a href="https://github.com/AccessifyWiki">
264              <span class="icon  icon--github">
265                <svg viewBox="0 0 16 16">
266                  <path fill="#828282" d="M7.999,0.431c-4.285,0-7.76,3.474-7.76,7.761 c0,3.428,2.223,6.337,5.307,7.363c0.388,0.071,0.53-0.168,0.53-0.374c0-0.184-0.007-0.672-0.01-1.32 c-2.159,0.469-2.614-1.04-2.614-1.04c-0.353-0.896-0.862-1.135-0.862-1.135c-0.705-0.481,0.053-0.472,0.053-0.472 c0.779,0.055,1.189,0.8,1.189,0.8c0.692,1.186,1.816,0.843,2.258,0.645c0.071-0.502,0.271-0.843,0.493-1.037 C4.86,11.425,3.049,10.76,3.049,7.786c0-0.847,0.302-1.54,0.799-2.082C3.768,5.507,3.501,4.718,3.924,3.65 c0,0,0.652-0.209,2.134,0.796C6.677,4.273,7.34,4.187,8,4.184c0.659,0.003,1.323,0.089,1.943,0.261 c1.482-1.004,2.132-0.796,2.132-0.796c0.423,1.068,0.157,1.857,0.077,2.054c0.497,0.542,0.798,1.235,0.798,2.082 c0,2.981-1.814,3.637-3.543,3.829c0.279,0.24,0.527,0.713,0.527,1.437c0,1.037-0.01,1.874-0.01,2.129 c0,0.208,0.14,0.449,0.534,0.373c3.081-1.028,5.302-3.935,5.302-7.362C15.76,3.906,12.285,0.431,7.999,0.431z"/>
267                </svg>
268              </span>
269
270              <span class="username">AccessifyWiki</span>
271            </a>
272          </li>
273          
274
275          
276          <li>
277            <a href="https://twitter.com/AccessifyWiki">
278              <span class="icon  icon--twitter">
279                <svg viewBox="0 0 16 16">
280                  <path fill="#828282" d="M15.969,3.058c-0.586,0.26-1.217,0.436-1.878,0.515c0.675-0.405,1.194-1.045,1.438-1.809
281                  c-0.632,0.375-1.332,0.647-2.076,0.793c-0.596-0.636-1.446-1.033-2.387-1.033c-1.806,0-3.27,1.464-3.27,3.27 c0,0.256,0.029,0.506,0.085,0.745C5.163,5.404,2.753,4.102,1.14,2.124C0.859,2.607,0.698,3.168,0.698,3.767 c0,1.134,0.577,2.135,1.455,2.722C1.616,6.472,1.112,6.325,0.671,6.08c0,0.014,0,0.027,0,0.041c0,1.584,1.127,2.906,2.623,3.206 C3.02,9.402,2.731,9.442,2.433,9.442c-0.211,0-0.416-0.021-0.615-0.059c0.416,1.299,1.624,2.245,3.055,2.271 c-1.119,0.877-2.529,1.4-4.061,1.4c-0.264,0-0.524-0.015-0.78-0.046c1.447,0.928,3.166,1.469,5.013,1.469 c6.015,0,9.304-4.983,9.304-9.304c0-0.142-0.003-0.283-0.009-0.423C14.976,4.29,15.531,3.714,15.969,3.058z"/>
282                </svg>
283              </span>
284
285              <span class="username">AccessifyWiki</span>
286            </a>
287          </li>
288          
289        </ul>
290      </div>
291
292      <div class="footer-col  footer-col-3">
293        <p class="text">Fixing the Web for all, one site at a time. We are the open, transparent accessibility middleware.<br />
294License for fixes: <a href="https://nfreear.mit-license.org">MIT</a>.<br />
295Other code: <a href="https://gnu.org/licenses/gpl.html">GPL-3.0+</a>.<br />
296Documentation: <a href="https://creativecommons.org/licenses/by/4.0">Creative Commons Attribution</a>.<br />
297</p>
298      </div>
299    </div>
300
301  </div>
302
303</footer>
304
305    
306<div
307 id="js-config"
308 data-fix_index="/fix/index.json" data-fix_index_jsonp="/fix/index.js" data-fix_selector="#fix-api-json" data-fix_regex=["

308<script.+json['\"]>(.+?)</script>

308","ms"]
309 data-analytics_id="UA-40194374-5" data-debug="ok"
310></div>
311

312<script> module = {}; </script>

312
313

314<script src="https://unpkg.com/[email protected]/dist/jquery.min.js"></script>

314

315<script src="https://unpkg.com/[email protected]/dist/js-yaml.min.js"></script>

315

316<script src="https://unpkg.com/[email protected]/lib/highlight.js"></script>

316

317<script src="https://unpkg.com/[email protected]/lib/languages/yaml.js"></script>

317

318<script src="/js/main.js"></script>

318
319
320
321  </body>
322
323</html>