Accessify Wiki
(Initial fixes for nQuire-it Missions site.)
 
(Accessibility fixes fixes for the "vote widget")
 
Line 28: Line 28:
   
   
# Start fixes...
+
# Start accessibility fixes...
   
 
"#logo-container img":
 
"#logo-container img":
Line 59: Line 59:
 
role: main
 
role: main
   
  +
#
  +
# Fixes for the "vote widget"
  +
#
  +
.vote-widget .fa.vote-icon.enabled:
  +
tabindex: 0
  +
role: button
  +
  +
.spotit-vote-section .vote-widget .fa-thumbs-up:
  +
aria-label: Vote data up
  +
title: Vote data up
  +
.spotit-vote-section .vote-widget .fa-thumbs-down:
  +
aria-label: Vote data down
  +
title: Vote data down
  +
.spotit-vote-section .vote-widget .fa.report-icon:
  +
aria-label: Report data as inappropriate
  +
title: Report data as inappropriate
   
 
...
 
...

Latest revision as of 10:51, 2 October 2014

Our aim is to help you explore your world by joining and creating scientific missions. We have three types of mission on nQuire-it - Win-it missions, Sense-it missions and Spot-it missions.

nQuire-it Missions logo


%YAML 1.2
---
_CONFIG_:
    name: {{PAGENAME}}
    #description:
    # Required, 1+. Glob syntax.
    include:
        - http://www.nquire-it.org/*
    # Required, 1+.
    test_urls:
        - http://www.nquire-it.org/#/home
    default_locale: en-GB

# Syntax and fix example.
"#My ID selector":
    _note: A comment
    role: <ROLE>
    tabindex: 0
    aria-label: <ARIA property>
    title: <TITLE>
    style: <STYLE>


# Start accessibility fixes...

"#logo-container img":
    alt: nQuire-it Missions home
    title: nQUire-it Missions

.about-logos img[src *= about_ou]:
    alt: The Open University

.about-logos img[src *= about_nt]:
    alt: Nominet Trust

.about-logos img[src *= about_sutc]:
    alt: UTC Sheffield


"#header-right-panel":
    role: navigation

"#header-search-form-container form":
    role: search

input#header-search-box:
    aria-label: Search missions

button#header-search-submit:
    aria-label: Search

.main-content-section:
    role: main

#
# Fixes for the "vote widget"
#
.vote-widget .fa.vote-icon.enabled:
    tabindex: 0
    role: button

.spotit-vote-section .vote-widget .fa-thumbs-up:
    aria-label: Vote data up
    title: Vote data up
.spotit-vote-section .vote-widget .fa-thumbs-down:
    aria-label: Vote data down
    title: Vote data down
.spotit-vote-section .vote-widget .fa.report-icon:
    aria-label: Report data as inappropriate
    title: Report data as inappropriate

...