Creating accessible web forms

M

Mike

It would be greatly appreciated if some improvement was made to the way in
which a user applies a label to a web form field inside the GUI of FrontPage.
Specifically, I would like to be able to place my form fields and text
labels in an HTML table and then associate the the two together from inside
the GUI. In FP2003 I have not found a way to do this.

If the text label and field are adjacent to one another (i.e. not in a
table) the process of associating the two is fairly simple. If the text
label and form field are then moved to a new location on the page (i.e. into
a table) the association is lost. It seems that this would be a simple
enough fix to keep the assocation even if the two are not adjacent.

This issue is a huge stumbling block for novice users of HTML and prevents
those users from creating accessible web forms.

-Mike
 
C

Chris Leeds, MVP-FrontPage

it's because the two elements are separated by a </td> and <td> tag.
since you've got fp 03, you could label them in "split view", even load the
label code into the "code snippets" so it'll be easy to do repeatedly.


--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
 
T

Thomas A. Rowe

Why not insert your text (label) hit SHIFT+Enter and then insert your form field all within the same
cell.

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
M

Mike

I'm not sure how that would work. I would need a way to insert an open and
close "LABEL" tag around the text label and then insert the "ID" attribute in
the form field tag. In addition, each label would have to have a unique
name. How can this be done using code snippets? I'm not familiar with code
snippets. Is there a tutorial that could help me out?

-Mike
 
M

Mike

This would work. However, the affect I'm going for is to have the text
labels in the left column and the form fields in the right column. This
keeps all of the form fields all lined up on top of each other. The point is
not that I'm unable to make it work this way, but in order to do so, I have
to go into the HTML and manually create the "LABEL" tag and insert the "ID"
attribute in the form field tag. I'm just saying that there should be a way
to handle this using only the "Design" mode.

-Mike
 
T

Thomas A. Rowe

Maybe in the next version....

--
==============================================
Thomas A. Rowe (Microsoft MVP - FrontPage)
WEBMASTER Resources(tm)

FrontPage Resources, WebCircle, MS KB Quick Links, etc.
==============================================
 
S

Stefan B Rusynko

This one explains how to use/manage Code Snippets better
http://msdn.microsoft.com/office/de..._fp2003_ta/html/odc_fpCustomizingSnippets.asp




| you may be able to do it. I don't think you'd have to mess with the form
| field as it should have an ID just by being put there.
|
| here's a snippet tut:
| http://www.frontpagewiz.com/tutorials/code_snippets/
|
| there seemed to be a few when I googled.
|
| it's all about the | character. ;-)
|
| --
| Chris Leeds,
| Microsoft MVP-FrontPage
|
| ContentSeed: great tool for web masters,
| a fantastic convenience for site owners.
| http://contentseed.com/
| --
| | >
| > I'm not sure how that would work. I would need a way to insert an open
| and
| > close "LABEL" tag around the text label and then insert the "ID" attribute
| in
| > the form field tag. In addition, each label would have to have a unique
| > name. How can this be done using code snippets? I'm not familiar with
| code
| > snippets. Is there a tutorial that could help me out?
| >
| > -Mike
| >
| >
| > "Chris Leeds, MVP-FrontPage" wrote:
| >
| > > it's because the two elements are separated by a </td> and <td> tag.
| > > since you've got fp 03, you could label them in "split view", even load
| the
| > > label code into the "code snippets" so it'll be easy to do repeatedly.
| > >
| > >
| > > --
| > > Chris Leeds,
| > > Microsoft MVP-FrontPage
| > >
| > > ContentSeed: great tool for web masters,
| > > a fantastic convenience for site owners.
| > > http://contentseed.com/
| > > --
| > > | > > >
| > > > It would be greatly appreciated if some improvement was made to the
| way in
| > > > which a user applies a label to a web form field inside the GUI of
| > > FrontPage.
| > > > Specifically, I would like to be able to place my form fields and
| text
| > > > labels in an HTML table and then associate the the two together from
| > > inside
| > > > the GUI. In FP2003 I have not found a way to do this.
| > > >
| > > > If the text label and field are adjacent to one another (i.e. not in a
| > > > table) the process of associating the two is fairly simple. If the
| text
| > > > label and form field are then moved to a new location on the page
| (i.e.
| > > into
| > > > a table) the association is lost. It seems that this would be a
| simple
| > > > enough fix to keep the assocation even if the two are not adjacent.
| > > >
| > > > This issue is a huge stumbling block for novice users of HTML and
| prevents
| > > > those users from creating accessible web forms.
| > > >
| > > > -Mike
| > > >
| > >
| > >
| > >
|
|
 
C

Chris Leeds, MVP-FrontPage

thanks!
I love the code snippet feature. hopefully in a future release MS will give
the feature a "pane" like layers and behaviors has. I use a plain text
editor called "note tab" and it's got a great clip library feature,
something in FrontPage that mimics that would be rockin. ;-)

--
Chris Leeds,
Microsoft MVP-FrontPage

ContentSeed: great tool for web masters,
a fantastic convenience for site owners.
http://contentseed.com/
 
Top