Last modified: April 22, 2013
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.
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.
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)
- 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.
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 …
- Version 1.0 (11/2010)
- Version 2.0 (04/2011)