Accessify Wiki

The search engine that plants trees!

Ecosia is a search engine that donates 80% of its income to a tree planting program in Brazil. By searching with Ecosia you can help the environment for free!

“By making Ecosia your search engine you can actually help the environment one search at a time.” The Guardian

In August 2013, we launched a new version of Ecosia. The biggest changes are the redesign to Ecosia's interface, and the partnership with The Nature Conservancy's "Plant A Billion Trees" program.


Ecosia is an ecologically inspired search website (Global Alexa Rank 10,916, ranking 606 in Germany, as of September 26, 2013 [1]). Ecosia GmbH, based in Berlin has 10 employees (as of 2010 [2] [3] ) and describes itself as a social business. Source: German Wikipedia

Accessibility and usability fixes for the German search engine.


%YAML 1.2
---
_CONFIG_:
    include:
        - http://*.ecosia.org/*
        - https://*.ecosia.org/*
    test_urls:
        - http://www.ecosia.org
        - http://www.ecosia.org/what
        - http://www.ecosia.org/search?q=accessibility
        - http://www.ecosia.org/search/google/q/accessibility
        - http://www.ecosia.org/search/images/q/accessibility

    name: Ecosia search
    global_rank: 8905  # German rank: 606;
    lang: en-GB
    authors:
        - Nick @nfreear
    created: 2013-10-14


# FIXES.

a[href = "#"]:
    role: button

form#search-form:
    role: search

input#search:
    aria-label: Type a search term
    placeholder: Type a search term

.navigation:
    role: navigation
    aria-label: Main site menu

.header:
    role: header

.footer:
    role: contentinfo 

.menu-more:
    _note: TODO - a popup

.container:
    role: main

a[href = "#settings"]:
    role: button
    aria-haspopup: true

.trees-planted:
    role: button
    tabindex: 0
    aria-haspopup: true

.co2-neutral, .total-planted, .you-planted:
    role: complementary

.statistics:
    aria-label: Some statistics
    title: Some statistics

.how-ecosia-works .carousel:
    aria-label: Slides - How does Ecosia work?
    aria-labelledby: .how-ecosia-works > h2
 
.carousel-control.left:
    role: button
    title: Previous slide

.carousel-control.right:
    role: button
    title: Next slide

.carousel-pagination li:
    title: Slide , self@data-slide
    _note: PROPOSAL - can we integrate other attributes into a value? Maybe comma ',' concatenates?

.search-wrapper:
    aria-label: Search results

".results #kbnav-caret":
    aria-label: First result

.gsc-results:
    role: navigation    
    aria-label: Search results pages

...