sprungmarker testet

WordPress Child Theme for Twenty Ten: Accessible TwentyTen

Screenshot Accessible 1.0 Home main part of the theme
Screenshot Accessible TwentyTen child theme for Twenty Ten

WordPress 3.0 came out with a new default theme: Twenty Ten. The theme is compared to Kubrick an improvement, but still has mostly the same accessibility issues as its forerunner, e.g. not enough contrast in colors, few improvements for keyboard users and you get no real information about user’s location within a web page.

Screenshot: Accessible 1.0 file structure
Screenshot: Accessible TwentyTen file structure

This is where Accessible TwentyTen get’s into: a child theme for the default theme Twenty Ten to get the parent theme more accessible. You get all functionality of Twenty Ten plus accessible features of the child theme. That’s a nice deal. 🙂

And: the child theme uses no templates, only a css file and some programming in functions.php. That’s all. Accessible TwentyTen should only be a small accessible enhancement.


Screenshot: Accessible 1.0 - visible skip link to content
Screenshot: Accessible TwentyTen - visible skip link to content

Accessible TwentyTen is equipped with features as:

  • Accessible colors and contrast according to  WCAG AAA
  • Accessible and visible link focus for keyboard use
  • Optimized link hover and active states
  • Skip link to content visible on keyboard focus
  • Added skip links back to top after content and after footer area
  • Added additional hidden headlines for sidebars (left and bottom)
  • Navigation „Home“ translated for german users into „Startseite
  • Customization of WordPress edtitor TinyMCE
  • Translation ready (english and german included)

Theme informations

Screenshot: Accessible 1.0 - visible keyboard focus
Screenshot: Accessible TwentyTen - visible keyboard focus
  • Requirements: WordPress 3.0 and above and Twenty Ten or a theme which is derived in great parts (CSS classes, Ids) from Twenty Ten
  • Tested up to: WordPress 3.2 on all modern browsers als IE 7/8/9, Safari, Chrome, Firefox and Opera (Windows, Mac)
  • Version: 2.0
  • Licence: GNU General Public License v2.0


  • Full layout and text zoom
  • maybe some more … 🙂


  • You have to have at least WordPress 3.0 running
  • Upload accessible folder to the “/wp-content/themes/” directory
  • Activate the theme in the “Manage Themes” area in WordPress
  • That’s all. 🙂 And don’t worry, by installing the child theme your parent theme Twenty Ten is the same as before plus accessible features.
Screenshot: Buttons MCE Accessible Language Change
Screenshot: Buttons MCE Accessible Language Change

Optional you can install MCE Accessible Language Change for WordPress editor TinyMCE to get button for adding language change in your content. Accessible TwentyTen supports this plugin and some more plugins are to come. Accessibility in WordPress is a more complex process, you have to get more accessible than your theme, e.g. many aspects of TinyMCE, plugins and widgets. I am working on it. 🙂


Just use this site only with keyboard and check the visible focus, use the skip links and enjoy the better contrast.


1.0 – first release
2.0 – Minor updates and improved functions.php such as better tab focus for author info, paging and sticky entry, better contrast for data table and image caption, finally for development purposes functions in functions.php are consolidated to get it easier for other developer to overwrite functions …

Upgrade notice

  • Version 1.0 (11/2010)
  • Version 2.0 (04/2011)


Accessible TwentyTen as a zip file (45 Kb)

16 Antworten auf “WordPress Child Theme for Twenty Ten: Accessible TwentyTen”

  1. […] WordPress edtitor TinyMCE Translation ready (english and german included) Download it here – Accessible Calming -child theme. Calming is an easy to read simple Twenty Ten theme, with added support for […]

  2. […] more about it and download here Accessible Twenty Ten Share this:StumbleUponDigg This entry was posted in Twenty Ten Child Themes and tagged child […]

  3. Is there a changelog for 2.0? Just spotted it as I came to download for my re-instated blog

    Can you get it listed on the main WP Themes site?


  4. Hi Steve,

    changelog for 2.0 is so far only a more tested version – I have now a real testing environment and I got all possible WordPress theme scenarios running. So I found some corners where colors could be improved and so on.

    And – this is more for those interesting who are developing themes – I got more professionalized with functions.php – so each function is now capsuled and such things.

    I put more details in changelog, yes. 🙂

    No – WordPress does not allow to put child themes into WP Themes – only full themes.

  5. Nice work, btw could you also publish your theme to a source code repository in order to enable other people to send updates, track bugs, … I think that github would be just good for this.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert