Accessibility review of Bartik

We encourage users to post events happening in the community to the community events group on https://www.drupal.org.
Jeff Burnz's picture

Most of you know that a couple of new themes are proposed for Drupal 7 core - at the moment the only real contender at this stage is Bartik and we have a deadline looming on the 17th May.

Right now we really need some help in the issue queue not least of which is a comprehensive accessibility review of work-to-date and ongoing as there are many changes to come.

There is an open issue for Improving Bartik's Accessibility, more specific issues spinning off from this discussion and others are in the general issue queue.

Of course I will do some myself but I am pretty slammed working with IE issues (nice eh, drew the short straw there...).

So yes, begging please pretty please come take a look. I think there are a number of issues to resolve not least of which are color and contrast issues.

Comments

Put up a demo

mgifford's picture

I tossed the latest release of Bartik up here -> http://drupal7.dev.openconcept.ca

The main demo theme is -> http://bartik.milkweedmediadesign.com/

I found some contrast issues (too much grey I think), but haven't looked into it much. Via Truwex Online 2.0 & Worldspace

Found blank tags using Stanford's validator:

<a id="main-content"></a>

Using the FAE validator I found some unordered lists that should have headings associated with them.

I set this up a as an international site and it really didn't like something about how the languages were being presented to it.

Wave liked it.

Tawdis reported for WCAG 2.0 that there was a "Use of absolute font sizes" in bartik/css/style.css

This is just a brief review but provides some ideas for improvement.

Thanks Mike, great starting

Jeff Burnz's picture

Thanks Mike, great starting point. I think the biggest concern are the colors since they lend so much to the actual design, whereas everything else is an easy coding fix. Cheers.

Skip link visibility

mgifford's picture

Agreed that colors will take some work. Especially with the four color schemes it is shipping with: Bartik (default), Blue Lagoon, Plum & Fresh.

Will be important to do an evaluation of these color combination's as we have with Garland:

  // Available colors and color labels used in theme.
  'fields' => array(
    'bg' => t('Main background'),
    'link' => t('Link color'),
    'top' => t('Header top'),
    'bottom' => t('Header bottom'),
    'text' => t('Text color'),
    'sidebar' => t('Sidebar background'),
  ),
  // Pre-defined color schemes.
  'schemes' => array(
    'default' => array(
      'title' => t('Bartik (Default)'),
      'colors' => array(
        'bg' => '#ffffff',
        'link' => '#0073b6',
        'top' => '#000000',
        'bottom' => '#3d3d3d',
        'text' => '#3b3b3b',
        'sidebar' => '#feffff',
      ),
    ),
    'Blue Lagoon' => array(
      'title' => t('Blue Lagoon'),
      'colors' => array(
        'bg' => '#ffffff',
        'link' => '#0073b6',
        'top' => '#2385c2',
        'bottom' => '#5ab5ee',
        'text' => '#3b3b3b',
        'sidebar' => '#feffff',
      ),
    ),
    'Plum' => array(
      'title' => t('Plum'),
      'colors' => array(
        'bg' => '#f6eecc',
        'link' => '#6b2454',
        'top' => '#461453',
        'bottom' => '#6b2454',
        'text' => '#2c233f',
        'sidebar' => '#f0f0f0',
      ),
    ),
    'Fresh' => array(
      'title' => t('Fresh'),
      'colors' => array(
        'bg' => '#f6ffff',
        'link' => '#087095',
        'top' => '#78b91a',
        'bottom' => '#5b8b15',
        'text' => '#585858',
        'sidebar' => '#feffff',
      ),
    ),
  ),

The theme is very nice

alexrayu's picture

The theme is very nice people! Tell me if I can input in any meaningful way. I have never contributed in community projects so I will confess I just don't know how can I help without a centralized control of the project.

...

Jeff Burnz's picture

Alexei, good way to start is just jump into the issue queue are review patches or download and install the theme and try to break it, then report in the issue queue, every report helps, however small.

Oh break it? I can do that.

alexrayu's picture

Oh break it? I can do that. Kidding. Ok will look around in the issue queue.