Web accessibility is a major concern for governmental organisations and companies concerned with making their content accessible to everyone. In 2011, TYPO3 has made huge steps forward in this regard, thanks to funding from the Bundesanstalt für Landwirtschaft und Ernährung, a German governmental agency. This Case Study on the new Government Package shows the concepts of Web Accessibility and provides information how you can benefit from this project in general.
Cover image by http://www.photocase.com/kallejipp
DevEX - reference for building teams, processes, and platforms
TYPO3 Government Package
1. T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
2. The TYPO3 Government Package
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
3. Whois
Whois
Oliver Hader <oliver.hader@typo3.org>
living in Bayreuth, Germany
active with TYPO3 since 2005
2007 Member of TYPO3 v4 Core Team
2008 Release Manager of TYPO3 4.3
2010 Leader of TYPO3 v4 Core Team
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
4. Overview
Overview
Why? The background story...
Et voilà! The Government Package
Interesting! The future of the story...
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
5. The background story...
Why?
BLE Project & Money
Funding by a German governmental agency
BLE = „Bundesanstalt für Landwirdschaft und Ernährung“
general scope of improving accessibility and usability
July to October 2011
Ensure continuity of enhancements in the TYPO3 Core
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
6. The background story...
BLE Project
web accessible content rendering #BITV #WCAG #HTML5
media management and file abstraction #new #DAM #FAL
web accessible image gallery #gallery #DAM
optimize several extensions #indexed_search #glossary
documentation for #editors #integrators #designers
console management tool for deployment #CONSOLE
Government Package #TYPO3 #GOV #ALL
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
7. The Government Package
Et voilà!
German language (for the time being)
simimlar to Introduction Package
classic and clean design & best practises
howto in Frontend and Backend
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
8. The Government Package
Et voilà!
T
German language (for the time being)
F
A
simimlar to Introduction Package
R
D
classic and clean design & best practises
howto in Frontend and Backend
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
9. T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The Government Package share
Sonntag, 9. Oktober 11
10. T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The Government Package share
Sonntag, 9. Oktober 11
11. The Government Package
Accessible?
skip links for easy screen reader navigation
use the tabulator key for navigation
main navigation
main content column
have a nice contrast ratio
functional on using the browser zoom
have additional information for media elements
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
12. The Government Package
Layout & Design
analyze other governmental websites
shall be like Introduction Package - but different
Introduction: easy & simple TYPO3 introduction
Government: show best practises in web accessibility
blue is seriously strict - something you can rely on
horizontal vs. vertical main navigation
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
13. The Government Package
Markup
simplified & valid
based on HTML5 Boilerplate
uses semantic information and structure
header, footer, section, aside, nav, ...
enhanced content rendering (css_styled_content)
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
14. The Government Package
Styling
pixels during development
em in the end
BODY tag with 16px (= 1em)
default content block with 12px (= 0.75em)
try to style on the deepest nested element
<body><div>...<div class=“box“><p>
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
15. The Government Package
Best Practices
fontsize selector
the browser can do this - just show a hint
easy-to-understand language
use a simple summary for each page
contrast ratio
use a contrast enhanced representation
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
16. Best Practices
fontsize selector
the browser can do this - just show a hint
easy-to-understand language
use a simple summary for each page
contrast ratio
use a contrast enhanced representation
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The Government Package share
Sonntag, 9. Oktober 11
17. The Government Package
Requirements
think about disabilities
poor eyesight or blind - zoom & screen readers
reduced (intellectual) grasp - simple language
locomotory impaired - tabulator key and alternatives
additional content
textual descriptions on media elements
audio description for video elements
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
18. The future of the story...
Interesting!
TYPO3 4.7 in April 2012
end of BLE project in October 2011
aims to have a European Government Package
ideas to have other web accessible packages (education?)
However: We need you!
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11
19. Links
Links
TYPO3 4.7 & BLE Project
http://forge.typo3.org/projects/typo3v4-ble/wiki
http://forge.typo3.org/projects/typo3v47-projects/wiki
Government Package & TYPO3 4.7-pre-alpha
http://packages.typo3incubator.org/
T3CON11 Frankfurt - October 8th 2011 Inspiring people to
The TYPO3 Government Package share
Sonntag, 9. Oktober 11