Accessify Wiki
Advertisement

The British Broadcasting Corporation (BBC) is a British public service broadcasting statutory corporation.[2] Its main responsibility is to provide impartial public service broadcasting in the United Kingdom, the Channel Islands, and the Isle of Man. .. The BBC is the world's oldest national broadcasting organisation[3] and the largest broadcaster in the world by number of employees, with about 23,000 staff.[4][5][6]

The BBC is a semi-autonomous public service broadcaster[7] that operates under a Royal Charter[8] and a Licence and Agreement from the Home Secretary.

Source: wikipedia:BBC.

Accessibility and usability fixes for the BBC web-site, including most sub-sites.

Note, as befits a public-service broadcaster, the BBC is generally pro-active in regards to Web accessibility. They undertake testing, have accessibility guidelines, and for example, already implement some WAI-ARIA landmark roles.

%YAML 1.2
---
_CONFIG_:
    include:
        - http://*.bbc.co.uk/*
    test_urls:
        - http://www.bbc.co.uk/news/
        - http://www.bbc.co.uk/news/magazine
        - http://www.bbc.co.uk/sport
        - http://www.bbc.co.uk/weather
        - http://www.bbc.co.uk/iplayer
        - http://www.bbc.co.uk/tv
        - http://www.bbc.co.uk/radio
        # - CBBC, CBeebies, Commedy, Food, History, Learning ... Local, Northern Ireland ...
        - http://www.bbc.co.uk/a-z
        - http://m.bbc.co.uk/
        - http://www.bbc.co.uk/accessibility
        - http://www.bbc.co.uk/guidelines/futuremedia/accessibility/
        # ...
        - http://www.bbcworldwide.com/digital/labs.aspx
        - http://www.bbcwlabs.com/

    name: ""
    default_locale: en-GB
    created: 2013-12-11


    # Borrow ideas from LESS ?!
    # https://developer.mozilla.org/en-US/docs/tag/CSS%20Function
    variables:
        # @sub-site: q("meta[name = CPS_SITE_NAME]").attr("content", FALLBACK)
        "@sub-site": meta[name = CPS_SITE_NAME] attr(content, 'sub-site')


# FIXES.

a[href = '#'], a[data-toggle=modal], a[href = 'javascript:;'], a[href = 'javascript:void(0)']:
    _note: "Stackoverflow:questions/134845/href-attribute-for-javascript-links-or-javascriptvoid0"
    role: button

a[target = _blank]:
    title: Opens in new window


html:
    lang: en-GB

# this.setARIAValues() function:
# http://static.bbci.co.uk/frameworks/barlesque/2.58.1/desktop/2.8/script/blq_core.js : 439
# <meta name="CPS_SITE_NAME" content="Newsbeat">

"#blq-local-nav":
    role: navigation
    aria-label: Browse @sub-site
    #aria-label: Browse Newsbeat
    #aria-labelledby: "#blq-local-nav > h2"

"body.news #blq-local-nav":
    role: navigation
    aria-label: Browse news

"#blq-nav":
    role: navigation
    aria-label: Main menu
    aria-labelledby: "#blq-nav > h2"

form#blq-search-form:
    role: search
    aria-label: Search across the BBC

"#blq-foot":
    role: contentinfo

"#main-content, #blq-content":
    role: main

".container-best, #secondary-content":
    role: complementary

# https://ssl.bbc.co.uk/id/register
.bbcid-form [type=text], .bbcid-form [type=password]:
    required: ""
    aria-required: true


...
Advertisement