"The most exciting phrase to hear in science, the one that heralds new discoveries, is not 'Eureka!' but 'That's funny...'"Isaac Asimov
|
| |
7 Top Ways to Avoid Link Theft
If you have a link directory on a website, how do you stop link theft by sites that don't link back, or trick you into thinking they do ?Whether link theft is anything to get concerned about depends on how many links your website has, the quality of those ...
How to Get Your Visitors To "Tell A Friend"
Does your website offer visitors a quick and easy way torecommend it to a friend? If not, you're missing out on apotential gold mine of free traffic.The benefits:1. Automated website promotion. You set up the program andyour visitors do the work of ...
Seven Sure Fire Ways to Scare Your Customers Away
Your visitors are your most important Internet asset. Withoutvisitors, you don't have buyers, and without buyers you don'thave a business.But visitors are a fickle beast. Somewhat like a cautiousmouse - always sniffing and nosing about, but at the ...
|
|
|
| |
More and more commercial websites are featuring pop-ups these days. In many instances, I'm noticing more pop-ups being used for advertising, probably due to the harsh reality that is "banner blindness". In other cases, pop-ups are used to display supplemental content to the parent page. Unfortunately, many designers know little about how to make a proper pop-up window that will be accessible.
Among the many concerns of accessible design is found in "Guideline 6" of the W3C's Web Content Accessibility Guidelines: http://www.w3.org/TR/WCAG10/#gl-new-technologies - "Ensure that pages are accessible even when newer technologies are not supported or are turned off." Simply put, you should ensure that your content remains accessible to those who modify their accessibility settings to disable scripting or whose choice of adaptive technology does not recognize scripting. See also the relevant Section 508 criteria: http://www.access-board.gov/sec508/guide/1194.22.htm#(l)
Popups are among the items that most often violate this accessibility guideline
A common pop-up window link will probably begin like this: http://www.w3.org/Addressing/URL/4_2_Fragments.html ). What this means to us is that the "#" is supposed to point somewhere, such as a named object on the page. It is not a default "Do Nothing" character. The hash symbol prepends the name of the target. So that Contact me will take you to a place on the page that is named "contact" -
Using just plain "#" as the hypertext reference is bad because "A void fragment-id with or without the hash sign means that the URL refers to the whole object." In most browsers, it will be interpreted as pointing back to the beginning of the page. At best, it will do nothing when clicked.
In the second case, using "javascript:;" as the hypertext reference simply does nothing. Remember, we're dealing with those who for one reason or the other can't use anything dependent upon JavaScript. So again, this link does nothing for someone whose browser does not recognize javascript.
It can be done better and work well for all
Fortunately, we can create an accessible alternative that functions perfectly for those with JavaScript enabled, yet degrades well for those who don't. We do this by using a real link to the actual destination in our hypertext reference:
Open Window
The above is the "accessible" method to open a popup (opening new windows is bad anyway, so I guess this is the lesser of two evils). Using the real file as the hypertext reference, but set the link to "return false" will operate properly whether the person has JavaScript enabled or not. Those without JavaScript enabled still get to the content, and those who have JavaScript get the popup as intended.
Now, here's the treat: Many people offer a means to close the pop-up that has just opened. Again, they do this with either Close Well, like I said before, all this does is take them to the top of the page. Assuming the popup is linked on only one page we can take them back by placing the referring file in the hypertext reference: Close
The use of the word "Close" might be confusing, but there are two schools of thought here.
1. By not opening the new window on those w/o JavaScript, the back button still works and will use this
2. Using a title will help them predict what will happen. Like so: Close
Alternatively, you might also use the alt text attribute of a transparent spacer image: ![[Go Back]](path/spacer.gif) (This assumes they're also surfing with images off or on a non-graphical browser)
Ultimately, this comes down to what you hear me say so often: You cannot reliably predict the user or their settings. So don't try. Make it right and it will be usable to all.
Disclaimer:
Opening new windows is bad enough as it is. The above article only aims at showing you how to make them better. The best answer is to not use them at all. Please see the following links for details -
- Jakob Nielsen's Alertbox: The Top Ten New Mistakes of Web Design
- Jakob Nielsen's Alertbox: Top Ten Web-Design Mistakes of 2002
- Dive Into Accessibility: Day 16, Not Opening New Windows
- Dan's Web Tips: Opening New Browser Windows
Karl Groves is a freelance web designer who has done production work for such sites as National Cancer Institute, Network For Good and Aerospace Medical Association.
|
|
|
|
|
|
 Haye must switch Klitschkos for title challenge - Daily Times
LONDON: David Haye won’t be able to challenge Vitaly Klitschko for his WBC heavyweight title in June but hopes to fight his brother, Wladimir, instead. Haye and Vitaly Klitschko had agreed a June 20 fight in London but the Ukrainian now has to make ...
Israel targets Rafah tunnels - BBC Middle East
BBC journalist joins Israeli troops in Gaza (01.34) Ceasefire permits children to play (00.45) Shopping for 'basic needs' in Gaza market (01.56) Funerals held for Gaza school victims (00.49) Inside Gaza: Key sites hit by Israelis (00.39) Former ...
BBC journalist with Israeli army in Gaza - BBC Middle East
Please turn on JavaScript. Media requires JavaScript to play. BBC journalist joins Israeli troops in Gaza (01.34) Ceasefire permits children to play (00.45) Gaza buries its dead (03.38) Rice presses hard for ceasefire (01.56) Shopping for 'basic ...
Obama attends presidential lunch - BBC News
Please turn on JavaScript. Media requires JavaScript to play. Democrat Jimmy Carter (1977-81), Mr Bush's father Republican George HW Bush (1989-93) and Democrat Bill Clinton (1993-2001) then joined them for a group photograph in the Oval Office ...
Video: Running Lines at the final "SantaLand Diaries" - Denver Post
You must be registered to comment (your comment will be saved for you while you register). It's quick (it takes about 30 seconds) and we only require your email and name. Comments that include any offensive material are prohibited. By using our site ...
|
