taskGNU Herds - Free Software Association - Tasks: task #6461, JavaScript should be independent...

 
 

You are not allowed to post comments on this tracker with your current authentication level.

task #6461: JavaScript should be independent of input mode; @onmouseover is not accessible

Submitter:  Davi Leal <davi>
Submitted:  Mon 29 Jan 2007 07:20:04 PM UTC
   
 
Should Start On:  Mon 29 Jan 2007 12:00:00 AM UTC Should be Finished on:  Thu 29 Mar 2007 12:00:00 AM UTC
Category:  Bugs Priority:  3 - Low
Status:  Done Privacy:  Public
Assigned to:  davi Percent Complete:  100%
Open/Closed:  Closed Effort:  0.00

Mon 29 Jan 2007 07:20:04 PM UTC, original submission:  

Victor Engmark wrote:

> JavaScript should be independent of input mode; @onmouseover
> is not accessible.


An example can be found at https://www.gnuherds.org/Person.php, where there
is a link defined as follows:

<a href="javascript://" OnMouseOver="popup('Default image size:
90x120','lightyellow',300);" OnMouseOut="kill()">Photo</a>

This won't work in several cases:

   - Graphical browsers where JavaScript is turned off
   - Textual browsers like Lynx
   - Audio browsers

In addition, it can confuse users by having the look and feel of an ordinary
link, while not doing anything when clicked.

However, it's relatively easy to fix: Using the "title" attribute on the
form field label* will result in "hover help" for most browsers, while at
the same time being semantically correct and accessible. Additional styling
of @title can be created using JavaScript / CSS.

  • Another note from looking at the forms is that they are almost completely

devoid of semantics, while at the same time displaying graphical elements
easily created using <fieldset> and <label> plus some CSS. This would also
result in a lot less markup.

Related links:
Writing Responsible
JavaScript<http://24ways.org/2006/writing-responsible-javascript>

>From DHTML to DOM

scripting<http://icant.co.uk/articles/from-dhtml-to-dom/from-dhtml-to-dom-scripting.html>
4 Layers of Separation<http://particletree.com/features/4-layers-of-separation/>
Label placement in forms <http://www.uxmatters.com/MT/archives/000107.php>
Simple Tricks for More Usable Forms <http://www.sitepoint.com/print/1273>
Example of semantic
form<http://filterous.l0b0.net/?user_name=engmark&and_tags=forms>(shameless
plug)

Davi Leal <davi>
Group administrator

 

(Note: upload size limit is set to 16384 kB, after insertion of the required escape characters.)

No files currently attached

 

Depends on the following items: None found

Items that depend on this one: None found

 

Carbon-Copy List
  • -email is unavailable- added by davi (Submitted the item)
  •  

    There are 0 votes so far. Votes easily highlight which items people would like to see resolved in priority, independently of the priority of the item set by tracker managers.

     

    Follow 10 latest changes.

    Date Changed by Updated Field Previous Value => Replaced by
    2007-04-06 davi StatusReady For Test Done
        Open/ClosedOpen Closed
    2007-04-05 davi Assigned toNone davi
    2007-04-05 davi CategoryOptimization Bugs
        StatusPostponed Ready For Test
        Percent Complete30% 100%
    2007-04-05 davi CategoryBugs Optimization
        Priority7 - High 3 - Low
        StatusNone Postponed
        Percent Complete0% 30%

    Back to the top

    Powered by Savane 3.13-0329.
    Corresponding source code