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
Milestone: | → 1.0 |
---|
comment:2 Changed 13 years ago by
Owner: | changed from Becky Gibson to ptbrunet |
---|
comment:3 Changed 13 years ago by
Milestone: | 1.0 → 1.1 |
---|
comment:4 Changed 13 years ago by
Owner: | changed from ptbrunet to Becky Gibson |
---|---|
Status: | new → assigned |
comment:5 Changed 13 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
using themes/themeTester.html in the trunk (Dec. 11, 2007) the only component I find that uses the i-beam is the tree.