Last modified: June 6, 2013
WordPress 3.0 got a new default theme: Twenty Ten. It’s doctype is yet HTML5, but the rest is still old XHTML. This is where TwentyTenFive get’s into. It’s mission is to get Twenty Ten upgraded to HTML5.
This is indeed a real improvement, but still has the same accessibility issues as Twenty Ten, 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.
So I decided to upgrade my child theme project Accessible 1.0 to get it running with TwentyTenFive. This was at all quite easy because TwentyTenFive reuses most of the Twenty Ten stuff in CSS.
And it’s the same procedure: You get all functionality of TwentyTenFive 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 Five should only be a small accessible enhancement.
Accessible Five 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 TwentyTenFive
- Tested up to: WordPress 3.2 on all modern browsers als IE 7/8/9, Safari, Chrome, Firefox and Opera (Windows, Mac)
- Version: 1.0
- Licence: GNU General Public License v2.0
- Full layout and text zoom
- maybe some more … :)
- First check that TwentyTenFive folder – your main theme – is named “TwentyTenFive” – otherwise the child theme will not find the folder!
- 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 TwentyTenFive 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 Five 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. :)
Currently you can see on this website Accessible Five in action. 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
No upgrades right now.