TYPO3 Government Package

Inspiring people toshare

T3CON11 Frankfurt - October 8th 2011

The TYPO3 Government PackageSonntag, 9. Oktober 11

Inspiring people toshareThe TYPO3 Government Package


The TYPO3 Government Package

Sonntag, 9. Oktober 11



Whois

WhoisOliver Hader <[email protected]>

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


mailto:[email protected]

mailto:[email protected]



Overview

OverviewWhy? The background story...

Et voilà! The Government Package

Interesting! The future of the story...




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




The background story...

BLE Projectweb 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




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





Et voilà!German language (for the time being)

simimlar to Introduction Package

classic and clean design & best practises

howto in Frontend and Backend

DRAFT




The Government PackageSonntag, 9. Oktober 11




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





Layout & Designanalyze 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





Markupsimplified & valid

based on HTML5 Boilerplate

uses semantic information and structure

header, footer, section, aside, nav, ...

enhanced content rendering (css_styled_content)





Stylingpixels 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>





Best Practicesfontsize 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



Best Practicesfontsize 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


The Government PackageSonntag, 9. Oktober 11




Requirementsthink 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



The future of the story...


The TYPO3 Government Package

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!




Links

LinksTYPO3 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/






http://packages.typo3incubator.org

http://packages.typo3incubator.org

?????????????


inspiring people to share.


TYPO3 Government Package

Technology

Transcript of TYPO3 Government Package