Re: [WSG] float and link problems
Hi,you r having a problem in FF with links - because footer overlaps links, just adddiv.footer{ height: 35px; width: 100%; text-align: center; clear:both;}Problem in IE - may be you should use some layout technique, not inventing it yourself.Sure, u can make your content area visible by applyingdiv.content{ border: 1px solid rgb(50,130,140); margin: 10px 10px 0 230px; _height:0;}But i dont think that we should use such hacks in this case. May be u should pick up something here http://blog.html.it/layoutgala/ . On 5/30/06, Andrew Brown [EMAIL PROTECTED] wrote: I have done so but it did not solve the link issue. I discovered that it did not like my heading tag that was shared within that menubar. Unsure as to why I removed it. Unforently I cannot resolve the second issue still of the disappearing div. I had placed back in the absolute but that solution no longer works. From: listdad@webstandardsgroup.org [mailto:listdad@webstandardsgroup.org] On Behalf Of Giacomo GallicoSent: May 29, 2006 5:11 PMTo: wsg@webstandardsgroup.orgSubject: Re: [WSG] float and link problems hello omentry to delete the class in the tag a inside the float and apply the css at the entire .menubar but selected tag a. understand my english down:.menubar a:link.menubar a:active {font:..; color:; what you want} .menubar a:hover {font:..; color:; what you want} 2006/5/29, Omen King [EMAIL PROTECTED] : hello WSG,I am having a futile struggle with both firefox and IE 6 lately. Here is the site I am currently having trouble with ...http://www.monsterboxproductions.com/WebsiteClients/WEB-PCMedic/ The site has a div sidebar navigation the floats on the left, and the a div content that sits beside that float. The div content should strech to the rest of the page. FireFox problem: The links inside the float are glitchy and not for the most part clickableIE problem The content div completely vanishesAtempt: If I make the floating div absolute it will resolve the disappearing div content in Internet Explorer, but I would rather avoid using any absolute divs all togther. -- La Zucca BB Etico - http://www.lazucca.mn.it - -- glhf,akella.
Re: [WSG] search engine
Just for the list, the HTML from Eric Meyer's site is:div id=search h4Exploration/h4form method=get action=http://www.google.com/custominput type =submit name=sa value= Searchinput type=text name= q size=20 maxlength=255 value=input type=hidden name=sitesearch value=meyerweb.com/ formsmalla href= http://www.google.com/searchPowered by Google/a/small/div Personally, I'd stick in a few more classes, add a fieldset, legend and some labels, and get rid of the small tag for more CSS control:div id=searchform method=get action=http://www.google.com/customfieldsetlegendExploration/legend label for="">input type=submit name=sa value=Searchinput type=text name=q size= 20 maxlength=255 value= input type=hidden name=sitesearch value=meyerweb.com/fieldset/form span id=powered_by_googlea href= http://www.google.com/searchPowered by Google/a/span/divSomething like that maybe... but hey, who am I messing round with Eric Meyer's code? On 30/05/06, Graham, Timothy [EMAIL PROTECTED] wrote: Too many, br /'s..If you're after a more simplified version of a google-search form, EricMeyer's is a good example:http://www.meyerweb.com (upper-right side) TIM GRAHAM-Original Message-From: listdad@webstandardsgroup.org[mailto:listdad@webstandardsgroup.org ] On Behalf Of threerandot wagnerSent: Tuesday, May 30, 2006 1:09 PMTo: wsg@webstandardsgroup.orgSubject: RE: [WSG] search engineHi:Thanks for the help. I have actually made one more change to the form using Cynthia Says and Watchfire online.How does this look?form method=getaction="" href="http://www.google.com/search">http://www.google.com/search title=Search this site label for="" Keywords/label input type=text name=qid=enter_keywordssize=25 maxlength=255 value= /br / input type=submit value=Google Search /br / input type=checkbox name=sitesearchid=sitesearchvalue=http://www.runstop.de/bennysplace checked=checked /label for="" style=font-size:75%Search Benny'sPlace/label /formThanks,Shawn--- Paul Bennett [EMAIL PROTECTED] wrote: Hi there, How about this?: form method=getaction="" href="http://www.google.com/search"> http://www.google.com/search title=Search this site input type=text name=q size=25 maxlength=255 value= / br / input type=submit value=Google Search / br / input type=checkbox name=sitesearch id=sitesearch value=http://www.runstop.de/bennysplace checked=checked /label for=""> style=font-size:75%Search Benny's Place/label /form Gets rid of the table, layout doesn't change, added a label which associatesthe checkbox with the text, and added a title to the form (which may or may not be helpful) HTH, Paul** The discussion list for http://webstandardsgroup.org/See http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting to the list getting help** __Do You Yahoo!?Tired of spam?Yahoo! Mail has the best spam protection aroundhttp://mail.yahoo.com **The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**DISCLAIMER:This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. Please note that any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the School. Finally, the recipient should check this email and any attachments for the presence of viruses. The School accepts no liability for any damage caused by any virus transmitted by this email **The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help** -- Rik Lomashttp://rikrikrik.com
Re: [WSG] baground image random
This line:var rand = Math.floor(Math.random % bgs.length);should be:var rand = Math.floor(Math.random() * bgs.length);On 26/05/06, 1802 [EMAIL PROTECTED] wrote:This one runs off PHP, but I'm not sure how this would work with CSS. I'm sure it could be adapted:http://www.alistapart.com/articles/randomizerAndI've been playing around with random background images for a while now, and have just posted a quickly put together script detailing one methodto achieve this athttp://www.thought-after.com/2006/05/26/css-random-background-image-rot ation/.Tnx, but I prefer to use a client side option for now.Warren, your script appears simple, but it doesn't works.I'm triyng this on one of my (beta) site http://www.adtweb.it/beta/home.aspThe element I want to make background is div#head, this is mycostumization. Butnothing appears...script type=text/_javascript_var elementID = head; // ID of element to change the background of, or BODY for bodyvar bgs = new Array(); // Possible backgroundsbgs[0] = css/img/background1.jpg;bgs[1] = css/img/background2.jpg;bgs[2] = css/img/background3.jpg; bgs[3] = css/img/background4.jpg;var rand = Math.floor(Math.random % bgs.length);(elementID == head ? document.body :document.getElementById(elementID)).style.backgroundImage = url( + bgs[rand] + );/script--Matteo Discardi 1802http://homepage.mac.com/matteo.discardiTranscending History and the World, a tale of Soul and Swordseternally retoldSoulCalibur**The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help** -- Rik Lomashttp://rikrikrik.com
[WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
Gday, Guideline 1.41 says that : 1.4.1 Text or diagrams, and their background, have a luminosity contrast ratio of at least 5:1. [How to meet 1.4.1] http://www.w3.org/TR/WCAG20/guidelines.html#visual-audio-contrast-contrast The Colour Contrast Analyser recommends a difference of 501 (it will fail you on 500). Is the ratio of 1:5 comparable with the difference of 500 from the colour contrast analyser? Is there some sort of relationship between the two? Also, I can understand for text that it is important to have strong contrast between foreground and background, but in images with large blocky areas, doesn't the need for that contrast diminish? Hypothetical: Say for instance, you have two colours: background: #336; foreground: #EFD36A The Juicy Studio Colour Contrast Analyser tells me this: Results The difference in brightness between the two colours is sufficient. The threshold is 125, and the result of the foreground and background colours is 150. The difference in colour between the two colours is not sufficient. The threshold is 500, and the result of the foreground and background colours is 352. So obviously, for straight text it's not going to be good enough. But let's say someone has made an image of a word, for instance the word 'yellow', in Photoshop at size 48pt with those foreground and background colours. Does the same difference of 5:1 or 500 still apply, since it is easier to determine large blocky areas? Does that result in that you should not use those colours together? Kat ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
Is the ratio of 1:5 comparable with the difference of 500 from the colour contrast analyser? Is there some sort of relationship between the two? I'm not sure about the particular algorithms (so don't blame me for misinterpretation, please), but the new one reflects better the subjective way human eye tends to analyze colors. Some parts of the spectrum are perceived more sensitively than the others, which leads in additional differences our eyes present. Does that result in that you should not use those colours together? Well, there are even combinations that are fine in the matter of contrast, but you still should not use them together as they may almost kill the visitor anyways, so... ;) I think color perception is pretty subjective (feeling) thing, the math around it is nice as a guide, but without a subjective decision it doesn't have to work - who'd read a newspaper typed in red on yellow or yellow on purple? ;) -- Jan Brasna :: www.alphanumeric.cz | www.janbrasna.com | www.wdnews.net ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG CMS] Re: [WSG] SEC: UNCLASSIFIED:-
Moving this to cms [at] webstandardsgroup.org. All follow-ups should be directed there instead. [EMAIL PROTECTED] wrote: I intend to go about this by producing an open source, standards based CMS. I've done some web develoment and have taken a couple of post-grad web subjects so i have a working knowledge of [X]HTML, PHP, CSS and XML plus and understanding of the DOM but I am far from a guru. PS Since most things like this have already been done, feel free to point me at an existing package that is standards compliant, open source and simple. A few friends and I started development of an open source, standards based CMS much like what you describe about a year and half ago and the project is finally starting to get underway, after being put on hold for a bit. We have a basic framework that provides things like XML parsing, DOM Manipulation and a basic database interface, but it still needs a lot of work and we really need more competent PHP developers with relatively good knowledge of web standards. If you're interested in helping out, check out the project sites, join the Fidelis mailing list (on sourceforge), check out the source from SVN and get involved. http://fidelis.za.net/ http://sourceforge.net/projects/fidelis -- Lachlan Hunt http://lachy.id.au/ * The CMS discussion list for http://webstandardsgroup.org/ *
Re: [WSG] SEC: UNCLASSIFIED:-
Moving this to cms [at] webstandardsgroup.org. All follow-ups should be directed there instead. [EMAIL PROTECTED] wrote: I intend to go about this by producing an open source, standards based CMS. I've done some web develoment and have taken a couple of post-grad web subjects so i have a working knowledge of [X]HTML, PHP, CSS and XML plus and understanding of the DOM but I am far from a guru. PS Since most things like this have already been done, feel free to point me at an existing package that is standards compliant, open source and simple. A few friends and I started development of an open source, standards based CMS much like what you describe about a year and half ago and the project is finally starting to get underway, after being put on hold for a bit. We have a basic framework that provides things like XML parsing, DOM Manipulation and a basic database interface, but it still needs a lot of work and we really need more competent PHP developers with relatively good knowledge of web standards. If you're interested in helping out, check out the project sites, join the Fidelis mailing list (on sourceforge), check out the source from SVN and get involved. http://fidelis.za.net/ http://sourceforge.net/projects/fidelis -- Lachlan Hunt http://lachy.id.au/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Descending Ordered List
According to the W3C Guidelines [1] you can using the counter-increment:The 'counter-increment' property accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer indicates by how much the counter is incremented for every occurrence of the element. The default increment is 1. Zero and negative integers are allowed.But obviously for a cross browser solution, Thierry's example would be best.[1] http://www.w3.org/TR/CSS21/generate.html#counters On 30/05/06, Thierry Koblentz [EMAIL PROTECTED] wrote: Does anyone know how to make an ordered list descending (10,9,8,7...)? I thought I saw something once on how to do this, but now I cannot locate it. Nor can I find anything via search.Hi Mike, I don't think you can do that automatically. You'd have to use:olli value=10item 10/lili value=9item 9/lili value=8item 8/li li value=7item 7/li.../ol---Regards,Thierry | www.TJKDesign.com** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**-- Rik Lomas http://rikrikrik.com
Re: [WSG] Descending Ordered List
Hi Mike, I don't think you can do that automatically. You'd have to use: ol li value=10item 10/li li value=9item 9/li li value=8item 8/li li value=7item 7/li ... /ol --- Regards, Thierry | www.TJKDesign.com ... Makes sense. Thank you Thierry. Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG CMS] Re: [WSG] SEC: UNCLASSIFIED:-
Lachlan Hunt skrev: We have a basic framework that provides things like XML parsing, DOM Manipulation and a basic database interface, but it still needs a lot of work and we really need more competent PHP developers with relatively good knowledge of web standards. I'm a skilled Php developer with strong web standards knowledge. I have a working closed-source standards-compliant CMS that I'm rewriting a bit and moving to an OSS project: http://nornix.sourceforge.net/ https://sourceforge.net/projects/nornix There's no Php source uploaded for now, but you can find some of it inside the API documentation: http://nornix.sourceforge.net/api/ (pre-alpha!) In the downloads area and SVN repository you can find a CSS/JS treemenu that is part of Nornix CMS. I share almost all the goals of the Fidelis project. Strange :-) /AndersN * The CMS discussion list for http://webstandardsgroup.org/ *
Re: [WSG] Descending Ordered List
From: Rik Lomas [EMAIL PROTECTED] According to the W3C Guidelines [1] you can using the counter-increment: The 'counter-increment'http://www.w3.org/TR/CSS21/generate.html#propdef-counter-incrementproperty accepts one or more names of counters (identifiers), each one optionally followed by an integer. The integer indicates by how much the counter is incremented for every occurrence of the element. The default increment is 1. Zero and negative integers are allowed. But obviously for a cross browser solution, Thierry's example would be best. [1] http://www.w3.org/TR/CSS21/generate.html#counters --- Hello Rik, Thank you. It seems, unfortunately, I'm back to square one. Assigning values as Thierry suggested did work, but the validator didn't like value being applied to the list item element. :-( Sincerely, Mike Cherim http://green-beast.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] IE7 Flash
I am sure many of you have ie7 beta2 installed, and I am sure most of you have noticed it makes you click active-x content to activate it. This leads me to my question, I am doing a site for a band, they want a flash intro, but with ie7 the intro would be rather worthless considering the end user would have to click the content to activate it. Does anyone have a tidbit of code that would just bypass ie7's ability to block the content and just let it play? Shawn Cassick dVious designs
RE: [WSG] IE7 Flash
The same thing happens in IE 6. Our team was just discussing how to let our learners know they need to click twice for some of our training. It is confusing tosome people.A couple of people have asked me about it. If there is an answer, I'd love to pass it along. Pam Berman From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Shawn CassickSent: Tuesday, May 30, 2006 2:28 PMTo: wsg@webstandardsgroup.orgSubject: [WSG] IE7 Flash I am sure many of you have ie7 beta2 installed, and I am sure most of you have noticed it makes you click active-x content to activate it. This leads me to my question, I am doing a site for a band, they want a flash intro, but with ie7 the intro would be rather worthless considering the end user would have to click the content to activate it. Does anyone have a tidbit of code that would just bypass ie7's ability to block the content and just let it play?Shawn CassickdVious designs
Re: [WSG] Character Set(s)
Dean Matthews wrote: Would someone be kind enough to inform me on the selection of Character Sets. iso-8859-1, Unicode, etc. Is there a standard …or emerging standard? As the ISO in front of iso-8859-1 suggests, it is a standard. Or more precisely refers to standard ISO/IEC 8859-1. Most webpages in the world specify this as their encoding, although, what most browsers actually use in place of that is Windows-1252, which is a superset of ISO 8859-1. Well, anyway, most editors save text as Windows-1252 when you order them to save as ISO 8859-1. Unicode is covered with ISO/IEC 10646 standard. I would recommend you to read about character sets from wikipedia: http://en.wikipedia.org/wiki/Character_encoding And if you are new to Unicode, a great introduction would be: The Absolute Minimum Every Software Developer Absolutely, Positively Must Know About Unicode and Character Sets (No Excuses!) http://www.joelonsoftware.com/articles/Unicode.html -- Rene Saarsoo ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE7 Flash
You dont have to train your users to click on flash content twice, with a little of JS magic everything is solved: http://blog.deconcept.com/swfobject/ I have used and I know a lot of people have used too, it validates and works like a charm. helmut From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Berman, Pamela E Sent: Tuesday, May 30, 2006 1:50 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash The same thing happens in IE 6. Our team was just discussing how to let our learners know they need to click twice for some of our training. It is confusing tosome people.A couple of people have asked me about it. If there is an answer, I'd love to pass it along. Pam Berman From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Shawn Cassick Sent: Tuesday, May 30, 2006 2:28 PM To: wsg@webstandardsgroup.org Subject: [WSG] IE7 Flash I am sure many of you have ie7 beta2 installed, and I am sure most of you have noticed it makes you click active-x content to activate it. This leads me to my question, I am doing a site for a band, they want a flash intro, but with ie7 the intro would be rather worthless considering the end user would have to click the content to activate it. Does anyone have a tidbit of code that would just bypass ie7's ability to block the content and just let it play? Shawn Cassick dVious designs
Re: [WSG] Descending Ordered List
Thank you. It seems, unfortunately, I'm back to square one. Assigning values as Thierry suggested did work, but the validator didn't like value being applied to the list item element. :-( Sorry Mike, I knew the start attribute was deprecated, but didn't know value was out too. What about using the DOM to loop through the list items and plug a number in each one? http://www.tjkdesign.com/lab/ul.asp --- Regards, Thierry | www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE7 Flash
This is my solution: /** * FAXA v1.0 -- Fix ActiveX Activation, IE and Eolas patent patch click-to-activate issue * by Adam Burmister, Flog.co.nz, 2006 * * ABOUT: * This script is designed to be a simple drop in fix for the click-to-activate issue in IE. * Due to recent patent issues with Eolas, Microsoft has issued a patch which required users to * click a web control to activate it (this are ActiveX controls, Flash, Windows Media, Quicktime, etc). * * Microsofts suggested resolution was to include a javascript block for each of these elements on * the page which uses document.write() to write the control's HTML. This is horribly dirty. * This script uses the same idea (creating controls programatically to bypass the click-to-activate), but * does it in a good way. It simply recreates each ActiveX element on the page based on it's current * HTML declaration. * * This means... * - no ugly instance specific javascript blocks * - users without javascript can see the activex elements (but will have to click to activate) * - a simple conditional include file in a page header automatically fixes the problem * * USAGE: * Simply include the following IE conditional comment to include the javascript file at the top of * every page with ActiveX controls you want to fix: * *!--[if IE] *script type=text/javascript src=faxa.js defer=defer/script *![endif]-- */ /* list of offending elements to fix */ var offenders = [object,embed,applet]; /* foreach offender */ for(var j=0; joffenders.length; j++){ /* get a collection of instances on page */ var instances = document.getElementsByTagName(offenders[j]); /* foreach instance */ for (var n=0; ninstances.length; n++) { /* recreate the instance */ instances[n].outerHTML = instances[n].outerHTML; } } /* This could be compacted to one line (160 bytes): var o=[object,embed,applet],j,k;for(j=0;jo.length;j++){var e=document.getElementsByTagName(o[j]);for(k=0;ke.length;k++){e[k].outerHTML=e[k].outerHTML;}} */ From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Helmut Granda Sent: Wednesday, 31 May 2006 7:37 a.m. To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash You don't have to train your users to click on flash content twice, with a little of JS magic everything is solved: http://blog.deconcept.com/swfobject/ I have used and I know a lot of people have used too, it validates and works like a charm. ...helmut From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Berman, Pamela E Sent: Tuesday, May 30, 2006 1:50 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash The same thing happens in IE 6. Our team was just discussing how to let our learners know they need to click twice for some of our training. It is confusing to some people. A couple of people have asked me about it. If there is an answer, I'd love to pass it along. Pam Berman From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Shawn Cassick Sent: Tuesday, May 30, 2006 2:28 PM To: wsg@webstandardsgroup.org Subject: [WSG] IE7 Flash I am sure many of you have ie7 beta2 installed, and I am sure most of you have noticed it makes you click active-x content to activate it. This leads me to my question, I am doing a site for a band, they want a flash intro, but with ie7 the intro would be rather worthless considering the end user would have to click the content to activate it. Does anyone have a tidbit of code that would just bypass ie7's ability to block the content and just let it play? Shawn Cassick dVious designs ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Character Set(s)
Hi! Dean Matthews skrev: Is there a standard …or emerging standard? I'd say you should have strong reasons to choose anything other than UTF-8. W3C has information about encodings on the web: http://www.w3.org/International/tutorials/tutorial-char-enc/ /AndersN ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Descending Ordered List
From: Thierry Koblentz [EMAIL PROTECTED] Sorry Mike, I knew the start attribute was deprecated, but didn't know value was out too. What about using the DOM to loop through the list items and plug a number in each one? http://www.tjkdesign.com/lab/ul.asp; --- No problem. Now we both know. Thanks Thierry. Mike ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
Hi Kat, On 30/05/06, Kat [EMAIL PROTECTED] wrote: Guideline 1.41 says that : 1.4.1 Text or diagrams, and their background, have a luminosity contrast ratio of at least 5:1. [How to meet 1.4.1] http://www.w3.org/TR/WCAG20/guidelines.html#visual-audio-contrast-contrast The Colour Contrast Analyser recommends a difference of 501 (it will fail you on 500). Is the ratio of 1:5 comparable with the difference of 500 from the colour contrast analyser? Is there some sort of relationship between the two? The algorithm suggested by WCAG 2 is derived from the original AERT algorithm that you're referring to, but only measures luminosity (brightness) taking into account Gamma correction from sRGB. To measure colour contrast using the new algorithm, I've produced a separate analyser: http://juicystudio.com/services/luminositycontrastratio.php If you use Firefox, I've also put together a Firefox extension that calculates the foreground and background colour contrast of text in a document. This is useful in that you don't need to make a judgement call to decide which colours to examine, and you can choose between the luminosity algorithm suggested for WCAG 2, the original AERT algorithm suggested for WCAG 1, or both: http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php Best regards, Gez -- _ Supplement your vitamins http://juicystudio.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
On 5/31/06, Gez Lemon [EMAIL PROTECTED] wrote: If you use Firefox, I've also put together a Firefox extension that calculates the foreground and background colour contrast of text in a document. This is useful in that you don't need to make a judgement call to decide which colours to examine, and you can choose between the luminosity algorithm suggested for WCAG 2, the original AERT algorithm suggested for WCAG 1, or both: http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php On a slightly different (yet related) note, I recently came across this very handy web app: http://colorfilter.wickline.org It allows you to pass a website through a filter to display how it might look if you were colour blind (includes Mono, Protan, Deutan, Tritan) D ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
Hi Gez, Good work on the contrast analyser. I notice that it requires hex colours to work. Is this a limitation of the WCAG validator too? If so, couldn't there be an issue / limitation with sites using named colours or rgb? Paul -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Gez Lemon Sent: Wednesday, May 31, 2006 10:16 AM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser Hi Kat, On 30/05/06, Kat [EMAIL PROTECTED] wrote: Guideline 1.41 says that : 1.4.1 Text or diagrams, and their background, have a luminosity contrast ratio of at least 5:1. [How to meet 1.4.1] http://www.w3.org/TR/WCAG20/guidelines.html#visual-audio-contrast-contrast The Colour Contrast Analyser recommends a difference of 501 (it will fail you on 500). Is the ratio of 1:5 comparable with the difference of 500 from the colour contrast analyser? Is there some sort of relationship between the two? The algorithm suggested by WCAG 2 is derived from the original AERT algorithm that you're referring to, but only measures luminosity (brightness) taking into account Gamma correction from sRGB. To measure colour contrast using the new algorithm, I've produced a separate analyser: http://juicystudio.com/services/luminositycontrastratio.php If you use Firefox, I've also put together a Firefox extension that calculates the foreground and background colour contrast of text in a document. This is useful in that you don't need to make a judgement call to decide which colours to examine, and you can choose between the luminosity algorithm suggested for WCAG 2, the original AERT algorithm suggested for WCAG 1, or both: http://juicystudio.com/article/colour-contrast-analyser-firefox-extension.php Best regards, Gez -- _ Supplement your vitamins http://juicystudio.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE7 Flash
That did the trick!!! Thanks :-) -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Adam Burmister (DSL AK) Sent: Tuesday, May 30, 2006 4:10 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash This is my solution: /** * FAXA v1.0 -- Fix ActiveX Activation, IE and Eolas patent patch click-to-activate issue * by Adam Burmister, Flog.co.nz, 2006 * * ABOUT: * This script is designed to be a simple drop in fix for the click-to-activate issue in IE. * Due to recent patent issues with Eolas, Microsoft has issued a patch which required users to * click a web control to activate it (this are ActiveX controls, Flash, Windows Media, Quicktime, etc). * * Microsofts suggested resolution was to include a javascript block for each of these elements on * the page which uses document.write() to write the control's HTML. This is horribly dirty. * This script uses the same idea (creating controls programatically to bypass the click-to-activate), but * does it in a good way. It simply recreates each ActiveX element on the page based on it's current * HTML declaration. * * This means... * - no ugly instance specific javascript blocks * - users without javascript can see the activex elements (but will have to click to activate) * - a simple conditional include file in a page header automatically fixes the problem * * USAGE: * Simply include the following IE conditional comment to include the javascript file at the top of * every page with ActiveX controls you want to fix: * *!--[if IE] *script type=text/javascript src=faxa.js defer=defer/script *![endif]-- */ /* list of offending elements to fix */ var offenders = [object,embed,applet]; /* foreach offender */ for(var j=0; joffenders.length; j++){ /* get a collection of instances on page */ var instances = document.getElementsByTagName(offenders[j]); /* foreach instance */ for (var n=0; ninstances.length; n++) { /* recreate the instance */ instances[n].outerHTML = instances[n].outerHTML; } } /* This could be compacted to one line (160 bytes): var o=[object,embed,applet],j,k;for(j=0;jo.length;j++){var e=document.getElementsByTagName(o[j]);for(k=0;ke.length;k++){ e[k].outerHTML=e[k].outerHTML;}} */ From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Helmut Granda Sent: Wednesday, 31 May 2006 7:37 a.m. To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash You don't have to train your users to click on flash content twice, with a little of JS magic everything is solved: http://blog.deconcept.com/swfobject/ I have used and I know a lot of people have used too, it validates and works like a charm. ...helmut From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Berman, Pamela E Sent: Tuesday, May 30, 2006 1:50 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE7 Flash The same thing happens in IE 6. Our team was just discussing how to let our learners know they need to click twice for some of our training. It is confusing to some people. A couple of people have asked me about it. If there is an answer, I'd love to pass it along. Pam Berman From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Shawn Cassick Sent: Tuesday, May 30, 2006 2:28 PM To: wsg@webstandardsgroup.org Subject: [WSG] IE7 Flash I am sure many of you have ie7 beta2 installed, and I am sure most of you have noticed it makes you click active-x content to activate it. This leads me to my question, I am doing a site for a band, they want a flash intro, but with ie7 the intro would be rather worthless considering the end user would have to click the content to activate it. Does anyone have a tidbit of code that would just bypass ie7's ability to block the content and just let it play? Shawn Cassick dVious designs ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Deciding on header image replacement methods
I'm looking through image replacement methods and I'm curious as to the ones others have been using and to what degree of success. Dave Shea has this selection... http://www.mezzoblue.com/tests/revised-image-replacement/ ...linked from... http://www.mezzoblue.com/archives/2005/03/30/image_replac/ ...in which he vouches for the Rundle/Phark method. Any thoughts/comments would be appreciated. Thanks, Nick ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Accessibility: WCAG 2 1.41 and Colour Contrast Analyser
Gez Lemon wrote: Hi Kat, Thank you Gez :) Guideline 1.41 says that : 1.4.1 Text or diagrams, and their background, have a luminosity contrast ratio of at least 5:1. [How to meet 1.4.1] http://www.w3.org/TR/WCAG20/guidelines.html#visual-audio-contrast-contrast The algorithm suggested by WCAG 2 is derived from the original AERT algorithm that you're referring to, but only measures luminosity (brightness) taking into account Gamma correction from sRGB. To measure colour contrast using the new algorithm, I've produced a separate analyser: http://juicystudio.com/services/luminositycontrastratio.php Can you meet WCAG 2.0 guideline 1.41 by having a preferred stylesheet with luminosity contrast of less than 5:1, but offering an alternative stylesheet (with a styleswitcher) with luminosity of 10:1 ? Would that be considered sufficient, or does the preferred stylesheet need to meet the specific luminosity contrast? Kat ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] IE7 Flash
As well as previously mentioned solutions, if you are using Dreamweaver there is now an upgrade file you can download from adobe.com which auto includes the required JS to fix this issue - there are also new flash templates if you can download if you are just using Flash Wendy Phillips
RE: [WSG] Deciding on header image replacement methods
Good grief! Works without images with css on Works without images css off Works when text is scaled This looks a very good image replacement system, Thierry If only IE wouldn't show that 'broken image' icon when images are turned off... -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Thierry Koblentz Sent: Wednesday, May 31, 2006 3:12 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Deciding on header image replacement methods Nick Lo wrote: I'm looking through image replacement methods and I'm curious as to the ones others have been using and to what degree of success. Dave Shea has this selection... http://www.mezzoblue.com/tests/revised-image-replacement/ ...linked from... http://www.mezzoblue.com/archives/2005/03/30/image_replac/ ...in which he vouches for the Rundle/Phark method. Any thoughts/comments would be appreciated. Using an img element has a few advantages: http://www.tjkdesign.com/articles/tip_5.asp --- Regards, Thierry | www.TJKDesign.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] search engine
Hey Guys: I think this is going to be final search engine. It's small and seems to be pretty accessible according to Cynthia Says and Watchfire. I am not gonna make any changes unless anyone here sees any issues with accessibility. Other than that this should fill the bill. form method=get action=http://www.google.com/search; style=margin:0px;padding:3px; label for=searchSearch/labelbr / input type=text class=text name=q id=search size=5 maxlength=255 style=width:100px; / input type=submit name=sa value=Go / input type=hidden name=sitesearch value=http://www.runstop.de/bennysplace/; / input type=hidden name=domains value=http://www.runstop.de/bennysplace/; / input type=hidden name=hl value=en / /form thanks, shawn --- Rik Lomas [EMAIL PROTECTED] wrote: Just for the list, the HTML from Eric Meyer's site is: div id=search h4Exploration/h4 form method=get action=http://www.google.com/custom; input type=submit name=sa value=Search input type=text name=q size=20 maxlength=255 value= input type=hidden name=sitesearch value=meyerweb.com /form smalla href=http://www.google.com/search;Powered by Google/a/small /div Personally, I'd stick in a few more classes, add a fieldset, legend and some labels, and get rid of the small tag for more CSS control: div id=search form method=get action=http://www.google.com/custom; fieldset legendExploration/legend label for=qSearch/label input type=submit name=sa value=Search input type=text name=q size=20 maxlength=255 value= input type=hidden name=sitesearch value=meyerweb.com /fieldset /form span id=powered_by_googlea href=http://www.google.com/search;Powered by Google/a/span /div Something like that maybe... but hey, who am I messing round with Eric Meyer's code? On 30/05/06, Graham, Timothy [EMAIL PROTECTED] wrote: Too many, br /'s.. If you're after a more simplified version of a google-search form, Eric Meyer's is a good example: http://www.meyerweb.com (upper-right side) TIM GRAHAM -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of threerandot wagner Sent: Tuesday, May 30, 2006 1:09 PM To: wsg@webstandardsgroup.org Subject: RE: [WSG] search engine Hi: Thanks for the help. I have actually made one more change to the form using Cynthia Says and Watchfire online. How does this look? form method=get action=http://www.google.com/search; title=Search this site label for=enter_keywordsEnter Keywords/label input type=text name=q id=enter_keywords size=25 maxlength=255 value= /br / input type=submit value=Google Search /br / input type=checkbox name=sitesearch id=sitesearch value=http://www.runstop.de/bennysplace; checked=checked / label for=sitesearch style=font-size:75%Search Benny's Place/label /form Thanks, Shawn --- Paul Bennett [EMAIL PROTECTED] wrote: Hi there, How about this?: form method=getaction=http://www.google.com/search; title=Search this site input type=text name=q size=25 maxlength=255 value= / br / input type=submit value=Google Search / br / input type=checkbox name=sitesearch id=sitesearch value=http://www.runstop.de/bennysplace; checked=checked / label for=sitesearch style=font-size:75%Search Benny's Place/label /form Gets rid of the table, layout doesn't change, added a label which associates the checkbox with the text, and added a title to the form (which may or may not be helpful) HTH, Paul ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** __ Do You Yahoo!? Tired of spam? Yahoo! Mail has the best spam protection around http://mail.yahoo.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** DISCLAIMER:This email and any files transmitted with it are confidential and intended solely for the use of the individual or entity to whom they are addressed. If you have received this email in error please notify the system manager. Please note that any views or opinions presented in this email are solely those of the author and do not necessarily represent those of the School. Finally, the recipient should check this email and any attachments for the presence of viruses. The School accepts no liability for any damage caused by any virus transmitted by this email