Opened 13 years ago

Closed 13 years ago

#4377 closed enhancement (fixed)

Using CSS to switch pointer for high contrast mode facilitation

Reported by: guest Owned by: Becky Gibson
Priority: high Milestone: 1.1
Component: Accessibility Version: 0.9
Keywords: High Contrast Cc:
Blocked By: Blocking:

Description

In my reading of the dojo book and my experience with the test apps/widgets, etc, I have an understanding of how the issue of swapping style sheet built items with a text equivilant, (replacing a picture of an "x" with the text "x" for a close window button). It does in fact work really well however I have noticed one issue. When the mouse hovers over these replacements you get the Ibeam cursor meaning you are hovering over text. Which is functionally correct but the preferred cursor would be the pointer cursor to indicate something is clickable. Trying to use an Ibeam cursor and clicking on something just seems so so cumbersome from a low vision point of view. But you can change the behavior using css that is not affected by high contrast settings. (tested on IE and FF)

<!DOCTYPE html PUBLIC "-W3CDTD HTML 4.01 TransitionalEN"> <html> <head>

<meta content="text/html; charset=ISO-8859-1"

http-equiv="content-type">

<style type="text/css">

.needsPointer { cursor:pointer }

</style> <title>Cursor: Pointer</title>

</head> <body> <span class="needsPointer"> This is some text. </span> <br> </body> </html>

Change History (5)

comment:1 Changed 13 years ago by Becky Gibson

Milestone: → 1.0

comment:2 Changed 13 years ago by ptbrunet

Owner: changed from Becky Gibson to ptbrunet

comment:3 Changed 13 years ago by Becky Gibson

Milestone: 1.0 → 1.1

comment:4 Changed 13 years ago by Becky Gibson

Owner: changed from ptbrunet to Becky Gibson
Status: new → assigned

using themes/themeTester.html in the trunk (Dec. 11, 2007) the only component I find that uses the i-beam is the tree.

comment:5 Changed 13 years ago by Becky Gibson

Resolution: → fixed
Status: assigned → closed

(In [11796]) fixes #4377 update dijit.css to include cursor:pointer on dijitExpandoText - this is the only occurrence I could find where the cursor was incorrect in high contrast mode.

Note: See TracTickets for help on using tickets.