WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum > Accessibility and Usability Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Accessibility and Usability Forum Discuss topics related to website accessibility and usability. Subjects include; testing techniques, tutorials, guidelines and legal issues.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 01-20-2004, 11:38 AM
WebProWorld 1,000+ Club
 

Join Date: Jul 2003
Location: Western Australia
Posts: 2,105
matauri RepRank 0
Default accesskey CSS

With the new business site I am trying to make it 'accessible', but I am hitting a snag with Firebird. I read a tutorial that told me to put the following snippet of code in to make it work properly in browsers other that IE. Problem being, that when you mouseover it, not only does the 'title' show, but so does text showing the accesskey. Consequently, at bottom of page it pushes links, images over & underlines the link & the acceskey text.

URL : http://attitude-emedia.net/ (only front page)
CSS : http://attitude-emedia.net/attitude(1).css

This is the code I included in the CSS.
(its at bottom of CSS file)

*[accesskey]:hover:after, :focus:after{
display: block;
font-size: 0.5em ;
font-weight : bold;
content: " [Alt+" attr(accesskey) "]";
}


Suggestions?


Cindy
__________________
Web Development Community ::: Forum ::: Library

It' time for Progressive Web & IT Development!
Reply With Quote
  #2 (permalink)  
Old 01-20-2004, 04:49 PM
WebProWorld New Member
 

Join Date: Jan 2004
Posts: 13
mikmikmik RepRank 0
Default

a [accesskey="i"] href="http://attitude-emedia.com/">[img]Attitude%20Hosting%20Domain%20%20Hosting%20Service s%20...%20Mandurah,%20Western%20Australia_files/att-sml-logo.gif[/img]</a>*

*****[color=red]PRIVACY*****|*****POLICIES

TERMS*

** <a *[accesskey="o"] href="http://attitude-emedia.net/">
[img]Attitude%20Hosting%20Domain%20%20Hosting%20Service s%20...%20Mandurah,%20Western%20Australia_files/host-sml-logo.gif[/img]</a>

You know who, I just had to go get firebird because I just reinstalled win2K and now can't boot to XP and then I don't have zip and etc and no cookie doesnt work that I saved blah be-dee-blah you know who :O)))

I have a PM email at you when I get my grip on reality back, Yar? lol
Reply With Quote
  #3 (permalink)  
Old 01-20-2004, 10:42 PM
WebProWorld 1,000+ Club
 

Join Date: Jul 2003
Location: Western Australia
Posts: 2,105
matauri RepRank 0
Default

I know your going somewhere with this, jsut trying to figure out where.

Are you saying Mik that I put the accesskey at front of <a> tag? What are you telling me with the rest of the red text? Excuse my brain if its obvious & I'm not seeing it, but operating on little to no sleep at moment :-)


Cindy
__________________
Web Development Community ::: Forum ::: Library

It' time for Progressive Web & IT Development!
Reply With Quote
  #4 (permalink)  
Old 01-20-2004, 11:17 PM
mikmik's Avatar
WebProWorld 1,000+ Club
 

Join Date: Aug 2003
Location: Edmonton, AB, Canada
Posts: 3,406
mikmik RepRank 1
Default

Mat, Please accept my apologies! I wondered how it would look. Damn, I was offline (blah long story) today and getting madder, frustrated and etc.

Anyways, I could barely get Moz Firebird going and when I did, I tried a couple of differrent combos, and most looked goot!

I wasn't sure what you see with IE5x, so I was trying to hint to try variations on the theme. LOL (sure, now :O))

Man, I couldn't log in, I had backed up my cookies as a CSV file, I just came from another scramble with 'external" ( I hope you saw), and I lost half my post, I thought , thanks goodness Moz Baby (not like IE Blah!)

So I am sorry, I tried to send you a PM and E-mail, and it was funnie after, but I sowwey }:-\

So the main one i found for Moz/Firebrd + IE6 was the one with the
Quote:
PRIVACY
I don't know what exactly you were trying for, I got blown away with info when I looked! E-mail/PM anything. (Ph. 1 250 860 4241 LOL)

HTH

PS Those spaces in the page and folder titles are driving me berserk!! I am all configured with "localhost" stuff and all the spaces get %20 in them!
__________________
What I am is what I am, are you what you are, or what.
Eddie Brickel
Reply With Quote
  #5 (permalink)  
Old 01-20-2004, 11:26 PM
WebProWorld 1,000+ Club
 

Join Date: Jul 2003
Location: Western Australia
Posts: 2,105
matauri RepRank 0
Default

Yeah, it works fine for IE, but doesnt everything! LOL

It was Firebird I was having the issues with.

So restructing the tag will do it hey? And that is keeping the following still in the CSS file?

*[accesskey]:hover:after, :focus:after{
display: block;
font-size: 0.5em ;
font-weight : bold;
content: " [Alt+" attr(accesskey) "]";
}


Cindy
__________________
Web Development Community ::: Forum ::: Library

It' time for Progressive Web & IT Development!
Reply With Quote
  #6 (permalink)  
Old 01-20-2004, 11:32 PM
mikmik's Avatar
WebProWorld 1,000+ Club
 

Join Date: Aug 2003
Location: Edmonton, AB, Canada
Posts: 3,406
mikmik RepRank 1
Default

Yes. I did not touch the css sheet.
There is no jump with this in FB.

That is why I was freaking about Firebird before, I just put Win 2K and then FB is a zip and ... RTFOL.

I thought I saw you here. I am pretty sure that this looked exactly the same for the 'tooltip' thingamabob
__________________
What I am is what I am, are you what you are, or what.
Eddie Brickel
Reply With Quote
  #7 (permalink)  
Old 01-20-2004, 11:49 PM
mikmik's Avatar
WebProWorld 1,000+ Club
 

Join Date: Aug 2003
Location: Edmonton, AB, Canada
Posts: 3,406
mikmik RepRank 1
Default

Hi again, I just Firebird up on my #2 here. All of the ones in red above show a bit diferent, and the first one (left image in bar) does not show the popup for Firebird.

I will upload and put a link back here.

Probobly bobobabaly - I iwll uload to here;
http://factor1.net/temp/active.html

Give me 5...
__________________
What I am is what I am, are you what you are, or what.
Eddie Brickel
Reply With Quote
  #8 (permalink)  
Old 01-22-2004, 12:45 AM
WebProWorld Member
 

Join Date: Jul 2003
Location: Philadelphia
Posts: 77
dean RepRank 1
Default access key

Sometimes you can inadvertantly make a site less accessible by defining access keys. Any application/browser that displays your site will usually have plenty of it's own access keys. It's very easy to create an access key that has already been used by the browser, thus causing confusion. Most everything can be accessed by tabbing anyway.
Just thought I'd point that out.
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum > Accessibility and Usability Forum
Tags: ,



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


Search Engine Optimization by vBSEO 3.2.0