italianskin: an improvement in the accessibility of the plone interface in order to be compliant...

19
 ItalianSkin ItalianSkin, an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people.

Upload: wooda

Post on 23-Jan-2015

2.150 views

Category:

Technology


0 download

DESCRIPTION

The Italian government has made a law specifying the accessibility requirements (the most famous is the usage of the Strict XHTML) for public administration websites. To enable Plone front- and back-end to be compliant with these specifications the ItalianSkin project was initiated, but its development has gone beyond the simple implementation of the law and has continued with the objectives of making Plone wholly functional with screen readers for blind people and providing developers with automatic tools to improve the accessibility of their own sites. We would recommend this talk to anyone developing websites and in particular to those who are responsible for accessibility.

TRANSCRIPT

Page 1: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

ItalianSkin

ItalianSkin, an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people.

Page 2: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Relators

Davide Moro (Redomino) Franco Carinato (Zope Italia) Massimo Azzolini (Redturtle) Nunziante Esposito (Unione Italiana Ciechi)

Page 3: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

How was born

based on an idea of Vincenzo Barone developed by Davide Moro (it was my thesis 

project at the Polytechnic of Turin)

Page 4: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What is ItalianSkin?

... and why this name? requirements for Italian Public Administrations 

websites the most famous is XHTML Strict other accessibility requirements

all pages should be validated Plone uses the Transitional doctype instead

Page 5: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Why XHTML Strict?

XHTML Strict no accessibility motivations

... but forward compatibility

Transitional doctype is transitional next versions will be similar to the strict one

more cleaner than Transitional free of presentation clutter

Page 6: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have done (1)

Skins XHTML Strict skin (both front and backend)

default tableless

Editors FCKEditor patch

offers some instructions how to use alternative text display an alert if you don't apply a title/alt to links or images

Kupu vs TinyMCE Editor vs RestructuredText Franco Carinato will talk about this issue

Page 7: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have done (2)

Portal transforms simple XHTML transform

stripped out attributes/elements not allowed it could be turned off

we will use the configurable Plone3 HTML Filter now

Page 8: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have done (3)

Validation tools what happens introducing bad code?

provided a validation tool it will be reimplemented with Zope/Plone 3 

technologies

Page 9: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have done (4)

Automatic validation automatic validation of all content types special thanks to RedTurtle

code in a separated branch Massimo Azzolini will talk about this talk

Page 10: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Validation action

Page 11: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Validation results

Page 12: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

ItalianSkin tool view

Page 13: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Target development version

preview of the new version of ItalianSkin for Plone 3.0.1 https://labs.redomino.com/ItalianSkin/bundles/3.0.1/ only for development (experimental release) working in progress...

Page 14: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have to do (1)...

Improvements to Plone skins

provide an high contrast skin (for low vision) or better, provide more that one skins (resting view, ecc...) same default graphical structure implements a skin switcher

improve the actual default skin more color contrast (green font on green background) increase vertical distance from links list of links separated from printable characters

Page 15: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have to do (2)

Improvements to Plone let's the user to customize the graphical template

background color font color ecc...

page template's code XHTML Strict check correct labelling controls text equivalent for every non­text element

Page 16: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

What we have to do (3)

Improvements to Plone javascript

some components don't work without JS resize font reference popup widget

forms screen readers'bugs

in edit mode Jaws doesn't read formHelp elements can we do something?

Franco Carinato will talk about these problems

Page 17: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Credits

Main authors Davide Moro (Redomino) Fabrizio Reale (Redomino) Vincenzo Barone (Abstract)

Page 18: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Special thanks

Franco Carinato (Zope Italia), for intensive testing with screen readers and content editors

Nunziante Esposito (Unione Italiana Ciechi), for his tests and suggestions

Massimiliano Martinez (Unione Italiana Ciechi), for his consulting about low vision

Massimo Azzolini (RedTurtle), for building the validating tool

Page 19: ItalianSkin: an improvement in the accessibility of the Plone interface in order to be compliant with Italian laws and screen readers for blind people

   

Any questions?

if we are late, at the end of the other talks