(Add translations for "Type a search term" - French, Spanish, German, Mandarin. Also embed a logo, I hope!) |
(Experimental! Add == Style == section.) |
||
Line 8: | Line 8: | ||
+ | == Fixes == |
||
<source lang="yaml"> |
<source lang="yaml"> |
||
%YAML 1.2 |
%YAML 1.2 |
||
Line 100: | Line 101: | ||
... |
... |
||
+ | </source> |
||
+ | |||
+ | |||
+ | |||
+ | == Style == |
||
+ | <source lang="css"> |
||
+ | /* Experimental! */ |
||
+ | |||
+ | body { |
||
+ | border:1px solid green; |
||
+ | } |
||
+ | |||
+ | .gbqfqw { |
||
+ | border-color:rgba(0,0,0,.3); /*rgba(0,0,0,.15)*/ |
||
+ | } |
||
+ | .gbqfqw.gbqfqw:hover { |
||
+ | border-color:rgba(0,0,0,.5); /*rgba(0,0,0,.3)*/ |
||
+ | } |
||
+ | .gbqfqw:active { |
||
+ | border-color:#3174e3; /*#4285f4*/ |
||
+ | } |
||
</source> |
</source> |
||
Revision as of 10:33, 10 November 2013
Accessibility and usability fixes for the country-specific Google search sites, including Google.de (Not for Google Docs, Drive etc.) Includes WAI-ARIA landmark roles.
Fixes
%YAML 1.2
---
_CONFIG_:
include:
- http://*.google.de/*
- https://*.google.de/*
- http://*.google.co.uk/*
- https://*.google.co.uk/*
- http://www.google.com/*
test_urls:
- http://www.google.co.uk/search?q=Accessify
- 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/
name: Google search
#description:
default_locale: en-GB
authors:
- Nick @nfreear
created: 2013-04-03T19:34+01:00
# 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]":
#type: search
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: 输入搜索内容
#style: cursor:help
"#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
# "Welcome to the new way to find your favourite Google Products.."
.gb_o:
aria-label: Popup
.gb_o > a.gb_wa:
role: button
title: Close
aria-label: Close 'New feature' popup
a[href = "javascript:void(0)"], a[href = "#"]:
role: button
...
Style
/* Experimental! */
body {
border:1px solid green;
}
.gbqfqw {
border-color:rgba(0,0,0,.3); /*rgba(0,0,0,.15)*/
}
.gbqfqw.gbqfqw:hover {
border-color:rgba(0,0,0,.5); /*rgba(0,0,0,.3)*/
}
.gbqfqw:active {
border-color:#3174e3; /*#4285f4*/
}