13942 2011-08-29 04:41:37 +0000 Allow @autofocus on any element with @tabindex 2013-12-17 11:21:20 +0000 1 1 1 Unclassified HTML WG HTML5 spec unspecified PC All RESOLVED WONTFIX http://dev.w3.org/html5/spec/association-of-controls-and-forms#attr-fe-autofocus a11y P2 normal --- 1 xn--mlform-iua contributor ayg giorgio.liscio ian jfoliot jonas laura.lee.carlson mike public-html-a11y public-html-admin public-html-wg-issue-tracking xn--mlform-iua public-html-bugzilla oldest_to_newest 55962 0 1026 xn--mlform-iua 2011-08-29 04:41:37 +0000 Created attachment 1026 Demo page (the demo immitates a frameset page) ISSUE: * @autofocus is currently permitted only on 5 elements: button; input; keygen; select; textarea * HOWEVER, javascript is used to set focus also on other elements. One usecase can be elements that imitated a frame: If the main content of the page is kept inside that element, then authors would like to give focus to that element, so that the user can start to scroll the page by pressing the SPACE key. * Of course, it must continue to only be permitted to have a single @autofocus per page. EXAMPLE PAGE: (also available as attachment): http://tinyurl.com/4xy4nr8 ADVANTAGES: Currently, one must use javascript to do this. This means that autofocus can't be set whenever javascript is disabled or when the author is unfamiliar with javascript. DISADVANTAGE OF CURRENT SITUATION: If a page contains e.g. a <button autofocus> element, the author might still use javascript to give focus to another element than the one with @autofocus set - making @autofocus virtually useless. But, if autofocus could be used to give focus to any element with @tabindex, then the author is more likely to keep @autofocus and javascript in sync (e.g. if he/she uses javascript to target legacy browsers). 55963 1 xn--mlform-iua 2011-08-29 05:14:27 +0000 MORE ON THE NEED FOR THIS CHANGE: It is currently rather common to "imitate frames" by using position:fixed banners and menus on the top of the page. However, authors often do not realize that this simplistic approach typically will cause the banner to hide content when the user is SPACE key scrolling. Example: http://www.gp.se/ (Swedish news paper with a banner that hides content - 3 to 4 lines - when SPACE key scrolling.) Some are are aware of the issue, and creates a banner that is so low that it doesn't create problems. Example: http://www.bt.no/ (Norwegian newspage where a fixed menu of low hight "pops up" when user is scrolling.I) On the other side, there exists more "true" frame imitations, which however suffer from the problem of getting focus on the content element. Example: http://www.cssplay.co.uk/layouts/fixit.html (A complete frame emulation which suffer from lack of interactivity, since it doesn't give focus to the main content element.) And lastly, frame pages and iframe pages are still in use - and often critisized. However, fact is that frame pages and iframe pages are simpler to give focus to (via Javascript) than it is to give focus to emulated frames: Firefox has a bug when it comes to setting focus on "imitation frames": https://bugzilla.mozilla.org/show_bug.cgi?id=682763 And Opera has a similar bug. These bugs are not present for "real" frame and iframe elements, where it is easy and safe to set the focus. Example of frame based page: http://di.se ( This page does not seem to manage focus - so it is not an example in that regard. So this page ony shows that setting focus via javascript can be a challenge to authors ... Please see the mozilla bug above for test frame and ifram tests. ) SUMMARY: @autofocus on any element with @tabindex will *not* be able to *automatically* solve all the above problems. However, I believe it would: make socalled "CSS frames" (that is: imitated frames) a more serious alternative. We have been bashing frames for a long time, but when one actually try to do CSS frames, then one stumbles on some much of the same problems. Permitting @autfocus on any element with @tabindex, could raise awareness about the correct way as well as raise the awareness of what it actually takes to imitate frames. 55975 2 xn--mlform-iua 2011-08-29 12:03:53 +0000 PROPOSED NEW SPEC TEXT: ]] The autofocus content attribute allows the author to indicate that a control <INS>or specially focusable element</INS> is to be focused as soon as the page is loaded, allowing the user to just start <INS>interacting with the element via the keyboard (for example </ins> typing<ins> or SPACE key scrolling a scrollabel element)</ins> without having to manually focus the main control <INS> or specially focusable element</INS>. [[ 61368 3 ian 2011-12-09 23:33:00 +0000 EDITOR'S RESPONSE: This is an Editor's Response to your comment. If you are satisfied with this response, please change the state of this bug to CLOSED. If you have additional information and would like the editor to reconsider, please reopen this bug. If you would like to escalate the issue to the full HTML Working Group, please add the TrackerRequest keyword to this bug, and suggest title and text for the tracker issue; or you may create a tracker issue yourself, if you are able to do so. For more details, see this document: http://dev.w3.org/html5/decision-policy/decision-policy.html Status: Rejected Change Description: no spec change Rationale: Let's see how people do with autofocus on <input> before we start making it even easier to move focus around. 97739 4 xn--mlform-iua 2013-12-17 11:21:20 +0000 *** Bug 24124 has been marked as a duplicate of this bug. *** 1026 2011-08-29 04:41:37 +0000 2011-08-29 04:41:37 +0000 Demo page (the demo immitates a frameset page) framulation.html text/html 3035 xn--mlform-iua PCFET0NUWVBFIGh0bWw+CjxodG1sIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hodG1s IiBsYW5nPSJlbiIgeG1sOmxhbmc9ImVuIiAKdGFiaW5kZXg9Jy0xJyA+CjxoZWFkPgo8bWV0YSBj aGFyc2V0PSJVVEYtOCIgLz4KPHRpdGxlPiBjc3MgZnJhbWVzIDwvdGl0bGU+CjxzdHlsZSB0eXBl PSJ0ZXh0L2NzcyI+Cmh0bWx7cG9zaXRpb246Zml4ZWQ7aGVpZ2h0OjEwMCU7b3ZlcmZsb3c6aGlk ZGVuO3BhZGRpbmc6MDttYXJnaW46MDt9CmJvZHl7cG9zaXRpb246Zml4ZWQ7Ym9yZGVyOnNvbGlk IGJyb3duO3RleHQtYWxpZ246Y2VudGVyO3BhZGRpbmc6MDttYXJnaW46MDt9CiNmcmFtZXt3aWR0 aDoxMDAlO2Rpc3BsYXk6YmxvY2s7bGVmdDowO3Bvc2l0aW9uOmZpeGVkO2JvcmRlci1ib3R0b206 ODRweCByZWQgc29saWQ7b3V0bGluZTowO3BhZGRpbmc6MDtkaGVpZ2h0OjEwMCU7dG9wOjEwMHB4 O2JvdHRvbTotMTAwcHg7IG92ZXJmbG93OnNjcm9sbDsgdGV4dC1hbGlnbjpjZW50ZXI7IH0KI2Zy YW1lOmZvY3VzIHtvdXRsaW5lOjA7fQojYmFubmVye3Bvc2l0aW9uOmZpeGVkO3dpZHRoOjEwMCU7 dG9wOjA7bGVmdDowO2JhY2tncm91bmQ6YnJvd247aGVpZ2h0OjEwMHB4O21hcmdpbi1ib3R0b206 LTEwMHB4O2ZvbnQ6Ym9sZCAzNnB4LzEwMHB4IHNlcmlmO2NvbG9yOnllbGxvdzt0ZXh0LWFsaWdu OmNlbnRlcjt9Cio6Zm9jdXMge2JhY2tncm91bmQ6bGltZSFpbXBvcnRhbnQ7fQoqOmFjdGl2ZSB7 YmFja2dyb3VuZDp5ZWxsb3d9Cio6dGFyZ2V0IHtiYWNrZ3JvdW5kOnJlZH0KLyoqLwo8L3N0eWxl Pgo8IS0tCjxzY3JpcHQ+CndpbmRvdy5vbmxvYWQgPSBmdW5jdGlvbigpIHsKaWYoIWRvY3VtZW50 LmdldEVsZW1lbnRCeUlkKSByZXR1cm47CnZhciBlbCA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlk KCdmcmFtZScpOwovLyBlbC50YWJJbmRleCA9IDMyNDU2OwpzZXRUaW1lb3V0KGZ1bmN0aW9uKGVs KXtyZXR1cm4gZnVuY3Rpb24oKXtlbC5mb2N1cygpfX0oZWwpLDUwKTsKfQo8L3NjcmlwdD4KLS0+ CjwvaGVhZD48Ym9keQoKIG9ubG9hZD0nZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImZyYW1lIiku Zm9jdXMoKTtwYXJlbnQucmFtbWEuZm9jdXMoKTsnCgogdGFiaW5kZXg9Jy0xJyAgPjxkaXYgdGFi aW5kZXg9JzQnIGlkPSJiYW5uZXIiIHN0eWxlPSIiID5iYW5uZXI8L2Rpdj48ZGl2IGNsYXNzPSdw JyBpZD0nZnJhbWUnIGFjY2Vzc2tleT0iayIgdGFiaW5kZXg9JzMnID4KQ29udGVudCDigJxmcmFt ZeKAnS48YnIvPgphPGJyLz4gYjxici8+IGM8YnIvPiBkPGJyLz4gZTxici8+IGY8YnIvPiBnPGJy Lz4gaDxici8+IGk8YnIvPiBqPGJyLz4gazxici8+IGw8YnIvPiBtPGJyLz4gbjxici8+IG88YnIv PiBwPGJyLz4gcTxici8+IHM8YnIvPiB0PGJyLz4gdTxici8+IHY8YnIvPiB3PGJyLz4geDxici8+ IHk8YnIvPiB6PGJyLz4gw6Y8YnIvPiDDuDxici8+IMOlPGJyLz4KCiBhMTxici8+IGIxPGJyLz4g YzE8YnIvPiBkMTxici8+IGUxPGJyLz4gZjE8YnIvPiBnMTxici8+IGgxPGJyLz4gaTE8YnIvPiBq MTxici8+IGsxPGJyLz4gbDE8YnIvPiBtMTxici8+IG4xPGJyLz4gbzE8YnIvPiBwMTxici8+IHEx PGJyLz4gcjE8YnIvPiBzMTxici8+IHQxPGJyLz4gdTE8YnIvPiB2MTxici8+IHcxPGJyLz4geDE8 YnIvPiB5MTxici8+IHoxPGJyLz4gw6YxPGJyLz4gw7gxPGJyLz4gw6UxPGJyLz4KCmEyPGJyLz4g YjI8YnIvPiBjMjxici8+IGQyPGJyLz4gZTI8YnIvPiBmMjxici8+IGcyPGJyLz4gaDI8YnIvPiBp Mjxici8+IGoyPGJyLz4gazI8YnIvPiBsMjxici8+IG0yPGJyLz4gbjI8YnIvPiBvMjxici8+IHAy PGJyLz4gcTI8YnIvPiByMjxici8+IHMyPGJyLz4gdDI8YnIvPiB1Mjxici8+IHYyPGJyLz4gdzI8 YnIvPiB4Mjxici8+IHkyPGJyLz4gejI8YnIvPiDDpjI8YnIvPiDDuDI8YnIvPiDDpTI8YnIvPgoK YTM8YnIvPiBiMzxici8+IGMzPGJyLz4gZDM8YnIvPiBlMzxici8+IGYzPGJyLz4gZzM8YnIvPiBo Mzxici8+IGkzPGJyLz4gajM8YnIvPiBrMzxici8+IGwzPGJyLz4gbTM8YnIvPiBuMzxici8+IG8z PGJyLz4gcDM8YnIvPiBxMzxici8+IHIzPGJyLz4gczM8YnIvPiB0Mzxici8+IHUzPGJyLz4gdjM8 YnIvPiB3Mzxici8+IHgzPGJyLz4geTM8YnIvPiB6Mzxici8+IMOmMzxici8+IMO4Mzxici8+IMOl Mzxici8+CgphNDxici8+IGI0PGJyLz4gYzQ8YnIvPiBkNDxici8+IGU0PGJyLz4gZjQ8YnIvPiBn NDxici8+IGg0PGJyLz4gaTQ8YnIvPiBqNDxici8+IGs0PGJyLz4gbDQ8YnIvPiBtNDxici8+IG40 PGJyLz4gbzQ8YnIvPiBwNDxici8+IHE0PGJyLz4gcjQ8YnIvPiBzNDxici8+IHQ0PGJyLz4gdTQ8 YnIvPiB2NDxici8+IHc0PGJyLz4geDQ8YnIvPiB5NDxici8+IHo0PGJyLz4gw6Y0PGJyLz4gw7g0 PGJyLz4gw6U0PGJyLz4KCmE1PGJyLz4gYjU8YnIvPiBjNTxici8+IGQ1PGJyLz4gZTU8YnIvPiBm NTxici8+IGc1PGJyLz4gaDU8YnIvPiBpNTxici8+IGo1PGJyLz4gazU8YnIvPiBsNTxici8+IG01 PGJyLz4gbjU8YnIvPiBvNTxici8+IHA1PGJyLz4gcTU8YnIvPiByNTxici8+IHM1PGJyLz4gdDU8 YnIvPiB1NTxici8+IHY1PGJyLz4gdzU8YnIvPiB4NTxici8+IHk1PGJyLz4gejU8YnIvPiDDpjU8 YnIvPiDDuDU8YnIvPiDDpTU8YnIvPgoKYTY8YnIvPiBiNjxici8+IGM2PGJyLz4gZDY8YnIvPiBl Njxici8+IGY2PGJyLz4gZzY8YnIvPiBoNjxici8+IGk2PGJyLz4gajY8YnIvPiBrNjxici8+IGw2 PGJyLz4gbTY8YnIvPiBuNjxici8+IG82PGJyLz4gcDY8YnIvPiBxNjxici8+IHI2PGJyLz4gczY8 YnIvPiB0Njxici8+IHU2PGJyLz4gdjY8YnIvPiB3Njxici8+IHg2PGJyLz4geTY8YnIvPiB6Njxi ci8+IMOmNjxici8+IMO4Njxici8+IMOlNjxici8+Cgo8aW1nIHNyYz0iaHR0cDovL3d3dy5tb3pp bGxhLm9yZy9pbWFnZXMvdGVtcGxhdGUvc2NyZWVuL2xvZ29fZm9vdGVyLnBuZyIgYWx0PSJhbHQi IGFjY2Vzc2tleT0ibCIgdGFiaW5kZXg9IjAiIC8+Cgo8IS0tICNmcmFtZSAtLT48L2Rpdj4KCjwv Ym9keT48L2h0bWw+Cgo=