Hi!
I am developing a web page that should be accesible. While working with GWT
I have discovered it is more focused in RIA than in creating standard and
good code. It is so open and powerfull that it still makes sense (to me) to
keep working with it so I just wanted to share with you the best practices I
found and the problems I could not solve yet to create a completely
acessible, valid and standard web. Would be nice to make this list grow as
there is almost no info about this on the Internet as far as I've found.
- *Tables* - Almost all GWT Panels end up transformed in html tables,
this shouldn't happen
- Affects to: All Panels that extend
*CellPanel<http://www.asquare.net/gwt/javadoc/1.0.21/src-html/com/google/gwt/user/client/ui/CellPanel.html#line.28>
*(this includes
DockPanel<http://www.asquare.net/gwt/javadoc/1.0.21/com/google/gwt/user/client/ui/DockPanel.html>
,
HorizontalPanel<http://www.asquare.net/gwt/javadoc/1.0.21/com/google/gwt/user/client/ui/HorizontalPanel.html>
,
VerticalPanel<http://www.asquare.net/gwt/javadoc/1.0.21/com/google/gwt/user/client/ui/VerticalPanel.html>
)
- Solution I found: Use other panels, for instance
*FlowPanel*<http://www.asquare.net/gwt/javadoc/1.0.21/src-html/com/google/gwt/user/client/ui/FlowPanel.html#line.28>(wich
becomes an html div) + some css for each panel
- *Missing html elements* - There are some elements that are quite
important for creating an accessible web
- Affects to: Ordered / Unordered lists. All the headings (tags <h*>)
- Solution I found: Either implement them or use
*HTML*<http://www.asquare.net/gwt/javadoc/1.0.21/src-html/com/google/gwt/user/client/ui/HTML.html#line.39>
instead
- *Missing TAG option* for
*Image*<http://www.asquare.net/gwt/javadoc/1.0.21/src-html/com/google/gwt/user/client/ui/Image.html#line.35>-
This is a mandatory attribute for html images. setTitle claims to be the way
but in the end it becomes a "title="something"" instead of tag="something"
so it doesn't work
- Affects to:
*Image<http://www.asquare.net/gwt/javadoc/1.0.21/src-html/com/google/gwt/user/client/ui/Image.html#line.35>
*
- Solution I found: none
- GWT adds script tags without a *type attribute*, wich prevents the web
pass the validation tests
- GWT uses a *tabindex attribute* for the history iframe. This attribute
is not valid for html4.01 transitional so the web won't validate again
Would be nice if you could share your own solutions, comment the ones I
proposed or extend the list with more problems! ^^'
--
You received this message because you are subscribed to the Google Groups
"Google Web Toolkit" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/google-web-toolkit?hl=en.
