Why do Google SkipTo Links work with hrefs? - accessibility

How does Google get away with SkipTo links without hrefs? Whenever I try, they don't work but they work fine for Google. What kind of sorcery is this?!

Looks like I was just missing tabIndex and keyDowns.

Related

Extra google maps buttons on ipad doing nothing

I'm using a Google maps iframe to display the location of my customer on his webpage. Works fine, but when viewed on Ipad the Google server apparently sends a different version of the maps. It looks like this:
Now, that wouldn't be a problem, but the two buttons on the bottom (i marked them in red), which I'm assuming are supposed to allow routing or something, don't do anything when being clicked?!
Has anyone an idea what my problem here might be? And how I either get those buttons to work (preferred solution) or else get them to disappear?
You can get rid of them by reducing size (height) of your iFrame and adding overflow:hidden style.
They don't work for me either. I seen this bug. But it's not the first time Google screws something on mobile devices (Google News for example somehow thinks my PC is a Tablet), so I wouldn't worry about that too much. Eventually hopefully they'll figure it out.

Custom css for entire Google Chrome browser

Is it possible to change CSS that google Chrome apply to websites.
I want to hide some elements for example on facebook to dont see it, becouse it eats half of my free time.
Something like
.facebook-wall{display:none;} -auto applied everytime I go to fb.
Assuming I understand you correctly...
This isn't for a website you're making
This is only for your own personal use
Use Tampermonkey.
https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=en
It's supposed to work much like Greasemonkey (the Firefox add-on), and it should meet your needs.
Stylebot is a good extension. You can interactively build some custom CSS to apply to your choice of website.
It even seems to have an accompanying website where other people have shared their concoctions, so possibly somebody has already put together something to filter down Facebook feeds.

Multiple HTML 5 Canvases

I am new to HTML 5 and I recently created a page that has an issue. I grouped my navi links together with a tag and it works great. The problem is that none of the other links on the page work at all. This may be an obvious fix but I have been struggling for hours. I can provide code but its 400 lines and I thought someone may have an idea.
Thanks for all your help
-Tom
For starters make sure your markup is valid. A good way to start is using the W3C Validator. If that is valid do the same with the JavaScript using JS Hint or JS Lint. And don't forget to check the developer console in Chrome or FireFox as it might show errors as well.

Google Maps V3: Styled maps suddenly lost their styles?

I was working on my site last night and suddenly my styled map went back to the default style. Looking around it seems that the styles on Google's own blog aren't working.
Even the Map style wizard is not working.
I thought this might just be me, but I have looked in both Firefox and Chrome and on two different computers. Strangely, it does seem that there are some maps that are still styled.
Has there been a change in the syntax? None of my code has changed.
My site is here if you want to look for yourself. Can someone confirm this for me? Can you see a problem with my js code?
You are using a deprecated field. Change rules to stylers and it should work fine.
Ive just had the same problem with my implementation, just stopped working in the last 12 hours or so. I am going to try and figure out whats gone wrong because as you said, some are still working.
skarE's post fixed it for me, nice one!

In-text hyperlinks shown by Internet Explorer without the following space. What can be the reason? YUI?

I've a problem which is most likely some ugly CSS mistake, but I just can't spot the solution (and a few changes I tried did not help).
Some of in-text hyperlinks (not all!) are shown by Internet Explorer without the following space.
here is the example
See the link WatchBot just below the Rationale title (and a few similar links deeper in the article). Firefox, Opera, Chrome, Konqueror - all display it properly: WatchBot can. IE (6.0 but IIRC also 7.0) displays it as **WatchBot***can*.
I am using Yui-reset and yui-base. Is it possible that those libraries cause the problem?
Do you have a script running on, and altering, the content in any way? I say this because the page loads normally initially, but looks as though it undergos some modification later in the loading lifecycle.
If you think reset or base are making this happen try removing them one at a time - I haven't had any experience of this error before however (I usually use the full whack: Reset, Grids, Base and Fonts).
What I did notice however is that the first WatchBot link of the page is simply this:
<p>Have you ever been curious how is
WatchBot
picking the games to observe and save? Here is the explanation.</p>
Where as the second link looks like this:
<span>Due to the FICS limitations </span>
WatchBot<span> can
I have no idea what that second span is doing there - might be something to check up on. (It validated fine however - so there's definitely an closing span somewhere).
I'd say a good place to start would be to but a space after the anchor but before the span, rather than right after the span start tag.
Current state of the things: as steve_c spotted first, and buti-oxa confirmed, it looks like the layout is being spoiled by javascript (and as Ross noted, some extra spans are injected). Thank you all, I missed it.
I am to make experiments and selectively disable those scripts (analytics and google ads) to check whether it helps (my current bet is that maybe I have some HTML error or naming conflict)
Did you try to disable pageTracker? It seems to be the only script on your page, and it looks fine to me in its static form.
EDIT: I wondered what span Ross was talking about - I did not see any. I viewed the source. I just learned that Firefox allows to see both source and generated source (Toos/Web Developer/View Source). Sure enough, generated source has additional span inserted.
Solution: my page was spoiled by the text-link-ads script (which, in fact I activated on English blog by mistake - this is script by adkontekst.wp.pl, Polish firm). After disabling it everything is OK.
Thanks for everybody who pointed me into the right direction.

Resources