RE: [WSG] Is it possible to style an attribute?
For an tooltip you could look at: http://www.websemantics.co.uk/resources/styled_accessible_tooltips/ But maybe this would better suit: http://www.websemantics.co.uk/resources/accessible_ajax_glossary/ Regards mike foskett www.websemantics -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Grant Bailey Sent: 20 December 2011 04:38 To: wsg@webstandardsgroup.org Subject: [WSG] Is it possible to style an attribute? Hello, I was wondering if anyone could clarify whether it is possible to style an attribute. I realise this sounds odd, so allow me to explain what I wish to do. In my web page there are a number of terms that need to be defined. I like the user to be able to hover over the term and get the definition that way. For example: dfn title=Made famous in the #8216;Star Trek#8217 TV seriesteleportation/dfn ... produces Made famous in the 'Star Trek' TV series ... when the user hovers over the defined term 'teleportation'. I would prefer the words 'Star Trek' to appear in italics instead (yes, I am fussy). Is there any way to do this? I would be grateful for responses. Thank you and kind regards, Grant Bailey *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] How do you cater to users with disabilities?
I have to agree with Julie here. Working for the largest UK retailer we pay a lot of attention to accessibility. Currently reviewing http://www.tesco.com/ in response to only five minor issues raised by the RNIB accessibility report. The way we state it is web standards and validation are the first step in creating an accessible site. Though to be fair we struggle with even that as the sites are huge. Personally I'd say any developer (novices excluded) who doesn't give a damn about accessibility should give up coding and focus on design instead. Regards Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Julie Romanowski Sent: 23 August 2011 16:12 To: wsg@webstandardsgroup.org Subject: RE: [WSG] How do you cater to users with disabilities? Mike, maybe you should have worded your question a little differently. At my company, we don't approach accessibility as catering to users with disabilities, but we work toward making applications accessible to the greatest number of users possible. No application will ever be 100% accessible, but following standards and WCAG 2.0 guidelines helps us to get as close to 100% as possible. To answer your question - Sticking to standards is not enough. Accessibility and usability testing are critical. At my company, we have both an accessibility lab and a usability lab. We have accessibility and assistive technology (AT) experts onsite who test using various AT, and who work with actual AT users to identify issues with applications. We also train designers and developers to identify accessibility issues early in the design and development lifecycle. There are several other companies I know of that are doing the same and so much more, such as Adobe, IBM, Microsoft and Yahoo. As for developers not caring about people with disabilities, I disagree. There is a large community of developers who take accessibility seriously and are striving to make applications accessible to people with disabilities. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Mike Kear Sent: Tuesday, August 23, 2011 2:54 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] How do you cater to users with disabilities? The conclusion I am coming to, with 5 days since I asked this and no-one actually saying they do ANYTHING to cater for people with disabilities, is that even after all this time, no one really spends much time thinking about users with special needs, other than to code to standards and hope that does the trick. No one either agreed or disagreed with the proposition that sticking to standards IS in fact enough. I asked this question, wondering if someone would say 'yes we have a usability lab' or 'we have a consultant who runs our sites through his screen reader for us' or 'we have meetings before launch specifically to discuss' or something. But no one has said they do anything at all for users with disability. The only responses I've had to this question are people referring me to documents on line that I found long ago with google. I was interested that none of the people who gave me those URLS (except Josh Street) said they actually used the advice in the documents themselves. Josh wasn't specific about how he caters to people with special needs, but seems to speak with some knowledge so I'm assuming he caters to Dyslexics in his designs. I guess it's going to take another law suit like that one against the Olympics2000 site to get anyone to take users with special needs seriously and actually lift a finger to cater to their needs. The conclusion I'm being forced towards is that developers are basically saying that users with special needs will have to swim for themselves and it's up to them to find some software of their own to get around all the obstacles the A/Bs put in their way. I'm glad at least property developers have been forced to change that attitude. Cheers Mike Kear Windsor, NSW, Australia Adobe Certified Advanced ColdFusion Developer AFP Webworks http://afpwebworks.com ColdFusion 9 Enterprise, PHP, ASP, ASP.NET hosting from AUD$15/month -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Mike Kear Sent: Thursday, 18 August 2011 11:12 PM To: wsg@webstandardsgroup.org Subject: [WSG] How do you cater to users with disabilities? How to the rest of you a/b people (i.e. able bodied) cater to users with various forms of disability? Up until recently, I've tended to rely on keeping my code to standards, eliminating tables except for their proper purpose of tabulating data, and hoping that will give the accessibility level required. Do you go to the step of accessing your sites with JAWS or something similar to see how the site works for users with screen readers? I remember in the 1990s when I was working at Australian Consumers
RE: [WSG] Breaking validation using noscript - Is there a solution?
Hi group, Thought for completion I thought I'd show the finalised valid code. I didn't like breaking validation by using either: head ... noscript link rel=stylesheet href=noscript.css type=text/css media=all / /noscript ... /head Or: body ... noscript link rel=stylesheet href=noscript.css type=text/css media=all / /noscript ... /body In the end I opted for adding the CSS to the standard file. Accepting the extra 4052 B file-size hit which everyone now gets. The method employed required preceding each No JS specific selector with .noJS. Then: head ... style type=text/css All styles severed here. /style ... /head body class=noJS script type=text/javascript/*![CDATA[*/document.body.className=;/*]]*//script ... /body Thanks Mike Foskett http://websemantics.co.uk/ On Thu, Jul 14, 2011 at 12:36 PM, Foskett, Mike mike.fosk...@uk.tesco.commailto:mike.fosk...@uk.tesco.com wrote: Hi all, Just finished a major update for Tesco's homepage. http://www.tesco.com/ Tesco's are the UKs largest retailer and this page gets approximately 1 million hits a day. The page has been speed tweaked as much as possible given IT / server restraints. Unfortunately the page now fails W3C formal grammar validation. Because the page as designed was a massive 1.4MB (previously 260 Kb - 330 Kb), JavaScript was used to fetch image upon demand rather than on-load or post-load. This greatly reduced the impact on the servers (critical) and improved the initial page load speed. Obviously a no JavaScript version was also required. The image references cannot be in the standard CSS as IE loaded all the images, used or not: .noJS .imgRef {background:url(...)} Will not work. All the image references were placed into a separate CSS noJS.css and the link in a noscript and this is where the validation breaks. Apparently noscript is illegal in the head, and a noscript containing a link is illegal in the body. noscript link rel=stylesheet href=/homepages/default/noJS.compressed.css type=text/css media=all / /noscript I went for placing it in the body so the noscript is legal but the link reference is not. I can see no alternative, and wondered if any of the list members had a more valid solution? Regards, Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Breaking validation using noscript - Is there a solution?
Hi Tee, On an iPad touching one of the tabs changes the tab content, in the same manner as hover, while tapping it twice activates the link itself. Standard iPad / iPhone behaviour I thought? Regards Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of tee Sent: 14 July 2011 22:07 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Breaking validation using noscript - Is there a solution? Mike, Joe praised the site so I took a look from iPad as I was reading email in bed - the tabs on the homepage are not touchscreen friendly though. Touching each tab the panel ketp chaning but links to nowhere. tee On Jul 14, 2011, at 6:03 AM, Joseph Taylor wrote: Not sure what to recommend for the noscript tag - Frank's idea is pretty good. Just a thought, is the error really critical if it works? Using XHTML Strict, you're gonna have a tough time making the validator happy. Nice job on the Tesco site by the way. Real nice. I especially like the two sections of links with changing images - that's just badass! Joseph R. B. Taylor Web Designer/Developer -- Sites by Joe Clean, Simple and Elegant Web Design Web: http://sitesbyjoe.com Phone: (508) 840-9657 Email: j...@sitesbyjoe.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Breaking validation using noscript - Is there a solution?
Thanks Frank but the technique will not work with CSS definitions. The JavaScript itself isn't a necessity and doesn't require noscript apart from applying noJS.css If the backgrounds are stated in a loaded css then it is fetched regardless of even a display none property. That is: .imgRef {background:url(...)} .hasJS .imgRef {display:none} Or: .imgRef {display:none; background:url(...);} Or: .non-existent-class {display:none; background:url(...)} Does not prevent IE loading the background-image. So maybe a better question would be: How do you prevent any browsers loading a background graphic stated in CSS? That would remove the need for the noJS.css file completely. Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Frank M. Palinkas Sent: 14 July 2011 13:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Breaking validation using noscript - Is there a solution? Hi Mike, Don't know if this will help, but I wrote an article last year on replacing the noscript element with Dom/JavaScript. http://dev.opera.com/articles/view/replacing-noscript-with-accessible-un/ Med vennlig hilsen / Kind regards, Frank M. Palinkas Senior Technical Writer, Web Standards and Accessibility Designer Core Engineering, Opera Software ASA, Oslo, Norway Mobile: (+47) 95 17 61 11 Web standards and accessibility tutorials: http://dev.opera.com/author/947856 On Thu, Jul 14, 2011 at 12:36 PM, Foskett, Mike mike.fosk...@uk.tesco.commailto:mike.fosk...@uk.tesco.com wrote: Hi all, Just finished a major update for Tesco's homepage. http://www.tesco.com/ Tesco's are the UKs largest retailer and this page gets approximately 1 million hits a day. The page has been speed tweaked as much as possible given IT / server restraints. Unfortunately the page now fails W3C formal grammar validation. Because the page as designed was a massive 1.4MB (previously 260 Kb - 330 Kb), JavaScript was used to fetch image upon demand rather than on-load or post-load. This greatly reduced the impact on the servers (critical) and improved the initial page load speed. Obviously a no JavaScript version was also required. The image references cannot be in the standard CSS as IE loaded all the images, used or not: .noJS .imgRef {background:url(...)} Will not work. All the image references were placed into a separate CSS noJS.css and the link in a noscript and this is where the validation breaks. Apparently noscript is illegal in the head, and a noscript containing a link is illegal in the body. noscript link rel=stylesheet href=/homepages/default/noJS.compressed.css type=text/css media=all / /noscript I went for placing it in the body so the noscript is legal but the link reference is not. I can see no alternative, and wondered if any of the list members had a more valid solution? Regards, Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Breaking validation using noscript - Is there a solution?
Hi all, Just finished a major update for Tesco's homepage. http://www.tesco.com/ Tesco's are the UKs largest retailer and this page gets approximately 1 million hits a day. The page has been speed tweaked as much as possible given IT / server restraints. Unfortunately the page now fails W3C formal grammar validation. Because the page as designed was a massive 1.4MB (previously 260 Kb - 330 Kb), JavaScript was used to fetch image upon demand rather than on-load or post-load. This greatly reduced the impact on the servers (critical) and improved the initial page load speed. Obviously a no JavaScript version was also required. The image references cannot be in the standard CSS as IE loaded all the images, used or not: .noJS .imgRef {background:url(...)} Will not work. All the image references were placed into a separate CSS noJS.css and the link in a noscript and this is where the validation breaks. Apparently noscript is illegal in the head, and a noscript containing a link is illegal in the body. noscript link rel=stylesheet href=/homepages/default/noJS.compressed.css type=text/css media=all / /noscript I went for placing it in the body so the noscript is legal but the link reference is not. I can see no alternative, and wondered if any of the list members had a more valid solution? Regards, Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Breaking validation using noscript - Is there a solution?
Hi Mike, Thanks for the response. noscript is illegal when placed in the head under XHTML v1 strict. Reports 3 errors: 1. noscript not allowed here. 2. document type doesn't allow link here. 3. end tag for object omitted - The killer failure as it refers to the /head element. I tried a full URI too but it made no difference. While the same in the body reports one error, does not allow link here. Server-side languages cannot detect JavaScript on / off on initial page request. Regards Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Support Sent: 14 July 2011 12:08 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Breaking validation using noscript - Is there a solution? On 14/07/2011 11:36, Foskett, Mike wrote: Hi all, Just finished a major update for Tesco's homepage. http://www.tesco.com/ Tesco's are the UKs largest retailer and this page gets approximately 1 million hits a day. The page has been speed tweaked as much as possible given IT / server restraints. Unfortunately the page now fails W3C formal grammar validation. Because the page as designed was a massive 1.4MB (previously 260 Kb - 330 Kb), JavaScript was used to fetch image upon demand rather than on-load or post-load. This greatly reduced the impact on the servers (critical) and improved the initial page load speed. Obviously a no JavaScript version was also required. The image references cannot be in the standard CSS as IE loaded all the images, used or not: .noJS .imgRef {background:url(...)} Will not work. All the image references were placed into a separate CSS noJS.css and the link in a noscript and this is where the validation breaks. Apparently noscript is illegal in the head, and a noscript containing a link is illegal in the body. noscript link rel=stylesheet href=/homepages/default/noJS.compressed.css type=text/css media=all / /noscript I went for placing it in the body so the noscript is legal but the link reference is not. I can see no alternative, and wondered if any of the list members had a more valid solution? Regards, Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** Failing that, could you not implement php to check whether there JS is enabled, if not, it can echo the StyleSheet. -- Mike Flanagan CCO Telford Computer Doctor http://www.telfordpc.co.uk i...@telfordpc.co.ukmailto:i...@telfordpc.co.uk 0800 058 8914 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Breaking validation using noscript - Is there a solution?
Thanks Chad, It all works without JavaScript too. It's not critical to pass validation, I can think of two other circumstances when breaking validation is essential but I didn't want to add another. Regards Mike Foskett http://webSemantics.co.uk/http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chad Kelly Sent: 14 July 2011 16:51 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Breaking validation using noscript - Is there a solution? On 7/14/2011 11:03 PM, Joseph Taylor wrote: Not sure what to recommend for the noscript tag - Frank's idea is pretty good. Just a thought, is the error really critical if it works? Using XHTML Strict, you're gonna have a tough time making the validator happy. Nice job on the Tesco site by the way. Real nice. I especially like the two sections of links with changing images - that's just badass! Joseph R. B. Taylor Web Designer/Developer Just on the noscript tag, isn't it meant to be used within the JS itself and I am quite sure it is deprecated. Which means you would need to use a transitional doctype. Regards Chad. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] screen reader friendly and keyboard accessible popup?
Just a few thoughts. It would be better if the keyboard link had an id reference in it. a id=openPopup1 href=#popup1pop-up/a And the associated div had an id: div id=popup1... The close link references the opening link: a href=#openPopup1Close/a Also shift the pop-up off-screen rather than display:none #popup1 {position: absolute; left:-500em; top:0} Or at very least check JavaScript is enabled before hiding it using display:none .hasJS #popup1 {display:none} Add the .hasJS class to the html element like so: script type=text/javascript/*![CDATA[*/document.documentElement.className=hasJS;/*]]*//script Which should be the first line in the head section. I wouldn't personally use the second non-keyboard method. Regards Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of tee Sent: 23 February 2011 10:21 To: wsg@webstandardsgroup.org Subject: [WSG] screen reader friendly and keyboard accessible popup? Please take a look at this example. The first example is keyboard accessible however I am also concern with the empty link that may create extra noise for screen reader, e.g if every single page has a popup, it will have two empty links, one is the popup trigger and the other the close link. Sure it's just two empty links, as I started using VoiceOver more frequent to test the sites, I find the two links quite annoying. http://jsbin.com/efimu5 Is there a much better approach that works great for both keyboard and screen reader user? Was looking up the keypress and focus events, but not certain they are good for such function. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] To marquee or not to marquee here is the question!!!
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html lang=en-gb xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=content-type content=text/html; charset=utf-8 / titleMarquee? - jus' kickin' the canvas!/title style type=text/css div {width:30em; border:1px solid #ccc; padding:0.5em 1em} ul {width:100%; overflow:hidden; margin:0; padding:0; list-style:none} li {float:left; display:inline; margin-right:3em} /style /head body h1Marquee? - jus' kickin' the canvas!/h1 div id=scrollThis ul lia href=#link one/a/li lia href=#link 2/a/li lia href=#link three/a text post 3/li liText preceding 4 a href=#link four/a/li /ul /div script type=text/javascript /*![CDATA[*/ var scrollThis=document.getElementById(scrollThis); if (scrollThis){ scrollThis.innerHTML='marquee id=scroller scrollamount=4 scrolldelay=100'+scrollThis.innerHTML+/marquee; } var scroller=document.getElementById(scroller); function pauseScroller(){ scroller.stop(); } function continueScroller(){ scroller.start(); } if (scroller){ var lis=scroller.getElementsByTagName(li); if (lis){ for (var i=0;ilis.length;i++){ lis[i].onmouseover=pauseScroller; lis[i].onmouseout=continueScroller; lis[i].getElementsByTagName(a)[0].onfocus=pauseScroller; lis[i].getElementsByTagName(a)[0].onblur=continueScroller; } } } /*]]*/ /script /body /html This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Order of Tags within head (XHTML)
4. Page title with H1 text first and if necessary other info in reverse breadcrumb order for accessibility and SEO. To my understanding: The H1 and page title are considered the most significant objects on any web page as far as SEO and screen reader accessibility. For SEO both should contain the same keywords. Google ranks these highest. For accessibility both should describe the uniqueness of the page content. The most page-unique information should be placed first, that is it should be front loaded. To a screen reader user if the title starts to read out the company name then next is hit before the unique title text is read out. More irrelevant information such as category / section or company / site name should therefore follow the unique part in a reverse breadcrumb fashion. Does that help? mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of designer Sent: 16 December 2010 11:58 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Order of Tags within head (XHTML) Could you expand on this please Mike? Thanks, Bob - Original Message - From: Foskett, Mike Sent: Wednesday, December 15, 2010 9:53 AM Subject: RE: [WSG] Order of Tags within head (XHTML) [snip] 4. Page title with H1 text first and if necessary other info in reverse breadcrumb order for accessibility and SEO. [snip] *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Order of Tags within head (XHTML)
Here's an example of what I gather to be best practice. !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html lang=en-gb xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml; head meta http-equiv=content-type content=text/html; charset=utf-8 / titleh1 text - site section - site name/title script type=text/javascript/*![CDATA[*/document.documentElement.className=hasJS/*]]*//script meta name=Description content=Description text which Google shows under search result. / meta http-equiv=imagetoolbar content=no / style type=text/css media=screen @import blah.css; ... /style link href=blah-blah.css rel=stylesheet type=text/css media=print / script src=more-scripts.js type=text/javascript/script /head The important things as I understand: 1. Doctype appears as the very first thing, not even a space before it, otherwise IEv6 may go into quirks mode. 2. lang stated in html element 3. first head item should be char encoding so document can be interpreted as quickly as possible. 4. Page title with H1 text first and if necessary other info in reverse breadcrumb order for accessibility and SEO. 5. hasJS script - so JS affected styling can be interpreted immediately. 6. General meta tags. The only two of worth are: a. Imagetoolbar - which prevents IE displaying that awful icon set over images. b. Description - The text that Google shows beneath a search result. 7. Stylesheets - (see: http://www.stevesouders.com/blog/2009/04/09/dont-use-import/) a. Use links to external style sheets which must not contain @import. b. If you must use @import use them in the HTML style tag not in external files. 8. The head section must not finish with a self closing element such as link. It may cause copy selection errors and Flash of un-styled content issues I'm very interested to hear other members perspectives. mike foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Order of Tags within head (XHTML)
Hi Benjamin, Referencing my own work seems pretty pointless but hey: http://www.websemantics.co.uk/resources/useful_css_snippets/ Headings: IE refuses to copy or highlight content text Un-styled content flashing up in IE. After reading, perhaps I could of worded the post a little better. mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Benjamin Hawkes-Lewis Sent: 15 December 2010 10:27 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Order of Tags within head (XHTML) On Wed, Dec 15, 2010 at 9:53 AM, Foskett, Mike mike.fosk...@uk.tesco.com wrote: 8. The head section must not finish with a self closing element such as link. It may cause copy selection errors and Flash of un-styled content issues This is news to me. Does anyone have a citation or test case for this? -- Benjamin Hawkes-Lewis *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Order of Tags within head (XHTML)
I seem to remember that I tested the issue with other self closing objects, possibly including link. Some act in the same manner. Also by ending the head section with an object that isn't self-closing (except style to avoid @import) prevents FOUC. Therefore perhaps it would be better stated as: Avoid ending a head section with a style block or a self-closing object. mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Benjamin Hawkes-Lewis Sent: 15 December 2010 11:47 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Order of Tags within head (XHTML) On Wed, Dec 15, 2010 at 11:03 AM, Foskett, Mike mike.fosk...@uk.tesco.com wrote: Referencing my own work seems pretty pointless but hey: http://www.websemantics.co.uk/resources/useful_css_snippets/ Not at all - thanks for the references. :) Headings: IE refuses to copy or highlight content text Right, in that case I have heard of this behavior for base: http://www.456bereastreet.com/archive/200608/base_elements_cause_text_selection_problems_in_ie/ base parsing in IE6 is very idiosyncratic: http://weblogs.asp.net/justin_rogers/pages/423843.aspx I think you'll find this problem doesn't apply to other self-closing elements, such as link. Un-styled content flashing up in IE. After reading, perhaps I could of worded the post a little better. I guess - isn't the second topic an argument for ending with a link as much as not? -- Benjamin Hawkes-Lewis *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Google 'X-ray' banner
Animated GIF I believe. mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Grant Bailey Sent: 08 November 2010 12:14 To: wsg@webstandardsgroup.org Subject: [WSG] Google 'X-ray' banner Hello, Does anyone know how Google did their 'X-ray' banner that appeared today? (See http://www.telegraph.co.uk/technology/google/8116827/X-rays-150th-annive rsary-celebrated-with-Google-Doodle.html if the banner has been replaced.) It glows and fades. This is not Flash, so I'd love to know how they did it. Does anyone know? Is it an animated Gif, or some HTML5 trick? Thank you, Grant Bailey *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
Hi David, How, without using conditional comments at all, do I target IE 6,7, and 8 I was asking how I'd be able to target all three *without* any CCs. Add an extra script line? script type=text/javascript/*![CDATA[*/var isIE=/*...@cc_on!@*/false;document.documentElement.className+= isIE;/*]]*//script Not perfect but adequate for most cases. .gradientBg {... Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( I'll admit that snippet was untested but you can see a working example here: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ The Browse and Convert image are pure CSS. Background gradients appear to work fine in IE6+, Firefox and Safari. Untested in Opera though so please tell me if the button doesn't degrade well. I considered the methods too clunky for use in production though. Regards Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Hucklesby Sent: 29 October 2010 16:51 To: wsg@webstandardsgroup.org Subject: Re: [WSG] A simple IE and JS detection method? On 10/29/10 2:13 AM, Foskett, Mike wrote: [...] David, How, without using conditional comments at all, do I target IE 6,7, and 8 From the example: bg {background: #fff} .IE6 bg, .IE7 bg { filter: progid: etc...} .IE8 bg { -ms-filter: progid: etc} Precisely. I was asking how I'd be able to target all three *without* any CCs. Though I personally for what you're asking I'd do it in one style rule like this: .gradientBg { background:#f1f0f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7fa), color-stop(1, #cfcbd8)); background-image: -moz-linear-gradient(rgba(248,247,250, 1) 0%, rgba(207,203,216, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8)); } Covers everything you ask plus Firefox, Safari and IE8+. Sorry, mate. That won't work. All IEs will get the solid background with the filter image on top. Not what you'd want at all... :( (FWIW - I actually tried this.) And what about my browser of choice, Opera. Not popular in the US or UK, I know, but has an equal presence with Safari and Chrome in Europe, an even bigger presence in other parts of the world, and a major browser on small devices like phones. RGBa() has my money... Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
Thanks David, My impression that it's valid to add a class to the html element was true. I know that you should not actually apply a style to it though. Hi Kurtis, I think that it's positively Byzantine. Why do you need or want to do this? I manage, create and update hundreds of unique content pages. I must assume that every developer uses Firefox / Firebug combination to build / hack / test pages. Having separate overriding style sheets is a nightmare for maintenance. A single sheet, or even better in the document head, improves efficiency. Hi Thierry, how far people are willing to go to have their styles sheets validate. Couldn't agree more. goes against the separation of the three layers No it doesn't, it's purely presentational. No better or worse than li class=last What's wrong with the *property and _property hack? Nothing at all in my eyes. I prefer this technique compared to the more correct * html and *+html. And your argument is sound. Though increased specificity is the whole point. David, How, without using conditional comments at all, do I target IE 6,7, and 8 From the example: bg {background: #fff} .IE6 bg, .IE7 bg { filter: progid: etc...} .IE8 bg { -ms-filter: progid: etc} Though I personally for what you're asking I'd do it in one style rule like this: .gradientBg { background:#f1f0f3; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f8f7fa), color-stop(1, #cfcbd8)); background-image: -moz-linear-gradient(rgba(248,247,250, 1) 0%, rgba(207,203,216, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8); -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFf8f7fa, endColorstr=#FFcfcbd8)); } Covers everything you ask plus Firefox, Safari and IE8+. Mathew, What is the point of adding a specific class to html/body for a specific browser? Purely to tweak presentation for IE6 mostly but yesterday I had to tweak IEv8. Try and tweak IE8 specifically without the suggested method. Example: a.closeLink {display:block; font:bold large/1 arial,sans-serif; padding:0 0.23em; position:absolute; right:4px; text-decoration:none; top:4px;} .IE8 a.closeLink {top:14px; right:-4px} Because the div has a drop shadow, via -ms-filter in IEv8. The placement of the close link was messed up. Its an idea which can be used, but that doesn't mean all ideas are good ideas. Very true hence the posting. Grant, Would you need to style every element in the document Certainly not, just the styles which require tweaking Regards Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] A simple IE and JS detection method?
Hi All, I was wondering if you had a little time to comment on the following technique? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; !--[if IE] ![if gt IE 8]html lang=en-gb class=gtIE8 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 8]html lang=en-gb class=IE8 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 7]html lang=en-gb class=IE7 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 6]html lang=en-gb class=IE6 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![endif]-- !--[if !IE]!--html lang=en-gb class=xIE xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;!--![endif]-- script type=text/javascript/*![CDATA[*/document.documentElement.className+= hasJS;/*]]*//script ... yada ... style type=text/css body {background:#ccc; color:#000} .IE8 body {background:#fcc;} .IE7 body {background:#cfc;} .IE6 body {background:#ccf;} .xIE body {background:#fff;} /style ... yada ... Not thoroughly tested I admit but it appears reasonable. The only failure I can see is detecting IEv6 and JS on because: .IE6.hasJS {background:#f000} will not work as IE 6 cannot concatenate class names. What do you think? Regards, Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] A simple IE and JS detection method?
Hi Ty, It must've come from that article, it looks vaguely familiar. Personally I saw it as a furtherance to the hasJS technique. My perspective was to remove separate style sheets, and obscure hacks, purely to simplify editing exactly as Paul Irish's article states. Without using * html and *+html which obfuscates the meaning in the style sheet. Since querying here I've had difficulty validating code with a class on the html element. Am I incorrect in the belief that it should actually be valid? Mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ty Hatch Sent: 28 October 2010 16:15 To: wsg@webstandardsgroup.org Subject: Re: [WSG] A simple IE and JS detection method? Take it you pulled this from HTML5 Boilerplate's latest update. Reading through Paul Irish's comments on the update (http://paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/) the change makes sense. On Thu, Oct 28, 2010 at 7:21 AM, Foskett, Mike mike.fosk...@uk.tesco.commailto:mike.fosk...@uk.tesco.com wrote: Hi All, I was wondering if you had a little time to comment on the following technique? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; !--[if IE] ![if gt IE 8]html lang=en-gb class=gtIE8 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 8]html lang=en-gb class=IE8 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 7]html lang=en-gb class=IE7 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![if IE 6]html lang=en-gb class=IE6 xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;![endif] ![endif]-- !--[if !IE]!--html lang=en-gb class=xIE xml:lang=en-gb xmlns=http://www.w3.org/1999/xhtml;!--![endif]-- script type=text/javascript/*![CDATA[*/document.documentElement.className+= hasJS;/*]]*//script ... yada ... style type=text/css body {background:#ccc; color:#000} .IE8 body {background:#fcc;} .IE7 body {background:#cfc;} .IE6 body {background:#ccf;} .xIE body {background:#fff;} /style ... yada ... Not thoroughly tested I admit but it appears reasonable. The only failure I can see is detecting IEv6 and JS on because: .IE6.hasJS {background:#f000} will not work as IE 6 cannot concatenate class names. What do you think? Regards, Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Long documents
A usability study I read a while ago suggested pagination too be a bad thing. Sometimes you have no choice though. I would leave as is. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Al Sparber Sent: 17 October 2010 02:49 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Long documents On 10/16/10 6:19 PM, grant_malcolm_bai...@westnet.com.au wrote: Hello, Is there any standard (official or otherwise) that limits the length of single web pages? I edit an online journal which contains articles of up to 7000 words. Currently each article resides on a single web page which the viewer must scroll to read. Some of the articles are 10-20 'screens' in length. If anyone could clarify whether there is a standard and, if so, how such documents should be presented, I would be grateful. If you want to look at the journal I'm talking about see www.baileyandireland.com. I wouldn't change a thing. You could split the articles into x-number of pages with page links at the bottom, but text loads very quickly and unless you limit a page to a single paragraph or two, people are invariably going to need to scroll so you may as well have the entire article on the page. Makes printing easy, too. -- Al Sparber - PVII http://www.projectseven.com Dreamweaver Menus | Galleries | Widgets http://www.projectseven.com/go/hgm The Ultimate Web 2.0 Carousel *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] CSS and h264 vs Flash
Strange, My answer would've been not yet. Too many differences in supported video codecs cross-browser. A bit of a mare in production unless you've a transcoding service on your media server. For the maximum audience: Flash 8 preferably (9 if full screen is a requirement), ON2 VP6 Codec, with HTML5 H.264+AAC+MP4 for apple products as back-up. Which is still one too many formats, not to forget that H.264 is licensed. The next generation will be H.264 in Flash v9.3 plus. One format albeit licensed for big and small alike woohoo! HTML5 video will only be truly usable when browsers and devices all support at least one universal codec. Probably webM, but we'll have to wait at least a 2 years for that. That's my tuppence worth anyway. regards. mike foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jason Arnold Sent: 29 September 2010 14:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] CSS and h264 vs Flash On Wed, Sep 29, 2010 at 8:06 AM, cat soul cats...@thinkplan.org wrote: Flash offers a one-stop shopping tool, and as has been said, most/many people have the flash plug-in, so playback is more or less assured across the intertoobs. Except when dealing with the Mobile market where Flash isn't universal and if you care at all if your content plays on the iProducts (Pad, Pod, Phone which does have a decent marketshare in mobile devices) then you'll be looking at alternatives in addition to Flash anyway. So my question is: can CSS and/or Javascript plus *some* codec of movie/sound content replace Flash? Yes. If you encode in Ogg and H.264 and include a Flash player fallback for IE 9 then your video would be available in all the popular browsers and available on all mobile devices that can play video from websites. There's already many templates out there that includes all this (minus the video encodings obviously). -- Jason Arnold http://www.jasonarnold.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Testing styling availability when using JavaScript
Hi All, Is there any advantage to testing the availability of styling before running scripts? The scenario I'm thinking of is JS available but no CSS, either unavailable or switched off. Something like: var cssOn; var gotStyle=function(){ function init(){ // Simon Willisons - http://simonwillison.net/2004/May/26/addLoadEvent/ function addLoadEvent(f){var o=window.onload;if(typeof window.onload!='function'){window.onload=f;}else{window.onload=function(){if(o){o();}f();};}} // mike foskett - http://websemantics.co.uk/resources/useful_javascript_functions/ function hasCSS(){var d=document.createElement('div');d.id=hasCSS;document.body.appendChild(d);var o=document.getElementById(hasCSS),v=false;if(window.getComputedStyle){v=(window.getComputedStyle(o,null).getPropertyValue('display')==='none');}else{if(o.currentStyle){v=(o.currentStyle.display==='none');}}document.body.removeChild(d);return v;} addLoadEvent(function(){ cssOn=hasCSS(); }); } return{ init:init }; }(); gotStyle.init(); In the CSS: #hasCSS {display:none} The above: 1. waits for page load 2. appends a test element 3. applies a style to it 4. tests for the applied style 5. sets the global variable accordingly 6. removes the test element Regards, Mike This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] ems versus pixels
Has anyone on the list considered using keywords? Set body tag to either 100.1% in IE, while pixels are fine in non-IE browsers: body { font: 16px/1.4em verdana, helvetica, sans-serif; } * html body { font: 100.1%/1.4em verdana, helvetica, sans-serif; } Though recently I've been using line-heights without the unit type with good success. There on in use keywords: x-small - disclaimer and legal footers small - body text medium to xx-large for headings. A sizing chart may be found here: http://websemantics.co.uk/resources/font_size_conversion_chart/ Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Phil Archer Sent: 20 July 2010 15:31 To: wsg@webstandardsgroup.org Subject: Re: [WSG] ems versus pixels I must offer a contrary view to Edward! Any page that requires a user with normal vision to have to zoom on any device is, in my view, a sign of a really badly designed page on a really smart device. Pixels can be regarded as a proportional measure since pixel density varies between screens. Ems are proportional to the size of text you're using - and that's generally the thing you want to be proportional to. For me, line thickness can justifiably given in pixels (and that's mainly because 'thin' means 1px in the standards browsers and a different measure, 2px, in you-know-which browser). Image sizes should always be specified in the markup, so that's in pixel sizes too. Apart from that, it's ems all the way for me. Phil. Edward Lynn wrote: Modern browsers now implement page zoom, and so using ems for me is becoming unnecessary. I get much better x-browser control with px's and so that is the direction im moving in Ed On Tue, Jul 20, 2010 at 2:53 PM, agerasimc...@unioncentral.com wrote: Hi, I've been converting some of our company public-facing static web-sites from pixels to ems for layout and font-size. But just recently I encountered several references that pixels are getting back into popularity - as it offers absolute control over text, and that most browsers now can resize font based on pixels. Any thoughts/suggestions on whether I should push the effort on converting our sites to ems? Anya Gerasimchuk *** This message may contain confidential information intended only for the use of the addressee(s) named above and may contain information that is legally privileged. If you are not the addressee, or the person responsible for delivering it to the addressee, you are hereby notified that reading, disseminating, distributing or copying this message is strictly prohibited. If you have received this message by mistake, please immediately notify us by replying to the message and delete the original message immediately thereafter. Thank you. *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Phil Archer W3C Mobile Web Initiative http://www.w3.org/Mobile http://philarcher.org @philarcher1 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Overflow hidden and floated divs
Using overflow:hidden is the standard method of clearing floated objects. It'll even work on the ul directly. Sometimes IEv6 requires a width to be stated, but it doesn't have to be fixed. ul style=width:100%; overflow:hidden; background:#000; color:#fff li floated / li floated / li floated / /ul Note height is no longer needed. Which allows the user to increase text size while retaining some element of design. Even works in IEv6. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stevio Sent: 15 July 2010 16:12 To: Web Standards Group Subject: [WSG] Overflow hidden and floated divs I have a row of floated list items inside a container with height 1.2em, which is inside a parent div with a background colour. e.g. something like this (not the actual HTML of course ;) - div with background colour ul with height 1.2em li floated/li li floated/li li floated/li /ul /div If the floated list items were too wide, the rightmost list item jumped down beneath, but the container did not expand so it looked bad. However, if I add overflow:hidden; to the parent div, then the rightmost list item still jumps down, but now the box expands down the way, so it looks a lot better. My question is why does it do this? I have looked up what overflow hidden is meant to do and from what I read it sounds like the content should just get clipped at the right hand side and not be shown. Why is it causing the box to expand down the way? Thanks. Here is the CSS: #navigationbar { background-color:#DEDEDE; overflow:hidden; } #navigationbar ul { padding: 0.2em 0 0.2em 0; margin: 0px; list-style: none; height:1.2em; } #navigationbar ul li { padding: 0; margin: 0; display: block; float: left; } *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)
Sorry Thierry I only took a quick look at the page and didn't read it fully. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Thierry Koblentz Sent: 29 June 2010 17:34 To: wsg@webstandardsgroup.org Subject: RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu) Hi Mike, Sorry to say this but the keyboard friendly version: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp Only fires, via keyboard, on Articles E-K in IEv8 or Firefox. This is by design. Keyboard users could not reach these pages if they were not focusable at least from the parent page. The About this solution section says: Note that keyboard users cannot skip the sub-menu related to the current page. This is because this sub-menu is exposed to SE (Search Engines) and thus accessible to keyboard users when JS is off. The sub-menus open via the *enter key*, this is to allow keyboard users to skip sub menus so they are not forced to tab through all the menu items. If the menu is accessible, it is *because* the sub menu related to the page itself *is* focusable (it is not styled with display:none). What this menu is missing though is a arrow pointer for *discoverability*. I have a title in there, but I think it's pretty useless (for 99.99% of users). If I had time, I'd add arrows and ARIA roles too. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu)
Hey Thierry, Sorry to say this but the keyboard friendly version: http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp Only fires, via keyboard, on Articles E-K in IEv8 or Firefox. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Thierry Koblentz Sent: 29 June 2010 16:22 To: wsg@webstandardsgroup.org Subject: RE: Using CSS instead of JS for accessibility (was Re: [WSG] CSS Expandable Menu) Try this for CSS menus with keyboard support: http://carroll.org.uk/sandbox/suckerfish/bones2.html This menu may be accessible, but is it usable? Unless I am missing something, keyboard users need to go through *every single link* in the menu to reach the last item :-( I have these two: http://tjkdesign.com/articles/new_drop_down/default.asp http://tjkdesign.com/articles/keyboard_friendly_dropdown_menu/EK.asp They show what's involved and what are the limitations. Pure CSS menus are a bad idea, and hybrid implementations that claim to be accessible simply because links are accessible are often bad solutions too. Imho, users should be able to access all pages within a web site without frustration. -- Regards, Thierry www.tjkdesign.com | www.ez-css.org | @thierrykoblentz *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] RE: Video Accessibility Help
Hi Mike, I'd recommend the JW player for delivering Flash video: http://www.longtailvideo.com/ An example of an accessible result can be found on my own site: http://websemantics.co.uk/resources/embedding_flash_video/ I'm unaware of any service that'll create srt captions. If you find one please let me know. A text transcript should be considered essential. I hope that helps. mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Spellacy, Michael Sent: 15 June 2010 15:29 To: wsg@webstandardsgroup.org Subject: [WSG] Video Accessibility Help Hi List, I was just wondering what some of the best practices were these days for creating accessible video on the web. A few questions: 1) I know some Flash players can pull in captions, but which ones to use? 2) Are there any services out there that will scan your audio track and create a captioned file for you (.srt, etc.) to feed into your player? 3) If you do succeed in creating captioned video do you also have to create a transcript of the video for those users who may not have Flash installed (or may not be able to access Flash using JAWS)? 4) Would providing just a transcript of the video, be all that is needed to meet basic accessibility requirements? Thanks in advance! I love this list! Regards, Michael Spell Spellacy http://www.spellacy.net @spellacy *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 Finally Nearing Extinction [STATS]
Sorry Andy, Given the competitive nature that exists between the large UK retailers I feel professionally uncomfortable releasing such data. That's why actual numbers were replaced with percentages. Mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Andrew Stewart Sent: 11 June 2010 13:16 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE6 Finally Nearing Extinction [STATS] Mike, Thanks for this, whilst the sites I manage are pretty low-traffic, I too have been seeing IE6 traffic of about 10-15%. By mentioning shoppers I guess you are running an e-commerce site. I would be very interested to know how your revenue is split across browsers. It seems that IE6 users are either in a corporate system using an XP standard operating environment or people using older computers who may be a bit out-of-date when it comes to technology. Would it be reasonable to assume that the second category probably don't spend much money online? - so maybe the percentage of revenue gained from IE6 users may be much lower that 10% ? Thanks, Andy On 11 Jun 2010, at 21:32, Foskett, Mike wrote: Hi all, Ref Links for light reading article: http://mashable.com/2010/06/01/ie6-below-5-percent/ Which basically states IEv6 has dropped below the 5% threshold across USA and Europe. I just took a peek at our own stats for May 2010. A very large set limited to UK online shoppers only. And I couldn't agree less with the article. Our figures are from such a large representation they cannot be readily ignored. While I cannot print the actual numbers, the browser percentages should be fine. I thought they may be of use to others working in the UK and of general use worldwide. Internet explorer only: IEv8: 48.26% IEv7: 37.14% IEv6: 14.58% Other: 0.02% In general: IE: 66.12% Firefox: 16.25% Safari: 8.06% Chrome: 6.89% Others: 2.67% So IEv6 is still at 9.64% overall. Virtually double that stated by the article. Sorry for the bad news but IEv6 is still too relevant to ignore. And by the way who actually said 5% is the ignorable threshold? I'd of thought more like 2-3% personally. Regards, Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] IE6 Finally Nearing Extinction [STATS]
Hi all, Ref Links for light reading article: http://mashable.com/2010/06/01/ie6-below-5-percent/ Which basically states IEv6 has dropped below the 5% threshold across USA and Europe. I just took a peek at our own stats for May 2010. A very large set limited to UK online shoppers only. And I couldn't agree less with the article. Our figures are from such a large representation they cannot be readily ignored. While I cannot print the actual numbers, the browser percentages should be fine. I thought they may be of use to others working in the UK and of general use worldwide. Internet explorer only: IEv8: 48.26% IEv7: 37.14% IEv6: 14.58% Other: 0.02% In general: IE: 66.12% Firefox: 16.25% Safari: 8.06% Chrome: 6.89% Others: 2.67% So IEv6 is still at 9.64% overall. Virtually double that stated by the article. Sorry for the bad news but IEv6 is still too relevant to ignore. And by the way who actually said 5% is the ignorable threshold? I'd of thought more like 2-3% personally. Regards, Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 Finally Nearing Extinction [STATS]
Quote: ie IE 6 is at 8.3% overall - lower than your numbers, but still worth testing for. Sorry, no. The percentage was calculated from the actual numbers not the rounded percentages. 9.64% IEv6 overall is accurate. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Lea de Groot Sent: 11 June 2010 13:33 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE6 Finally Nearing Extinction [STATS] On 11/06/10 9:32 PM, Foskett, Mike wrote: I just took a peek at our own stats for May 2010. A very large set limited to UK online shoppers only. And I couldn't agree less with the article. I have a couple of large .au 'mum and dad' sites (ie, not techie) and I have similar results to your .uk figures: Internet Explorer 67.11% Firefox 17.19% Safari 9.70% Chrome 4.67% with specific IE figures of IE8.0 59.08% IE7.0 28.46% IE6.0 12.44% ie IE 6 is at 8.3% overall - lower than your numbers, but still worth testing for. Interestingly, I have iphone/ipod numbers at 2.77% and rising fast - I guess I better get those mobile versions up! Lea -- Lea de Groot Elysian Systems Brisbane, .au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Minimal forms or marking up a search field
Hi Paul, An interesting question. I'd go with b. The label is almost, but not quite, redundant when presented with in a simple search form. I'd advise against method a. A confusion of goals takes place. The label is explicitly associated via the for attribute to the search field, but implicitly associated by position to the submit button. That breaks the original WCAG guidelines priority 2 parts 10.2 and 12.4 Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Paul Novitski Sent: 17 February 2010 19:25 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Minimal forms or marking up a search field A practical distraction for the standardistas and accessibility gurus� Hoping tap your brain for an alternative perspective on the simple and common HTML scenario of a site search form. ... To revisit this topic, I'm considering the following and would appreciate feedback: _ a) Submit button as label: form ... div input type=text id=search name=search / label for=search input type=submit value=Search / /label /div /form _ b) Label hidden from view: form ... div label for=search id=search-labelSearch:/label input type=text id=search name=search / input type=submit value=Search / /div /form label#search-label { position: absolute; left: -1000em; } _ The rationale for both of these is that the Search submit button serves as a clear and unambiguous label for the input field. In listing a) the button is literally the label; in b) there is a separate literal label present in the markup but hidden from cosmetic view. Both validate for W3C HTML Cynthia 528 Accessibilty. Can you see any problems with them? I favor a) but it feels edgy. Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Data URI encoder
Hi all, May I ask the group to critique and comment on this image to data URI conversion tool? http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ thanks Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Data URI encoder
Hi David, A browser will fetch a style sheet but only fetches an image background it contains upon use in the XHTML. Consequently overwriting background-image: url('http://example.com'); With background-image: url('data:...'); will not fetch the image but use the data version. So to the question Do browsers which support the data scheme successfully override the regular image before starting to download it? the answer is yes. Unfortunately the answer to the second question Do browsers which don't support it still use the earlier declaration? Or do they go I accept url() values, will override now? is no, they will display garbage if the data URI is presented. But please note all modern browsers support the data URI scheme. IEv8 was the last to employ this standard. There is a link at the page bottom which suggests a method of auto detecting whether data URIs are supported. I've not fully investigated the possibilities as I'm happy that support, except IEv7 and below, is ubiquitous. My whole site utilises CSS sprites and data URI's served via gzip. The performance increase is phenomenal. Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Dorward Sent: 10 February 2010 11:59 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Data URI encoder On 10 Feb 2010, at 11:48, Hugo Mendes wrote: http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ Unfortantly this technique doesn't work on IE6 and 7. ... as it says on the page? Which suggests work arounds? On the subject of the suggested workaround (conditional comments) - what about other browsers which don't support data URIs? How do browsers behave, in practice, given: background-image: url('http://example.com'); background-image: url('data:...'); Do browsers which support the data scheme successfully override the regular image before starting to download it? Do browsers which don't support it still use the earlier declaration? Or do they go I accept url() values, will override now? -- David Dorward http://dorward.me.uk *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Data URI encoder
Hi Chris, Thanks for taking a look at the tool. The main application is to reduce HTTP requests and thereby increase page delivery speed. Right clicking on a data URI image and using Save image as will save it in its original form. Regards Mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris Beer Sent: 10 February 2010 12:02 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Data URI encoder Hi Mike I had a play - wow - I seriously didn't realise that you could do this, (although now I think about it, its how Google sends data back to themselves in a 1px by 1 px image yes?) So while I think its a fun tool, I'm wondering what the applications actually would be. And are there tools that do the reverse? Cheers Chris On 10/02/2010 10:21 PM, Foskett, Mike wrote: Hi all, May I ask the group to critique and comment on this image to data URI conversion tool? http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/ thanks Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.orgmailto:memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Data URI encoder
Hi Chris, That's a little beyond topic scope but here goes. The image / CSS / data URI layout used on the page is a little complex I'll agree. It was optimised to provide the key images first and quickly, even in IEv6. Note the different sub-domains used. The CSS is served via a gzip and cache utility hence the far future expiry date. The design was written 2 years ago and page load optimisations followed in the three months after. It is significantly faster, I'd say to a factor of 7 or even eight times quicker. Unfortunately the tools used haven't records from that far back so I cannot back the statement up. As to whether it's worth the trouble? That's a different matter. Here it was used as a learning experience, so for me it definitely was. The techniques investigated, and the lessons learned, were in part applied by my current employer. Up to 2 million hits a day, it used to take 3.7 sec to download the homepage. Now it takes a healthy 0.6 seconds. References: http://websemantics.co.uk/projects/#tesco It's on sites like this where these techniques really make a difference. Albeit I've not as yet implemented data URIs there. I need a gzip enabled server first. Regards Mike Foskett. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris Knowles Sent: 10 February 2010 12:59 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Data URI encoder The main application is to reduce HTTP requests and thereby increase page delivery speed. Hi Mike, I see that the page you refer to links to a stylesheet with 4 images embedded in it, rather than the stylesheet linking to those 4 images, therefore, you have one http request rather than 5 and also, that stylesheet has an expires header set to 10 years from now. You say it's a lot faster, but I question the value of going to this trouble. I agree there is a performance gain, but if you link to the images from the stylesheet instead and also set an expires header on them then subsequent page loads become irrelevant so it's just the initial visit with an empty cache that is affected. Given that the download size is pretty much the same with either method, the only gain i can see is a marginal one from those initial extra 4 http requests. Is that really such a huge gain? -- Chris Knowles *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Semantically codes syntax highlighting
Hi all, I'm about to do a set of yearly updates on my personal website. This time around I thought I'd add syntax highlighting to the code examples presented. After looking at a few highlighters the best visually appeared to be SyntaxHighlighterhttp://go2.wordpress.com/?id=725X1342site=startbigthinksmall.wordpress.comurl=http%3A%2F%2Fcode.google.com%2Fp%2Fsyntaxhighlighter%2F by Alex Gorbatchev. But even with The beauty of codehttp://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/ jQuery update it just doesn't cut it semantically (every line in its own table). May I ask the group what they would use or recommend? Regards Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Semantically codes syntax highlighting
Make your own I have, in the past, done exactly that: http://stage.websemantics.co.uk/resources/javascript_highlighter/ That's why I'd rather look at the solutions of others prior to committing that much time again. My results were adequate but limited. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of i...@eyemaxstudios.net Sent: 21 December 2009 13:06 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Semantically codes syntax highlighting Make your own Foskett, Mike wrote: Hi all, I'm about to do a set of yearly updates on my personal website. This time around I thought I'd add syntax highlighting to the code examples presented. After looking at a few highlighters the best visually appeared to be SyntaxHighlighter http://go2.wordpress.com/?id=725X1342site=startbigthinksmall.wordpress.comurl=http%3A%2F%2Fcode.google.com%2Fp%2Fsyntaxhighlighter%2F by Alex Gorbatchev. But even with The beauty of code http://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/ jQuery update it just doesn't cut it semantically (every line in its own table). May I ask the group what they would use or recommend? Regards Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
FW: [WSG] Semantically codes syntax highlighting
Make your own I have, in the past, done exactly that: http://websemantics.co.uk/resources/javascript_highlighter/ [updated link] That's why I'd rather look at the solutions of others prior to committing that much time again. My results were adequate but limited. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of i...@eyemaxstudios.net Sent: 21 December 2009 13:06 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Semantically codes syntax highlighting Make your own Foskett, Mike wrote: Hi all, I'm about to do a set of yearly updates on my personal website. This time around I thought I'd add syntax highlighting to the code examples presented. After looking at a few highlighters the best visually appeared to be SyntaxHighlighter http://go2.wordpress.com/?id=725X1342site=startbigthinksmall.wordpress.comurl=http%3A%2F%2Fcode.google.com%2Fp%2Fsyntaxhighlighter%2F by Alex Gorbatchev. But even with The beauty of code http://startbigthinksmall.wordpress.com/2008/10/30/beautyofcode-jquery-plugin-for-syntax-highlighting/ jQuery update it just doesn't cut it semantically (every line in its own table). May I ask the group what they would use or recommend? Regards Mike Foskett http://websemantics.co.uk/ This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] I.E Navigation help
Sounds to me like you’ve added display:inline to the li but left out float:left. Mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of dwain Sent: 18 November 2009 10:52 To: wsg@webstandardsgroup.org Subject: Re: [WSG] I.E Navigation help On Wed, Nov 18, 2009 at 4:24 AM, Jerome Carpen enqu...@wombatmedia.com.aumailto:enqu...@wombatmedia.com.au wrote: hey guys, Have got the following navigation to work in firefox, safari, chrome, opera and the such, but not IE. In IE, the links do not go inline but scale left to right in a step manner. Any ideas of what i'm missing? ==HTML try this. ul class=navlist lia href=#Link1/a/li lia href=#Link2/a/li lia href=#Link3/a/li lia href=#Link4/a/li /ul cheers, dwain -- Fear of the devil is one way of doubting God. - Kahlil Gibran *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] RE: Deprecated start for lists confirmation
That came up as a topic recently. I'm told a transitional doctype allows it. Mike Foskett From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Erickson, Kevin (DOE) Sent: 10 November 2009 15:17 To: wsg@webstandardsgroup.org Subject: [WSG] Deprecated start for lists confirmation Hello, Is the start attribute truly deprecated for a list? Is there a better way to do this? i.e. - ol class=list_style_numeric liinfo/li liinfo/li /ol anything... ol class=list_style_numeric start=3 liinfo /ol Thank you, Kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Including a DIV element inside an HREF tag
Personally I'd structure it like so: div class=bigLink h2a href=someplace.htmlLink text/a/h2 plorem ipsum/p /div Then use JavaScript to make the whole div clickable: var bigLinks = function(){ /* Make a block elements (div) clickable (to first and only link). author: mike foskett - http://websemantics.co.uk version 1 - 23/06/2009 parameters: initClass: pass in the element name to search, followed by a list of class names. Each block has the hoverClass added on mouse over. */ var hoverClass='hover'; // class added to container on mouseover /* author: Simon Willisons - http://simonwillison.net/2004/May/26/addLoadEvent/ */ function addLoadEvent(f){var o=window.onload;if(typeof window.onload!='function'){window.onload=f;}else{window.onload=function(){if(o){o();}f();};}} function blockClicked(){window.location=this.getElementsByTagName('a')[0].href;} function hoverOn(){this.className+=this.className?' '+hoverClass:hoverClass;} function hoverOff(){this.className=this.className.replace(' '+hoverClass,'').replace(hoverClass,'');} function attachActions(o){ // add events only if there's a single contained link if (o.getElementsByTagName('a')[0] !o.getElementsByTagName('a')[1]){ o.onclick=blockClicked; o.onmouseover=hoverOn; o.onmouseout=hoverOff; } } function initClass(){ if (arguments.length1){ // must be at least 2 arguments for(var i=arguments.length-1;i-0;i--){ var objs=document.getElementsByTagName(arguments[0]); // 1st argument is the elements to search // cycle through elements using a 'fast' loop for(var j=objs.length-1;j-1;j--){ if (objs[j].className.match(arguments[i])){ // 2+ arguments are class name(s) to match attachActions(objs[j]); } } } } } return{ addLoadEvent:addLoadEvent, initClass:initClass }; }(); bigLinks.addLoadEvent(function(){ bigLinks.initClass('div','bigLink'); }); Regards Mike Foskett From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ben Buchanan Sent: 04 November 2009 13:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Including a DIV element inside an HREF tag 2009/11/4 dionisis karampinis dkarampi...@gmail.commailto:dkarampi...@gmail.com I would like your comments regarding the inclusion of a DIV, inside a Link tag. I need to make the following div element - 'linkable' , as such when the user hovers on it, to be able to follow a link to another page. Do you think this is a semantic way of structuring these elements or not ? And if not do you know if there are any other alternatives so i could perform the same functionality? Well... your example won't validate as XHTML1; and you have something noted as a heading so semantically it would seem logical to use a heading tag. So I'd suggest something more like this: div id=service1 h2 class=servicepa href=http://www.impelmedia.co.uk/index.php/services/design/;My Heading/a/h2 p class=summarya href=http://www.impelmedia.co.uk/index.php/services/design/;Lorem ipsum text lorem ipsum text lorem ipsum text orem ipsum text lorem ipsum text orem ipsum text lorem ipsum text/a/p /div ...obviously pick the appropriate heading level. I've just assumed this wouldn't be the top level heading. This way everything's clickable, valid and semantically logical. cheers, Ben -- --- http://weblog.200ok.com.au/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org
RE: [WSG] Accessible Image Map Editors
Image maps are the only thing I still use Adobe's Dreamweaver for. It's good at it. Note: 1. Use meaningful alt text. 2. Do not use small clickable areas. 3. Use both name and id on attributes on the map element. Regards Mike Marvin Hunkin schrieb: hi. is image map accessible with jaws? i need to create a image map for a web page i am developing for one of my online programming classes with http://www.johnsmiley.com any recommendations would be appreciated. cheers Marvin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE6 display issue
Try onload() event handler Alternatively place the script at the bottom of the page? mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stuart Foulstone Sent: 09 October 2009 11:00 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE6 display issue Try onload() event handler, see: http://javascript.about.com/library/bltut31.htm On Fri, October 9, 2009 6:55 am, Western Web Design wrote: Kepler Gelotte wrote: In IE6, although the image fades and replaces etc, the #header is enlarged to accommodate all 4 images though three remain hidden. Hi, I suspect that the javascript is executing before the page has fully loaded so the images are not able to be stacked by the javascript function. To make sure your page has fully loaded try using the document.ready function of jquery: SCRIPT type=text/javascript $(document).ready(function() { $('#pics').cycle({ fx:'fade', speed: 2500, timeout: 5500, random: 1, pause: 1 }); }); /SCRIPT If that still doesn't work, try moving the javascript after the /body. Have tried both to no avail. You sound like you are on the right track, though. Thanks! -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Ordered list start value
The correct way to use list start values in XHTML is to use HTML v4 instead. mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James O'Neill Sent: 28 September 2009 14:11 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Ordered list start value Really, really unfortunately, the only way is through CSS 3's counter. Somebody correct me if I am wrong. This is one of the things that really makes me cranky. =( On Mon, Sep 28, 2009 at 08:02, T. R. Valentine trvalent...@gmail.commailto:trvalent...@gmail.com wrote: What is the proper way to start an ordered list at a value other than '1' in XHTML? I had ol start=9 flagged because 'there is no attribute start' TIA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] How Important Is Web Accessibility?
Remember device independence? So it's still important to design for large font-sizes. I believe i read somewhere that the WCAG 2 guidelines recommends up to 200% font scaling. That's Ctrl+ six times in Firefox. From a personal perspective. I need to have larger text to read articles and it annoys me when the whole page zooms and goes horizontally off the page. Mike. From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James Jeffery Sent: 18 August 2009 11:08 To: wsg@webstandardsgroup.org Subject: [WSG] How Important Is Web Accessibility? Zooming is present on the majority of modern browsers, so where does this leave elastic layouts, and em's? Should we still develop sites that grow should the user want to increase the text size? Even though it's the lower browsers that do that? I've been out of the scene for a while, so I've lost touch with the current practices and conventions. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Back to basics!
Sorry Adam, I've been having list submission problems and have lost a few verbose responses, and even complete questions. Consequently all I've posted of late are short responses if any at all. I'll endeavour to improve replies in future. Regards Mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Adam Smith Sent: 12 July 2009 23:41 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Back to basics! Mike, It's messages like this one which make it such a joy to be part of WSG. Impeccable information and the perfect answer with just one URL! On 7/10/2009 at 7:39 pm, Foskett, Mike mike.fosk...@uk.tesco.com wrote: http://websemantics.co.uk/resources/common_symbols/ Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of designer Sent: 10 July 2009 10:08 To: wsg@webstandardsgroup.org Subject: [WSG] Back to basics! Hi all, Could anyone tell me where there is information regarding character code 'usage' that is simple. I always use UTF-8 and, e.g., if I want to put a left quote in my text I can use quot; or #8220; Which is recommended? Any help, links etc most welcome. (I have googled, but . . .) Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Network Ten Pty Ltd ABN 91 052 515 250 Network Ten Disclaimer This e-mail (including all attachments) is intended solely for the named addressee. If you receive it in error, please let us know by reply e-mail, delete it from your system and destroy the copies. This e-mail is also subject to copyright. No part of it should be reproduced, adapted or transmitted without the written consent of the copyright owner. E-mails may be interfered with, may contain computer viruses or other defects and may not be successfully replicated on other systems. We give no warranties in relation to these matters. If you have any doubts about the authenticity of an e-mail purportedly sent by us, please contact us immediately. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Back to basics!
http://websemantics.co.uk/resources/common_symbols/ Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of designer Sent: 10 July 2009 10:08 To: wsg@webstandardsgroup.org Subject: [WSG] Back to basics! Hi all, Could anyone tell me where there is information regarding character code 'usage' that is simple. I always use UTF-8 and, e.g., if I want to put a left quote in my text I can use quot; or #8220; Which is recommended? Any help, links etc most welcome. (I have googled, but . . .) Thanks, Bob *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] no scrollbars in ff
Did you try this from the articles comments? :root {overflow-y:scroll} I gave it a quick test and it appeared to work well in Firefox and Chrome. Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Mathew Robertson Sent: 09 June 2009 02:59 To: wsg@webstandardsgroup.org Subject: Re: [WSG] no scrollbars in ff Whats the problem with firefox and vertical scroll bars. I have a centered layout here most of the pages would require scrolling but no bars show up in ff. I've tried all the solutions on this page: http://hicksdesign.co.uk/journal/forcing-scrollbars-now-even-better but no use. Any suggestions? have you tried: html { overflow-y: scroll; } regards, Mathew Robertson *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE8 compatibility mode
Oh, forgot to kudos the IE8 team, that I find the page load performance is on par with Safari :) It's actually on par with Firefox 3 - running six parallel downloads per url. Safari and Opera should do slightly better running 8 concurrently. But either way it's far better than the original HTTP specification of 2 (IEv6 and v7). IEv8 also promises to no longer stall for the download of link's and script's. Should provide a marked improvement. mike foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of tee Sent: 26 March 2009 15:40 To: wsg@webstandardsgroup.org Subject: Re: [WSG] IE8 compatibility mode On Mar 26, 2009, at 7:58 AM, tee wrote: Strange that Microsoft is a bit shy with the new release because I have not been prompted to update the browser each time I turned on the PC. None of my clients' sites that I have access to their analytics, show IE 8 stats, except mine. Good news is, all sites are rendering properly as I expected them be, except one that the jQuery slide show is showing the exact problem as I saw in IE6 and 7. A heads up, I was using Classic View for my Vista, in IE8 with standard mode the sites all had a few paddings/margins issue in a number of pages where absolute position is declared, and on few areas where there is darken background color with lighter 1px horizontal line, the line turns to solid white. Soon as I switched to Vista View, all these problems disappeared. Oh, forgot to kudos the IE8 team, that I find the page load performance is on par with Safari :) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released!
Thanks Stuart, That explains it. All of the h1's content has to be part, or all, of the title. I can see the point. It makes accessibility sense, and strangely SEO sense too, though a part of me dislikes the repetition. From the suggestion I see the work, you're welcome to it part would be better considered as a new paragraph. The same as rich, usable, engaging accessible solutions is to the first h1. Though that will be a coding nightmare. Probably best to simplify somehow. I'll take that under advisement on my next build. Once again thanks. A great tool. Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Stuart Foulstone Sent: 14 March 2009 01:13 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released! but then you wouldn't have, # Each h1 element must have text content. # Pass Perhaps its the other h1 and The text content of each h1 element should match all or part of the title content. means that ALL it's text content, Welcome - work, you're welcome to it should match part of the title content (which of course it doesn't). Try removing the tagline so it just reads Welcome and test again. On Sat, March 14, 2009 12:35 am, Stuart Foulstone wrote: possibly something to do with: #websemantics a {display:none} producing an empty h1/h1 ? On Fri, March 13, 2009 10:33 am, Foskett, Mike wrote: An excellent tool. I'm intrigued as to why this code would flag an error: titleWelcome to siteName - blah blah blah/title ... h1a href=/siteName/a/h1 ... h1Welcome yada yada yada/h1 Live page: http://websemantics.co.uk/ Test result page report: http://fae.cita.uiuc.edu/report/11ffbe32e288ea27/page/1/nav/ I'm very happy that it's the only error though. Will use this tool to check through the rest of the site when time's available, Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jon Gunderson Sent: 12 March 2009 14:07 To: wsg@webstandardsgroup.org Subject: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released! The Illinois Functional Web Accessibility Evaluator 1.0 (FAE) has been released with new and updated accessibility rules based on the iCITA Best Practices [1 to help web developers create HTML resources that are usable by people with disabilities. FAE is a free service provided by the University of Illinois as a public service to support the creation of functionally accessible web resources to comply with Section 508 [2] and W3C Web Content Accessibility Guidelines [3] requirements . New reporting features let you archive up to 5 reports for as long as you want and as always you can still send URLs of web accessibility reports to developers and administrators for review without them needed to create an account. http://fae.cita.uiuc.edu Sign up for your new FREE account at: http://fae.cita.uiuc.edu/accounts/register/ Signing up for an account will let you test entire websites, instead of just one web page. NOTE: If you had an account on the old version of FAE you will need to create a NEW account on FAE 1.0. The new version of FAE uses a different web application framework than the previous system and we were not able to migrate the old database. Information about new FAE features at: http://fae.cita.uiuc.edu/about/versions/ References 1. iCITA HTML Best Practices http:/fae.cita.uiuc.edu 2. Section 508 Information Technology Accessibility Standards http://www.access-board.gov/sec508/standards.htm 3. W3C Web Content Accessibility Guidelines http://www.w3.org/TR/WCAG *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh
RE: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released!
An excellent tool. I'm intrigued as to why this code would flag an error: titleWelcome to siteName - blah blah blah/title ... h1a href=/siteName/a/h1 ... h1Welcome yada yada yada/h1 Live page: http://websemantics.co.uk/ Test result page report: http://fae.cita.uiuc.edu/report/11ffbe32e288ea27/page/1/nav/ I'm very happy that it's the only error though. Will use this tool to check through the rest of the site when time's available, Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jon Gunderson Sent: 12 March 2009 14:07 To: wsg@webstandardsgroup.org Subject: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released! The Illinois Functional Web Accessibility Evaluator 1.0 (FAE) has been released with new and updated accessibility rules based on the iCITA Best Practices [1 to help web developers create HTML resources that are usable by people with disabilities. FAE is a free service provided by the University of Illinois as a public service to support the creation of functionally accessible web resources to comply with Section 508 [2] and W3C Web Content Accessibility Guidelines [3] requirements . New reporting features let you archive up to 5 reports for as long as you want and as always you can still send URLs of web accessibility reports to developers and administrators for review without them needed to create an account. http://fae.cita.uiuc.edu Sign up for your new FREE account at: http://fae.cita.uiuc.edu/accounts/register/ Signing up for an account will let you test entire websites, instead of just one web page. NOTE: If you had an account on the old version of FAE you will need to create a NEW account on FAE 1.0. The new version of FAE uses a different web application framework than the previous system and we were not able to migrate the old database. Information about new FAE features at: http://fae.cita.uiuc.edu/about/versions/ References 1. iCITA HTML Best Practices http:/fae.cita.uiuc.edu 2. Section 508 Information Technology Accessibility Standards http://www.access-board.gov/sec508/standards.htm 3. W3C Web Content Accessibility Guidelines http://www.w3.org/TR/WCAG *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released!
Hey Kay, I'll have to respectively disagree about h1 tags. The Illinois FAE has it about right: max 2 h1's, content in h1's replicated in the title. It's just the test appears to fail correct detection on that criteria. http://slipper-shop.nl/ I don't think we're looking at the same page? Either that or you missed a bit. Page has 2 h1's and 1 h2. It also has a h3 following a h1. Regards Mike -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Kay in t Veen - Gmail Sent: 13 March 2009 10:59 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released! double h1 tags are never good! chechout http://slipper-shop.nl 1 h1 1 h2 multiple h3 On Mar 13, 2009, at 11:33 AM, Foskett, Mike wrote: An excellent tool. I'm intrigued as to why this code would flag an error: titleWelcome to siteName - blah blah blah/title ... h1a href=/siteName/a/h1 ... h1Welcome yada yada yada/h1 Live page: http://websemantics.co.uk/ Test result page report: http://fae.cita.uiuc.edu/report/11ffbe32e288ea27/page/1/nav/ I'm very happy that it's the only error though. Will use this tool to check through the rest of the site when time's available, Regards Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jon Gunderson Sent: 12 March 2009 14:07 To: wsg@webstandardsgroup.org Subject: [WSG] Illinois Functional Web Accessibility Evaluator 1.0 Released! The Illinois Functional Web Accessibility Evaluator 1.0 (FAE) has been released with new and updated accessibility rules based on the iCITA Best Practices [1 to help web developers create HTML resources that are usable by people with disabilities. FAE is a free service provided by the University of Illinois as a public service to support the creation of functionally accessible web resources to comply with Section 508 [2] and W3C Web Content Accessibility Guidelines [3] requirements . New reporting features let you archive up to 5 reports for as long as you want and as always you can still send URLs of web accessibility reports to developers and administrators for review without them needed to create an account. http://fae.cita.uiuc.edu Sign up for your new FREE account at: http://fae.cita.uiuc.edu/accounts/register/ Signing up for an account will let you test entire websites, instead of just one web page. NOTE: If you had an account on the old version of FAE you will need to create a NEW account on FAE 1.0. The new version of FAE uses a different web application framework than the previous system and we were not able to migrate the old database. Information about new FAE features at: http://fae.cita.uiuc.edu/about/versions/ References 1. iCITA HTML Best Practices http:/fae.cita.uiuc.edu 2. Section 508 Information Technology Accessibility Standards http://www.access-board.gov/sec508/standards.htm 3. W3C Web Content Accessibility Guidelines http://www.w3.org/TR/WCAG *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Chrome now higher traffic than IE
Tesco's (a major UK online retailer) stats concur with Matt's results within 1%. mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Matthew Pennell Sent: 03 March 2009 11:52 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Chrome now higher traffic than IE On Tue, Mar 3, 2009 at 11:40 AM, Mike Kear w...@afpwebworks.commailto:w...@afpwebworks.com wrote: In my case, the sample is fairly small, and I never suggested it was representative of the internet as a whole. The bigger of the two sites I've used is a radio station. It has 54,000 user sessions in that set of stats. More stats (30m visits over a month, demographic of pretty much everyone): IE7 - 52% IE6 - 23% FF3 - 17% Safari - 3% FF2 - 2.5% Chrome - 0.8% Opera - 0.5% - Matthew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Accessible popup help
Take a look at this method: http://websemantics.co.uk/resources/accessible_ajax_glossary/ An AJAX method which embeds the help into the page upon demand. Alternatively: http://direct.tesco.com/homepage/furniture.aspx Click on Spare parts or Customer services. With JS you get a pop-up, without you get an anchor link. Works with keyboard-only too. Mike Foskett http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of clarele...@halifax.co.uk Sent: 03 March 2009 12:21 To: wsg@webstandardsgroup.org Subject: [WSG] Accessible popup help Hi there, We have hidden divs (popup help) on a page that are shown either by onClick or onMouseOver. When the div is shown, Jaws will not read the contents, any ideas on how to get it to work without users having to disable JS? Also does anyone have any good examples of pop up help? Thanks - Bank of Scotland plc, Registered in Scotland Number SC327000 Registered office: The Mound, Edinburgh EH1 1YZ. Authorised and regulated by Financial Services Authority. == *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Javascript Accessibility - ARIA
Dude, that's a little unrealistic and a tad bitter: Its been possible to do ARIA style accessibility since about 1995 - its just now that people are starting to care. Personally I've been waiting for ARIA to come of age now both assistive technologies and browsers offer support. With the imminent release of IEv8 (with ARIA support) it's time to re-examine state of play. I'm interested in how's of implementation, and what's happening with W3C validation? Can it be used with XHTML v1.0 yet? Will it ever be? Does serving the page as text/html still have issues? Is there a fully usable Doctype yet? Is there a simple method to implement liveregion areas? Any news or thoughts greatly appreciated. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Mathew Robertson Sent: 02 March 2009 10:03 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Javascript Accessibility David Dixon da...@terrainferno.net wrote: Interesting blog entry by the creators of the Cappuccino project (http://cappuccino.org) on the subject on Web Accessibility vs JavaScript Availability: http://rossboucher.com/2009/02/26/accessibility-degradation-in-cappuccin o Personally im in favour of the distinction he makes, but the expectation for the WAI ARIA team to contact _them_ to help their framework use it is rather unrealistic although the WAI ARIA team (as with the W3C in general) need to start producing more palatable documentation rather than just having huge technical manuals on the subject. Interested to know others thoughts on the subject. Its been possible to do ARIA style accessibility since about 1995 - its just now that people are starting to care. Mathew Robertson *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Accessibility testing
Jon, I submitted the tool on the accessify forum for comment. http://www.accessifyforum.com/viewtopic.php?t=13098 Some interesting comments there. Mike. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Foskett, Mike Sent: 17 February 2009 12:03 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Accessibility testing http://faetest.dres.uiuc.edu I'm totally shocked, that tool is actually quite good. If I get time later I'll run it through a few problematic sites and compare against manual reviewed reports. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jon Gunderson Sent: 16 February 2009 17:25 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Accessibility testing You can try the Illinois Functional Web Accessibility Evaluator service. It is a free service, no cost to create an account. http://faetest.dres.uiuc.edu This is the Candidate release 1, that hopefully be our production version available later this week. Please let me know what you think of it. Jon On Tue, Feb 10, 2009 at 11:59 PM, Henrik Madsen hen...@igenerator.com.au wrote: Hi all, I'm wrapping up a Government agency website. They have reams of design and usability standards. Some pretty pointless; others very valid - but no problem. Re. accessibility, they use ACTF aDesigner. http://www.eclipse.org/actf/downloads/tools/aDesigner/index.php And our scores against WCAG v1.0 Level A could apparently be improved. They have provided scores for star rating, compliance, navigability and listenability. Now, here's the thing. This software is only for PC. I'm Mac. Not very accessible eh? :) What similar software / online systems do people use and get reliable results (if reliable results are indeed attainable)? TIA. Henrik Henrik Madsen Generator hen...@igenerator.com.au www.igenerator.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Accessibility testing
http://faetest.dres.uiuc.edu I'm totally shocked, that tool is actually quite good. If I get time later I'll run it through a few problematic sites and compare against manual reviewed reports. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Jon Gunderson Sent: 16 February 2009 17:25 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Accessibility testing You can try the Illinois Functional Web Accessibility Evaluator service. It is a free service, no cost to create an account. http://faetest.dres.uiuc.edu This is the Candidate release 1, that hopefully be our production version available later this week. Please let me know what you think of it. Jon On Tue, Feb 10, 2009 at 11:59 PM, Henrik Madsen hen...@igenerator.com.au wrote: Hi all, I'm wrapping up a Government agency website. They have reams of design and usability standards. Some pretty pointless; others very valid - but no problem. Re. accessibility, they use ACTF aDesigner. http://www.eclipse.org/actf/downloads/tools/aDesigner/index.php And our scores against WCAG v1.0 Level A could apparently be improved. They have provided scores for star rating, compliance, navigability and listenability. Now, here's the thing. This software is only for PC. I'm Mac. Not very accessible eh? :) What similar software / online systems do people use and get reliable results (if reliable results are indeed attainable)? TIA. Henrik Henrik Madsen Generator hen...@igenerator.com.au www.igenerator.com.au *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IEv8 support for Data URIs?
Hi All, Forget that last post; Complete rubbish; I made a basic error in the testing. It turns out IEv8 supports both the NOT IE conditional comment and Data URIs. The error was thrown up by badly layered conditional comments and the use of a * hack. Doh! Mike Foskett http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Foskett, Mike Sent: 23 January 2009 10:55 To: wsg@webstandardsgroup.org Subject: [WSG] IEv8 support for Data URIs? Hi All, I was under an impression that IEv8 was to support Data URI format for images. Yet preliminary testing with IETester shows a lack of support. Can anyone confirm if IEv8 is to support the format? Preliminary test results for IEv8b2: 1. The NOT IE conditional comment failed. 2. Data URI failed. 3. * hack failed. Though in fairness these were at a glance, and not at all extensive. They may even be (IETester) installation issues. Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] IEv8 support for Data URIs?
Hi All, I was under an impression that IEv8 was to support Data URI format for images. Yet preliminary testing with IETester shows a lack of support. Can anyone confirm if IEv8 is to support the format? Preliminary test results for IEv8b2: 1. The NOT IE conditional comment failed. 2. Data URI failed. 3. * hack failed. Though in fairness these were at a glance, and not at all extensive. They may even be (IETester) installation issues. Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Helpful Criticism and Browser test plz
Hi Dave, Nice looking site. I only noticed a few accessibility issues: 1. Add labels to your contact form. 2. Based in Lancastershire... should be an image not a background graphic. 3. Main navigation links need a bit more attention to separate states: visited, hover, active and focus. Hope it helps Mike Foskett -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Dave Westell Sent: 21 January 2009 15:00 To: wsg@webstandardsgroup.org Subject: [WSG] Helpful Criticism and Browser test plz Hi all, Just got my latest project to validate XHTML Strict, and just wanted any helpful criticism and also to see if any problems with any Browsers and Operating Systems . http://www.clock-this.co.uk/ Thanks in advance.. Dave.. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] embedding quicktime .mov cross-platform
Maybe try this out? http://websemantics.co.uk/resources/embedding_flash_video/ Simple, accessible and web standards compliant. Mike Foskett http://websemantics.co.uk/ -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Ron Zisman Sent: 15 January 2009 21:51 To: wsg@webstandardsgroup.org Subject: Re: [WSG] embedding quicktime .mov cross-platform On Jan 15, 2009, at 3:52 PM, Christian Montoya wrote: My recommendation is that you convert the movies to FLV and use a standard Flash FLV player. You'll find better support that way, and you can do things like basic streaming, rather than just putting the videos on the page with object or embed. a friend suggested uploading onto vimeo and linking. i'm looking at that now. also looking at converters. i'll get there eventually. thanks much. --R -- -- Christian Montoya mappdev.com :: christianmontoya.net *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Browser / OS Test on website.
Hi Danny, Just one issue on the usage of headings. Try to use only one h1 tag at the beginning of the content. It's an accessibility thing. Follow that with h2 etc. Mike Foskett http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Danny Croft Sent: Tuesday, January 13, 2009 8:03 PM To: wsg@webstandardsgroup.org Subject: [WSG] Browser / OS Test on website. Hi All, I was wondering if any of you get a spare minute, could you cast your professional eyes over a site I just put online. Its only a small online resume type site. But I'd be interested to see if anyone could find any issues with it or had any suggestions for items that I may have missed. I have done some testing and it passed the online W3C Validation Service for both the markup and CSS. Also if anyone is running an OS other than OSX (v 10.5.6) then I'd be interested in your results on any of the current browers. Like I said, only if you get a minute. Link: http://dannythewebdev.com (almost forgot to add the link) Cheers, Danny *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] re: IE8 display inline list issues - Any more gotchas?
Hi all, With the imminent release of IEv8 I did a quick site revision today. I noticed that all the inline navigation lists went askew. li {display:inline} The repair that worked for me was to add a float left to each. li {display:inline; float:left} Which appears to be the same fix as IEv6 double margin bug but in reverse. Does anyone know of a list of IEv8 gotchas? Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] re: Firefox v3 and opacity on opacity
Hi Johan, Thanks for the address. I’ve just reported the bug to Mozilla. The effect occurs even in safe mode with all add-ons switched off. Mike http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Johan Douma Sent: 22 December 2008 23:07 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Hi Mike, I've just tested it on the 3.1b3pre nighly from yesterday on Mac OSX 10.4 an it works fine as well. There shouldn't be any difference between XP and Vista, but he I might be wrong. I haven't seen anything like this before, it's all a bit weird indeed. Have you checked bugzilla to see if there's a reported bug about this? If not maybe report it and see if other people have the same bug. https://bugzilla.mozilla.org/ And what about firefox without extensions? Cheers, Johan Douma johando...@gmail.com 2008/12/22 Foskett, Mike mike.fosk...@uk.tesco.com Good idea Jon, Just tried it and the code still has display issues. Johan, I'm surprised it worked correctly for you. The only difference I can see is you are running XP while my testing was on Vista. Would that be enough to cause an issue? Does anyone using FFv3.05 on XP or Vista have mouse-over display issues with the code? If so, or not, what OS are you using? Mike http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James Ducker Sent: 20 December 2008 12:34 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Perhaps try it with Firefox in safe mode, just to be sure it isn't an add-on? On Sat, Dec 20, 2008 at 12:39 AM, Johan Douma johando...@gmail.com wrote: It's working fine for me on Windows XP, FF3.1b2 No issues at all. Cheers, Johan 2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com Hi Nick, The issue shown occurred on two different PCs and one Mac running windows. It doesn't occur on the Mac version of Firefox 3. My PC is using version 3.05. Here's a cropped screen grab of the supplied code, showing the effect after the mouse hover. http://websemantics.co.uk/temp/example_firefox_3_opacity_issue.jpg mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Nick Cowie Sent: 19 December 2008 11:56 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Mike I did not have any of that problem or any other issues with Firefox 3.04, 3.05 or 3.1b2 on Mac OS X 10.5.6 Nick 2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com Hi all, After finally upgrading Firefox to version 3.05, I encountered a rather unusual bug. When opacity is set to more than one level of container, contained links render badly on hover. Hovered link text turns white on white, which doesn't return to the natural state on mouse out. Scrolling the link off screen restores the link colour. Here's a demo which only causes issues in Firefox v3. html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=utf-8 / titleopacity/title style type=text/css html * {border:0 solid; padding:0; margin:0; list-style:none} a, a:visited {color:#5E6277} a:active, a:focus{color:#c60} a:hover{color:#000} #wrapper{border:1px solid #ccc; width:200px; padding:20px;} #panel{border:1px solid #f00; margin:0 auto; background:#eee; padding:10px} /style /head body div id=wrapper style=opacity:0.9 div id=panel style=opacity:0.9 ul lia href=#Gzip content: Speed up your site/a/li lia href=#Accessible AJAX glossary/a/li lia href=#Displaying code in web pages/a/li /ul /div /div /body /html Does anyone out there now of a solution? Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help
RE: [WSG] re: Firefox v3 and opacity on opacity
Good idea Jon, Just tried it and the code still has display issues. Johan, I’m surprised it worked correctly for you. The only difference I can see is you are running XP while my testing was on Vista. Would that be enough to cause an issue? Does anyone using FFv3.05 on XP or Vista have mouse-over display issues with the code? If so, or not, what OS are you using? Mike http://websemantics.co.uk/ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of James Ducker Sent: 20 December 2008 12:34 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Perhaps try it with Firefox in safe mode, just to be sure it isn't an add-on? On Sat, Dec 20, 2008 at 12:39 AM, Johan Douma johando...@gmail.com wrote: It's working fine for me on Windows XP, FF3.1b2 No issues at all. Cheers, Johan 2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com Hi Nick, The issue shown occurred on two different PCs and one Mac running windows. It doesn't occur on the Mac version of Firefox 3. My PC is using version 3.05. Here's a cropped screen grab of the supplied code, showing the effect after the mouse hover. http://websemantics.co.uk/temp/example_firefox_3_opacity_issue.jpg mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Nick Cowie Sent: 19 December 2008 11:56 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Mike I did not have any of that problem or any other issues with Firefox 3.04, 3.05 or 3.1b2 on Mac OS X 10.5.6 Nick 2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com Hi all, After finally upgrading Firefox to version 3.05, I encountered a rather unusual bug. When opacity is set to more than one level of container, contained links render badly on hover. Hovered link text turns white on white, which doesn't return to the natural state on mouse out. Scrolling the link off screen restores the link colour. Here's a demo which only causes issues in Firefox v3. html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=utf-8 / titleopacity/title style type=text/css html * {border:0 solid; padding:0; margin:0; list-style:none} a, a:visited {color:#5E6277} a:active, a:focus{color:#c60} a:hover{color:#000} #wrapper{border:1px solid #ccc; width:200px; padding:20px;} #panel{border:1px solid #f00; margin:0 auto; background:#eee; padding:10px} /style /head body div id=wrapper style=opacity:0.9 div id=panel style=opacity:0.9 ul lia href=#Gzip content: Speed up your site/a/li lia href=#Accessible AJAX glossary/a/li lia href=#Displaying code in web pages/a/li /ul /div /div /body /html Does anyone out there now of a solution? Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- James Ducker Web Developer (C#, VB, JS, HTML/CSS) http://www.studioj.net.au
[WSG] re: Firefox v3 and opacity on opacity
Hi all, After finally upgrading Firefox to version 3.05, I encountered a rather unusual bug. When opacity is set to more than one level of container, contained links render badly on hover. Hovered link text turns white on white, which doesn't return to the natural state on mouse out. Scrolling the link off screen restores the link colour. Here's a demo which only causes issues in Firefox v3. html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=utf-8 / titleopacity/title style type=text/css html * {border:0 solid; padding:0; margin:0; list-style:none} a, a:visited {color:#5E6277} a:active, a:focus{color:#c60} a:hover{color:#000} #wrapper{border:1px solid #ccc; width:200px; padding:20px;} #panel{border:1px solid #f00; margin:0 auto; background:#eee; padding:10px} /style /head body div id=wrapper style=opacity:0.9 div id=panel style=opacity:0.9 ul lia href=#Gzip content: Speed up your site/a/li lia href=#Accessible AJAX glossary/a/li lia href=#Displaying code in web pages/a/li /ul /div /div /body /html Does anyone out there now of a solution? Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] re: Firefox v3 and opacity on opacity
Hi Nick, The issue shown occurred on two different PCs and one Mac running windows. It doesn't occur on the Mac version of Firefox 3. My PC is using version 3.05. Here's a cropped screen grab of the supplied code, showing the effect after the mouse hover. http://websemantics.co.uk/temp/example_firefox_3_opacity_issue.jpg mike From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Nick Cowie Sent: 19 December 2008 11:56 To: wsg@webstandardsgroup.org Subject: Re: [WSG] re: Firefox v3 and opacity on opacity Mike I did not have any of that problem or any other issues with Firefox 3.04, 3.05 or 3.1b2 on Mac OS X 10.5.6 Nick 2008/12/19 Foskett, Mike mike.fosk...@uk.tesco.com Hi all, After finally upgrading Firefox to version 3.05, I encountered a rather unusual bug. When opacity is set to more than one level of container, contained links render badly on hover. Hovered link text turns white on white, which doesn't return to the natural state on mouse out. Scrolling the link off screen restores the link colour. Here's a demo which only causes issues in Firefox v3. html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en head meta http-equiv=content-type content=text/html; charset=utf-8 / titleopacity/title style type=text/css html * {border:0 solid; padding:0; margin:0; list-style:none} a, a:visited {color:#5E6277} a:active, a:focus{color:#c60} a:hover{color:#000} #wrapper{border:1px solid #ccc; width:200px; padding:20px;} #panel{border:1px solid #f00; margin:0 auto; background:#eee; padding:10px} /style /head body div id=wrapper style=opacity:0.9 div id=panel style=opacity:0.9 ul lia href=#Gzip content: Speed up your site/a/li lia href=#Accessible AJAX glossary/a/li lia href=#Displaying code in web pages/a/li /ul /div /div /body /html Does anyone out there now of a solution? Mike Foskett http://websemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Nick Cowie http://nickcowie.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Streamline a video question
Hi Brett, It's inadvisable to auto-play video content, but a lot depends on the actual content. Getting video to autostart depends on the deployment method chosen. Personally I highly recommend the JW FLV media player for online delivery: http://www.jeroenwijering.com/?item=JW_FLV_Media_Player For the more advanced here's an alternative implementation method: http://websemantics.co.uk/resources/embedding_flash_video/ Mike Foskett From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brett Patterson Sent: 02 December 2008 13:17 To: wsg@webstandardsgroup.org Subject: [WSG] Streamline a video question I am trying to put a video on the Web, but I cannot get it to play automatically. I want to have them stream so that they will play immediately instead of lagging a minute or so when clicked on. Is there a standard/recommended way to do this? Links for reading about it would be greatly appreciated. -- Brett P. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] your best practise for CSS sprites for elements that have no height declared
While I cannot help with the spacing issue I do strongly suggest using png rather than gif. File size is smaller especially when run through pngGauntlet. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: 25 November 2008 10:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] your best practise for CSS sprites for elements that have no height declared On Nov 24, 2008, at 3:24 AM, Robert O'Rourke wrote: If I remember rightly if you are able to save the image with a transparent background it keeps the file size lower because a transparent pixel takes less space than a pixel with colour information. You can put a coloured outline around the sprites themselves to avoid jagged edges in IE. Thanks all for the tips. The htacces ones is especially useful :-) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Which is read first? Scripts or Styles?
I'd add a furtherance to Steve Sounders / Yahoo's recommendations and use the @import method for style sheets and not link. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Dave Hall Sent: 24 November 2008 21:07 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Which is read first? Scripts or Styles? On Mon, 2008-11-24 at 10:24 -0500, Brett Patterson wrote: I have no idea why, but for some reason I cannot remember which is read first! Are scripts or styles read first? As others have mentioned, they are read in the order they occur in the document. And which is the recommended order to list them? Styles or Scripts first? Yahoo's performance best practice guide recommends styles in the head and scripts as the last thing before the /body in a document. See http://developer.yahoo.com/performance/rules.html#css_top for more info. Cheers Dave *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: Link or @import (was Re: [WSG] Which is read first? Scripts or Styles?)
Using the link tag prevents parallel downloads in the same manner as the script tag for javascript. The style tag with the @import method does not. Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dorward Sent: 25 November 2008 13:25 To: wsg@webstandardsgroup.org Subject: Link or @import (was Re: [WSG] Which is read first? Scripts or Styles?) Foskett, Mike wrote: I'd add a furtherance to Steve Sounders / Yahoo's recommendations and use the @import method for style sheets and not link. Why? Netscape 4 isn't an issue any more so using @import to hide CSS from it is pointless, but it does trigger a FOUC in MSIE, which is undesirable. Embedding a stylesheet in a document which does nothing except load an external stylesheet is conceptually inelegant (and very slightly off track for the separation of style from content). -- David Dorward http://dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] your best practise for CSS sprites for elements that have no height declared
Sorry Brett, you're wrong. The png format will handle three levels of bit-depth including 8-bit which is the same as the gif format. The references you state are somewhat outdated and don't consider the different methods of compression that a png will handle natively. I suggest you try a few comparisons out yourself. They don't always work out smaller but most often they do. Create an 8-bit png in Fireworks (recommended but not essential). Then run it through pngGauntlet and see for yourself. You're going to be surprised. Mike Foskett From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brett Patterson Sent: 25 November 2008 13:16 To: wsg@webstandardsgroup.org Subject: Re: [WSG] your best practise for CSS sprites for elements that have no height declared No, I may have to disagree. GIF files are (a majority of them, if not all, are) smaller. They have to be. Considering GIF only supports up to a maximum of 256 colors. (it is 8-bit). Try http://www.sitepoint.com/article/gif-jpg-png-whats-difference/ ---or--- http://en.wikipedia.org/wiki/Graphics_Interchange_Format You should never have to use a pngGauntlet-type compressor. On Tue, Nov 25, 2008 at 7:10 AM, Foskett, Mike [EMAIL PROTECTED] wrote: While I cannot help with the spacing issue I do strongly suggest using png rather than gif. File size is smaller especially when run through pngGauntlet. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: 25 November 2008 10:48 To: wsg@webstandardsgroup.org Subject: Re: [WSG] your best practise for CSS sprites for elements that have no height declared On Nov 24, 2008, at 3:24 AM, Robert O'Rourke wrote: If I remember rightly if you are able to save the image with a transparent background it keeps the file size lower because a transparent pixel takes less space than a pixel with colour information. You can put a coloured outline around the sprites themselves to avoid jagged edges in IE. Thanks all for the tips. The htacces ones is especially useful :-) tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- Brett P. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: Link or @import (was Re: [WSG] Which is read first? Scripts or Styles?)
Sorry, I forgot to add that FOUC doesn't occur if the style tag is followed by any other valid tag, eg script .../script which is opened and closed separately. Though to be honest I cannot remember the last time I incurred the bug. Mike Foskett http://websemantics.co.uk/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Foskett, Mike Sent: 25 November 2008 13:50 To: wsg@webstandardsgroup.org Subject: RE: Link or @import (was Re: [WSG] Which is read first? Scripts or Styles?) Using the link tag prevents parallel downloads in the same manner as the script tag for javascript. The style tag with the @import method does not. Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David Dorward Sent: 25 November 2008 13:25 To: wsg@webstandardsgroup.org Subject: Link or @import (was Re: [WSG] Which is read first? Scripts or Styles?) Foskett, Mike wrote: I'd add a furtherance to Steve Sounders / Yahoo's recommendations and use the @import method for style sheets and not link. Why? Netscape 4 isn't an issue any more so using @import to hide CSS from it is pointless, but it does trigger a FOUC in MSIE, which is undesirable. Embedding a stylesheet in a document which does nothing except load an external stylesheet is conceptually inelegant (and very slightly off track for the separation of style from content). -- David Dorward http://dorward.me.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] RE: Accessible date picker widget
Hi Jens, You could take a look at these two: http://websemantics.co.uk/tutorials/accessible_date_picker_calendar/ http://stage.websemantics.co.uk/resources/accessible_jquery_date_picker_ calendar/ Neither project was 100% completed but both work and are very accessible. The second is actually the better of the two using buttons for next / last month. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Chris Taylor Sent: 30 October 2008 10:39 To: 'wsg@webstandardsgroup.org' Subject: [WSG] RE: Accessible date picker widget Hi, This is the one I've used with good success: http://www.frequency-decoder.com/2006/10/02/unobtrusive-date-picker-widg it-update. It has a lot of options set from the CSS classes of an input type=text element. Chris From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Jens-Uwe Korff Sent: 30 October 2008 03:25 To: wsg@webstandardsgroup.org Subject: [WSG] Accessible date picker widget Hi all, I'm looking for an accessible widget that lets you select a date. It should be lightweight (or compressible), not depend on frameworks and allow for keyboard use / screenreaders. The ones I've found so far couldn't take all hurdles. Thank you! Cheers, Jens The information contained in this e-mail message and any accompanying files is or may be confidential. If you are not the intended recipient, any use, dissemination, reliance, forwarding, printing or copying of this e-mail or any attached files is unauthorised. This e-mail is subject to copyright. No part of it should be reproduced, adapted or communicated without the written consent of the copyright owner. If you have received this e-mail in error please advise the sender immediately by return e-mail or telephone and delete all copies. Fairfax does not guarantee the accuracy or completeness of any information contained in this e-mail or attached files. Internet communications are not secure, therefore Fairfax does not accept legal responsibility for the contents of this message or attached files. Click here to report this email as spam. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** This message has been scanned for malware by SurfControl plc. www.surfcontrol.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] re: Semantic use of rel and rev in anchors
Thanks for the replies. That answered my question. Regards Mike Foskett http://webSemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] re: Semantic use of rel and rev in anchors
Hi all, Could someone tell me if the following use of rel and rev are semantically accurate? a href=#tandc rev=appendixTCs/a ... div id=tandc ... /div a href=tandc.html rel=appendixTCs/a I'm currently developing a pop-up method specifically for Terms Conditions. One where the TCs are in a div at the bottom of the page and a second where an Ajax call fetches the external content. Thanks for reading Mike Foskett http://webSemantics.co.uk/ Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] .NET sites which are XHTML 1.0 strict
Both my previous and current employer are XHTML strict: http://www.tesco.com/ http://becta.org.uk/ Tesco is a .net site. Mike Foskett -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Anthony Milner Sent: 08 October 2008 03:23 To: wsg@webstandardsgroup.org Subject: [WSG] .NET sites which are XHTML 1.0 strict Hi, I was having a *chat* with some .NET developer colleagues and they challenged me to find a .NET site that achieves XHTML 1.0 strict compliance. Hoping to prove to them that it can be done. Does anybody know of some .NET sites which are XHTML 1.0 strict (or even transitional)? Thanks, Anthony *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** ---Warning This e-mail is from outside Tesco - check that it is genuine. Tesco may monitor and record all e-mails. Disclaimer This is a confidential email. Tesco may monitor and record all emails. The views expressed in this email are those of the sender and not Tesco. Tesco Stores Limited Company Number: 519500 Registered in England Registered Office: Tesco House, Delamare Road, Cheshunt, Hertfordshire EN8 9SL VAT Registration Number: GB 220 4302 31 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***