click-dev mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From "Bob Schellink (JIRA)" <j...@apache.org>
Subject [jira] Commented: (CLK-544) FieldSeparator control.
Date Sun, 11 Apr 2010 06:40:41 GMT

    [ https://issues.apache.org/jira/browse/CLK-544?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12855681#action_12855681
] 

Bob Schellink commented on CLK-544:
-----------------------------------

Thanks for that Adrian. Can you point to some sites using this approach? Are they high profile
sites? Would be interesting to see high profile site promoting this use of FieldSet.

I did a quick investigation on how screen readers interact with fieldsets and stumbled upon
this article:

  http://www.paciellogroup.com/blog/?p=3

According to this article screen readers will *not* read the fieldset legend as you tab down
the form fields. Only fields *inside* the fieldset will have the fieldset legend prefixed
to the name of the field, providing the user with feedback on what is contained inside the
FieldSet.

Screen readers also has the command "Next Fieldset" (E) and "Previous Fieldset" (shift+E)
which won't work if FieldSet is used as a separator since the user will be jumping from FieldSet
to FieldSet but won't find any fields available inside the fieldset.

Interesting stuff.

> FieldSeparator control.
> -----------------------
>
>                 Key: CLK-544
>                 URL: https://issues.apache.org/jira/browse/CLK-544
>             Project: Click
>          Issue Type: New Feature
>          Components: examples
>            Reporter: Adrian A.
>            Assignee: Adrian A.
>            Priority: Minor
>             Fix For: 2.3.0
>
>
> In many forms it is required to use a  "separator" between fields, to group them visually,
but not to add them to a FieldSet (since this should be a pure visual effect).
> Adding the controls to a FieldSet also breaks the alignment between groups, since each
FieldSet seems to be aligned differently (due to the use of tables for auto-rendering).
> A simple implementation for a FieldSeparator would look like the following snippet:
> <code>
> /**
>  * A separator made by <b>re-using</b> the FieldSet control.<p/>
>  * A special CSS style: <code>.fieldSeparator</code> is added to the HTML
fieldset,
>  * that draws only the bottom line:
>  * <pre>
>  * .fieldSeparator {
>  *   border-bottom:0;
>  *   border-left:0;
>  *   border-right:0;
>  *   border-top-width:4px;
>  *  }
>  * </pre>
>  *
>  * @see net.sf.click.control.FieldSet
>  */
> public class FieldSeparator extends FieldSet {
>     public FieldSeparator() {
>     }
>     public FieldSeparator(String name) {
>         super(name);
>         addStyleClass("fieldSeparator");
>     }
>     public FieldSeparator(String name, String legend) {
>         super(name, legend);
>         addStyleClass("fieldSeparator");
>     }
>     // override container methods since this should be a pure visual control.
>     // ....
> }
> </code> 
> Thank you,
> A.

-- 
This message is automatically generated by JIRA.
-
If you think it was sent incorrectly contact one of the administrators: https://issues.apache.org/jira/secure/Administrators.jspa
-
For more information on JIRA, see: http://www.atlassian.com/software/jira

        

Mime
View raw message