usability

How can I use the <label> tag within an ASP.NET application? I want it to be valid, accessible, and usable. I understand the optimal HTML way is this: <label for="Username">Username:</label> <input type="text" id="Username" runat="server" /> But if the above code is in an ASP.NET user control, the input ID will change, meaning the label's "for" attribute is useless. I could make the label tag a server control and set its "for" attribute in the code ( Username.ClientID ), but it seems like a lot of work for such a simple thing. I've also seen this HTML used in the past: <label> <span>Username<

On a touch device like iPhone/iPad/Android it can be difficult to hit a small button with your finger. There is no cross-browser way to detect touch devices with CSS media queries that I know of. So I check if the browser has support for javascript touch events. Until now, other browsers haven't supported them, but the latest Google Chrome on dev channel enabled touch events (even for non touch devices). And I suspect other browser makers will follow, since laptops with touch screens are comming . Update: It was a bug in Chrome, so now the JavaScript detection works again . This is the test I

I'm looking for better understanding of the following user story: John works in Sidney. At 9:00 in the morning, he logs an event in a web app that runs on a server in Zurich. The next day, he travels to New York for an emergency meeting in which the event should be discussed. During the meeting, he searches for the event by date and time. As I see it, there are at least two issues here: How should I save the time stamps in the database How should I present them in the UI When John searches the event, he will know that it happened at 9:00 but what should he enter in the web browser? He won't

I need to add separators between elements of navigation. Separators are images. My HTML structure is like: ol>li>a>img . Here I come to two possible solutions: To add more li tags for separation (boo!), Include separator in image of each element (this is better, but it makes possibility that user may click on, example, "Home", but get to "Services", because they are one behind the other and user may accidentally click on separator that belongs to "Services"); What to do? Simply use the separator image as a background image on the li . To get it to only appear in between list items, position