W3C home > Mailing lists > Public > public-html@w3.org > September 2007

Re: Proposal for <figure> graceful degradation

From: Philip Taylor <philip@zaynar.demon.co.uk>
Date: Mon, 17 Sep 2007 03:25:06 +0100
Message-ID: <46EDE582.8070506@zaynar.demon.co.uk>
To: Maciej Stachowiak <mjs@apple.com>
CC: Lachlan Hunt <lachlan.hunt@lachy.id.au>, "public-html@w3.org WG" <public-html@w3.org>

Maciej Stachowiak wrote:
> On Sep 16, 2007, at 7:31 AM, Lachlan Hunt wrote:
>> I think you're dismissing the pre-existing styling issue too quickly. 
>> It needs to be as easy as possible to migrate existing sites to HTML5 
>> in the future, so we need to consider what kinds of issues authors 
>> will face in practice.
>>
>> A lot of authors style labels in a variety of non-trivial ways to 
>> achieve various form layouts, This often includes, among other things, 
>> floating, margins, padding, text alignment, colours, cursor pointers, 
>> etc. and writing styles to undo all of them in the figure case is not 
>> really that trivial in all cases.
> 
> I acknowledge this, the only reason I think it might be remotely 
> workable is that the first few sites I looked at with styled labels seem 
> to mostly use "form label" or ".someFormClass label" rules instead of 
> just "label". (Or, sadly, they don't use a label element at all but 
> instead a <div> or <p>).

Looking at the contents of the <style>s and <link
rel="...stylesheet...">s from 1024 pages listed on dmoz.org, of which
884 were downloaded with no errors or timeouts, of which 559 had some
CSS (not counting style="..."): 35 had rules involving "label"; roughly
half of them were just "label", and roughly half had "something label"
or "label.something".

So, about 3% of people using CSS on sites like what dmoz.org is
representative of, multiplied by the fraction that want to use
<figure>+<label>, would have to make changes (perhaps just modifying
their CSS to say "form label { ... }").


16 sites have a plain selector "label":

http://images.freewebs.com/Members/Generationz/CSSStyles/Events/Travel/style.css
http://schoolctr.hebisd.edu/education/includes/styles/sc_main.css
http://snyke.net/blog/wp-content/themes/4u-hemingway/style.css
http://solar-factory.com/
http://www.al-tar.com/_themes/copy-of-ice/copy1111.css
http://www.aphis.usda.gov/core/style.css
http://www.askc.be/css/style.css
http://www.childliverdisease.org/common_files/stylesheet.css
http://www.epicurious.com/stylesheets/registration.css
http://www.fatal-ohg.de/_themes/kopie-von-profi-5-/kopi1011.css
http://www.kcmltd.com/_themes/virtualsilver/virt1011-28591.css
http://www.motorrad-community.com/
http://www.orrainc.com/_themes/copy-of-orra2-1-/copy1011.css
http://www.recipesource.com/rs2.css
http://www.street-parade.ch/css/style1.css
http://www.whitesville.wnyric.org/education/includes/styles/sc_main.css

19 sites have more complex selectors involving "label":

http://fdata.over-blog.com/0/09/85/25/css/custom.css?2.0.5.7: #divNewsletter label
http://fdata.over-blog.com/0/09/85/25/css/custom.css?2.0.5.7: #formComment label
http://fdata.over-blog.com/99/00/00/01/style/common_old.css?2.0.5.7: .newsletter label
http://i.rollingstone.com/rs/css/layout.css?bid=180183854: .register-module form label
http://i.rollingstone.com/rs/css/layout.css?bid=180183854: .register-module label span
http://i.rollingstone.com/rs/css/layout.css?bid=180183854: .register-signup-module form label
http://i.rollingstone.com/rs/css/layout.css?bid=180183854: .register-signup-module label span
http://i.rollingstone.com/rs/css/layout.css?bid=180183854: .registerin-module form label
http://kr.yahoo.com/: #nse #nw_weather_con label
http://kr.yahoo.com/: #sch label
http://kr.yahoo.com/: #tgh-overlay2 label a
http://sandssports.com/skins/custom/or442950/css/snssports.css: #ecms_coupons .couponendTime label
http://snyke.net/blog/wp-content/themes/4u-hemingway/style.css: label.text
http://www.bovkirke.dk/fileadmin/templates/global_top.css: .tx-newloginbox-pi1 label
http://www.childliverdisease.org/common_files/stylesheet.css: .item label
http://www.childliverdisease.org/common_files/stylesheet.css: label.normal
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.formfeedback label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.formfeedback_largo label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.formfeedback_largobg label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.formfeedback_stretto label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.formfeedback_strettobg label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.forminterna div.radio div.radio_corpo div.radio_item label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.forminterna label
http://www.comune.anzoladellemilia.bo.it/css/stile.css: form.forminterna label span
http://www.epicurious.com/styles/main.css: div#rc_recipefinder label
http://www.epicurious.com/styles/main.css: label#rc_epirec
http://www.epicurious.com/styles/main.css: label#rc_memrec
http://www.epicurious.com/styles/recipes/recipe_detail.css: div#reviewForm div#user_name label
http://www.epicurious.com/styles/recipes/recipe_detail.css: div#reviewForm label
http://www.epicurious.com/styles/recipes/recipe_detail.css: div#signin label
http://www.epicurious.com/stylesheets/registration.css: #signInForm fieldset label
http://www.epicurious.com/stylesheets/registration.css: .regFullErrorRow1 label
http://www.epicurious.com/stylesheets/registration.css: .regFullRow label
http://www.epicurious.com/stylesheets/registration.css: label.checkbox
http://www.fx998.com/forumdata/cache/style_1.css: #activityjoin label
http://www.fx998.com/forumdata/cache/style_1.css: #memberinfo .memberinfo_forum label
http://www.fx998.com/forumdata/cache/style_1.css: #memberinfo li label
http://www.fx998.com/forumdata/cache/style_1.css: .footoperation label
http://www.fx998.com/forumdata/cache/style_1.css: .formbox label
http://www.fx998.com/forumdata/cache/style_1.css: .legend label
http://www.fx998.com/forumdata/cache/style_1.css: .postauthor cite label a
http://www.fx998.com/forumdata/cache/style_1.css: .postform p label
http://www.fx998.com/forumdata/cache/style_1.css: .postinfo label
http://www.fx998.com/forumdata/cache/style_1.css: .quickmanage label.highlight
http://www.fx998.com/forumdata/cache/style_1.css: .rewardthread .postcontent label
http://www.fx998.com/forumdata/cache/style_1.css: .rewardthread .postcontent label.unsolved
http://www.fx998.com/forumdata/cache/style_1.css: .specialthread .postcontent label
http://www.fx998.com/forumdata/cache/style_1.css: .specialthread .postcontent label a
http://www.fx998.com/forumdata/cache/style_1.css: .specialthread .postcontent label strong
http://www.fx998.com/forumdata/cache/style_1.css: .threadlist th label
http://www.fx998.com/forumdata/cache/style_1.css: label.highlight
http://www.fx998.com/forumdata/cache/style_1.css: label.highlight em
http://www.fx998.com/forumdata/cache/style_1.css: label.highlight input
http://www.gutenberg.org/css/pg-002.css: div.menu label
http://www.redusers.com/noticias/wp-content/plugins/share-this/share-this.php?akst_action=css: #akst_email ul li label
http://www.seebestattungmallorca.com/colorschemes/colorscheme1/colorscheme.css: .content label
http://www.spreewerk.de/css/css.css: label.error
http://www.topix.com/static/base_layout.26.css: #ca_search label
http://www.topix.com/static/base_layout.26.css: .widget label
http://www.toxicology.wikispaces.net/_/2007090401/s/internal.css: div#signup label
http://www.toxicology.wikispaces.net/_/2007090401/s/internal.css: div#signup label.required
http://www.welt.de/welt.de/styles/8/general.css: .webForm label
http://www.zdnet.com.au/css/x/main.htm: #advanced-search #date-range label
http://www.zdnet.com.au/css/x/main.htm: #advanced-search #found-in label
http://www.zdnet.com.au/css/x/main.htm: #advanced-search #search-terms .fieldset-styling label
http://www.zdnet.com.au/css/x/main.htm: #alert-form #minreg fieldset fieldset label
http://www.zdnet.com.au/css/x/main.htm: #poll-submit label
http://www.zdnet.com.au/css/x/main.htm: #talkback-submission fieldset fieldset label
http://www.zdnet.com.au/css/x/main.htm: #video-channel label
http://www.zdnet.com.au/css/x/main.htm: .fieldset-styling fieldset label
http://www.zdnet.com.au/css/x/main.htm: .fieldset-styling label
http://xataka.com/wp-content/plugins/lightpress/themes/wsl/styles/styles.css: #post-comment label

-- 
Philip Taylor
philip@zaynar.demon.co.uk
Received on Monday, 17 September 2007 02:25:18 UTC

This archive was generated by hypermail 2.3.1 : Monday, 29 September 2014 09:38:49 UTC