[Pro] Problem website - passage from fw 5 to fw 6

I finally moved from freeway5 to freeway 6, everything seems working fine, except a minor but annoying unaesthetic behavior.

If you click on one of the four buttons of the homepage of my website (http://thecuttingedgegallery.com/index.html#.UmTw83lkZn8), a strange light blue line appears around the button and if I navigate back to the page, this line is still present.
At the beginning I was thinking this was due to the action Rollover I make the animation of these buttons with, but I noted the same problem in the navigation bar occurs (5 orange buttons in top right corner, excluding the homepage).

I tested the website on safari, firefox and chrome for mac and I observe the problem in all browsers. When the site was exported from freeway 5, the problem was not present and it appeared with the passage to freeway 6.

Do you have any suggestion to fix the problem?
Thanks in advance for any hint!

http://thecuttingedgegallery.com/index.html#.UmTw83lkZn8


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

What you are seeing is the outline style attribute, which your browser is adding for you. This is an important accessibility element, so don’t rush to get rid of it without understanding what it is for.

Some people visiting your site may not use a mouse, either because they don’t like it, or more likely, because they have a physical disability that keeps them from being able to use it. They rely on the Tab key to move from link to link in the page, and when the one they want to visit lights up with this rectangle, they press the Return key to navigate to it.

In the US, if your site is in any way associated with the federal government (gets money in any way, however distant, from the government) you MUST enable this feature and others, or face an enormous (and per-visitor) punitive fine for violating the Americans with Disabilities Act. (My understanding of the rule is that everyone is going to be burdened with this requirement sooner or later, they are just enforcing it with contractees at this point.)

Now the good news is that to avoid this liability, all you have to do is nothing. Freeway already does the right thing.

If you are offended by the visual look of this, you can get rid of it, but you will be doing a disservice to your visitors. The relevant CSS to add to your page is this:

<style type="text/css">
a {
	outline: none;
}
</style>

But you didn’t hear that from me.

Walter

On Oct 21, 2013, at 5:33 AM, Matt wrote:

I finally moved from freeway5 to freeway 6, everything seems working fine, except a minor but annoying unaesthetic behavior.

If you click on one of the four buttons of the homepage of my website (http://thecuttingedgegallery.com/index.html#.UmTw83lkZn8), a strange light blue line appears around the button and if I navigate back to the page, this line is still present.
At the beginning I was thinking this was due to the action Rollover I make the animation of these buttons with, but I noted the same problem in the navigation bar occurs (5 orange buttons in top right corner, excluding the homepage).

I tested the website on safari, firefox and chrome for mac and I observe the problem in all browsers. When the site was exported from freeway 5, the problem was not present and it appeared with the passage to freeway 6.

Do you have any suggestion to fix the problem?
Thanks in advance for any hint!

http://thecuttingedgegallery.com/index.html#.UmTw83lkZn8


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you for answer, ok I understand, I will leave this accessibility element but now I have a new question: why this element does not appear on all the clickable elements but only on those buttons. For instance in the homepage there are other links associated to the text in the bottom part of the page why if I use the tab to navigate the page I do not see this blue light line around the clickable element.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

That’s because the buttons on your home page are using image maps rather than ordinary links. If you make your button images square images (they can look exactly the same, just be imported into regular rectangular image boxes) then you won’t see this behavior. Freeway overrides the border attribute on the image, which has the effect of hiding the link outline. It’s not the same as a { outline: none } would do.

Walter

On Oct 21, 2013, at 12:16 PM, Matt wrote:

Thank you for answer, ok I understand, I will leave this accessibility element but now I have a new question: why this element does not appear on all the clickable elements but only on those buttons. For instance in the homepage there are other links associated to the text in the bottom part of the page why if I use the tab to navigate the page I do not see this blue light line around the clickable element.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thank you for the very clear answer!


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options