Search and Top Navigation
#9285 closed bug (notabug)
Opened May 13, 2013 03:11AM UTC
Closed May 13, 2013 12:13PM UTC
Last modified May 13, 2013 12:44PM UTC
Removing href attributs of a elements in tablist causes unexpected problem
Reported by: | Ian Y. | Owned by: | |
---|---|---|---|
Priority: | minor | Milestone: | none |
Component: | ui.tabs | Version: | 1.10.3 |
Keywords: | Cc: | ||
Blocked by: | Blocking: |
Description
Using the following codes to remove href
attributs of a
elements in tablist causes unexpected problem to tab behavior.
$("#tabs").tabs().find('ul[role="tablist"] a').removeAttr('href');
Please see the example: http://jsfiddle.net/bR82G/1/
Attachments (0)
Change History (4)
Changed May 13, 2013 12:13PM UTC by comment:1
resolution: | → notabug |
---|---|
status: | new → closed |
Changed May 13, 2013 12:21PM UTC by comment:2
_comment0: | Replying to [comment:1 scott.gonzalez]: \ > I'm not sure why that's an unexpected problem. \ [[BR]] \ Because tab panels should not rely on the anchors to function. [http://www.w3.org/WAI/PF/aria-practices/#tabpanel The two examples provided by W3C] don't rely on any anchor. → 1368447724624088 |
---|
Replying to [comment:1 scott.gonzalez]:
I'm not sure why that's an unexpected problem.
Because tab panels should not rely on the anchors for functioning. The two examples provided by W3C don't rely on any anchor.
Changed May 13, 2013 12:29PM UTC by comment:3
ARIA is in no way a user's guide to jQuery UI.
Changed May 13, 2013 12:44PM UTC by comment:4
Okay. But mouseover anchors which has href
attributes makes browsers' status bar show url addresses. That can confuse users because users might think clicking on these anchors will make the page jump to a certain point. Removing href
can reduce confusions.
Besides, unwanted url address showing up often is unpleasant. Many developers remove href
attributes (or don't add them in HTML) of button anchors because of that reason.
I'm not sure why that's an unexpected problem. The anchors no longer point to anything. Either call the
refresh()
method, or just don't do that. Hint: Don't do that.