FANDOM


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.

Google logo 2013


Fixes Edit

%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/
        - https://www.google.co.in/
        - https://www.google.ru/
        - https://www.google.com.cy/

    name: Google search
    #description:
    global_rank: 1   # Alexa; US rank: 1; Google.co.in - Global rank: 15.
    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
 
# Promote Chrome browser.
.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
 
 
...

Style Edit

/* 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*/
}

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.