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:
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
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
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
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:
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
@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
, 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
-
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
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:
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.
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
/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
,
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
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
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
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
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
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
://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
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
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
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
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
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
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:
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
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
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
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
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
/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
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
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,
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:
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
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).
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
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,
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
-
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
-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
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
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
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
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
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
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
...@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
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
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
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
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
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
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
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 -
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
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
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
-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
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
] 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
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,
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;
(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
@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
: 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
!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
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
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
...@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
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:
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
: 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
...
/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
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
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:
77 matches
Mail list logo