Accessify Wiki

Fix:Example fixes

59pages on
this wiki
Add New Page
Comments0 Share

Below are accessibility and usability fixes for this example page. The page contains deliberate accessibility bugs, and together with the fixes are used in the tutorial.

Fixes Edit

%YAML 1.2
    name: {{PAGENAME}}
    default_locale: en-GB

    role: heading
    aria-level: 1
    role: navigation
    aria-label: Site menu
    role: search

input[name = 'q']:
    type: search
    aria-labelledby: label[for = 'missing-id']
    placeholder: Enter a search term
    required: ""
form#search button:
    aria-label: Search
    title: Search
form#search a:
    role: button
    title: Help with search
    aria-haspopup: true

Style Edit

/* Be cautious when using the 'style' attribute!
body {
  background: #fcfcfc;
  color: #333;
  font: 1em sans-serif;
  margin: 1em 3em;
form#search a {
  cursor: help;
[role = heading][aria-level = '1'], h1 {
  font-size: 1.7em;
  margin: 1em 0;

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.