<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
<title>456 Berea Street</title>
<link>http://www.456bereastreet.com/</link>
<description>Roger Johansson is a web professional specialising in web standards, accessibility, and usability.</description>
<dc:language>en</dc:language>
<dc:date>2010-02-08T19:30:09+01:00</dc:date>
<admin:generatorAgent rdf:resource="http://www.movabletype.org/?v=4.32-en" />

<feedburner:info uri="456bereastreet" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" /><meta xmlns="http://pipes.yahoo.com" name="pipes" content="noprocess" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://www.456bereastreet.com/feed.xml" /><item>
<title>sIFR default CSS hides content from at least one screen reader</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/UdUtRW3P9mM/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Accessibility</category>

<category>CSS</category>

<category>Typography</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/</guid>
<description>&lt;p class="preamble"&gt;Just a heads-up to anyone using &lt;a href="http://novemberborn.net/sifr3"&gt;sIFR&lt;/a&gt; to render text: the default CSS that comes with sIFR hides the replaced text from the &lt;a href="http://www.apple.com/accessibility/voiceover/"&gt;VoiceOver&lt;/a&gt; screen reader. I don’t know if any others are affected – VoiceOver is the only screen reader I have been able to verify this problem in.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/accessibility/" rel="tag"&gt;Accessibility&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/css/" rel="tag"&gt;CSS&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/typography/" rel="tag"&gt;Typography&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/vpuTsOm5WV0Tg6ycEBTbe_o3hhU/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/vpuTsOm5WV0Tg6ycEBTbe_o3hhU/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/vpuTsOm5WV0Tg6ycEBTbe_o3hhU/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/vpuTsOm5WV0Tg6ycEBTbe_o3hhU/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=UdUtRW3P9mM:PjY3KQ760q8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=UdUtRW3P9mM:PjY3KQ760q8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=UdUtRW3P9mM:PjY3KQ760q8:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=UdUtRW3P9mM:PjY3KQ760q8:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=UdUtRW3P9mM:PjY3KQ760q8:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=UdUtRW3P9mM:PjY3KQ760q8:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=UdUtRW3P9mM:PjY3KQ760q8:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/UdUtRW3P9mM" height="1" width="1"/&gt;</description>
<dc:date>2010-02-08T19:30:09+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201002/sifr_default_css_hides_content_from_at_least_one_screen_reader/</feedburner:origLink></item>

<item>
<title>Forgotten CSS selectors</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/p0X3gPLhLcU/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>CSS</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201002/forgotten_css_selectors/</guid>
<description>&lt;p class="preamble"&gt;Anyone who has been using CSS for any length of time has probably been frustrated by the lack of selector support in Internet Explorer 6. There are quite a lot of cases where a CSS 2.1 selector will let you target elements in all other relevant browsers, but where you, if you want it to work in IE 6, have to add a class or id attribute to the HTML.&lt;/p&gt;

&lt;p&gt;Well, the market share of IE 6 is now &lt;strong&gt;finally&lt;/strong&gt; at a level where we as developers can say that a site “supporting” IE 6 does not mean “looking pixel perfect”. Fortunately more and more clients understand this as well. IE 7 has been out for well over three years and IE 9 is on the horizon, so I think it’s time to revive those CSS selectors that you never got to use just because IE 6 doesn’t understand them.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201002/forgotten_css_selectors/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/css/" rel="tag"&gt;CSS&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/-zMgVE8HdwMz9lxTgtmpWt7me3E/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-zMgVE8HdwMz9lxTgtmpWt7me3E/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/-zMgVE8HdwMz9lxTgtmpWt7me3E/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/-zMgVE8HdwMz9lxTgtmpWt7me3E/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=p0X3gPLhLcU:lXxNzgRzW0g:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=p0X3gPLhLcU:lXxNzgRzW0g:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=p0X3gPLhLcU:lXxNzgRzW0g:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=p0X3gPLhLcU:lXxNzgRzW0g:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=p0X3gPLhLcU:lXxNzgRzW0g:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=p0X3gPLhLcU:lXxNzgRzW0g:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=p0X3gPLhLcU:lXxNzgRzW0g:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/p0X3gPLhLcU" height="1" width="1"/&gt;</description>
<dc:date>2010-02-04T20:39:33+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201002/forgotten_css_selectors/</feedburner:origLink></item>

<item>
<title>Beware of “Web Page, complete” when saving HTML pages with your browser</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/wu3l4wQqidE/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Browsers</category>

<category>Quick Tips</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201002/beware_of_web_page_complete_when_saving_html_pages_with_your_browser/</guid>
<description>&lt;p class="preamble"&gt;Every now and then I need to ask a client or another developer to save a copy of a web page and email it to me. Mostly it is because they are viewing a page that is behind a firewall and I need to see the markup. Something that happens a lot is that they send me HTML that is more or less mangled.&lt;/p&gt;

&lt;p&gt;This HTML mangling happens when you choose “Web Page, complete” or a similarly named option in your web browser. With this option selected, browsers don’t save just the HTML source of the page – they also save any associated images, stylesheets, javascript files and other resources and change all references to those files to make them point to the locally saved copy.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201002/beware_of_web_page_complete_when_saving_html_pages_with_your_browser/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/browsers/" rel="tag"&gt;Browsers&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/quick_tips/" rel="tag"&gt;Quick Tips&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/FsvrL0rXF1M0uFIGvZ74-o4d4W4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/FsvrL0rXF1M0uFIGvZ74-o4d4W4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/FsvrL0rXF1M0uFIGvZ74-o4d4W4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/FsvrL0rXF1M0uFIGvZ74-o4d4W4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=wu3l4wQqidE:5oLD5d70rvk:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=wu3l4wQqidE:5oLD5d70rvk:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=wu3l4wQqidE:5oLD5d70rvk:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=wu3l4wQqidE:5oLD5d70rvk:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=wu3l4wQqidE:5oLD5d70rvk:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=wu3l4wQqidE:5oLD5d70rvk:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=wu3l4wQqidE:5oLD5d70rvk:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/wu3l4wQqidE" height="1" width="1"/&gt;</description>
<dc:date>2010-02-01T19:47:10+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201002/beware_of_web_page_complete_when_saving_html_pages_with_your_browser/</feedburner:origLink></item>

<item>
<title>XHTML Media Types Working Group Note updated</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/D6MKNo7Rg3U/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>(X)HTML</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/xhtml_media_types_working_group_note_updated/</guid>
<description>&lt;p class="preamble"&gt;The W3C Working Group Note &lt;a href="http://www.w3.org/TR/2009/NOTE-xhtml-media-types-20090116/"&gt;XHTML Media Types - Second Edition&lt;/a&gt; contains updated guidelines for the use of different media types with XHTML documents – &lt;code&gt;text/html&lt;/code&gt; vs. &lt;code&gt;application/xhtml+xml&lt;/code&gt;. The note is about a year old now, so this will be old news to some readers. Better late than never, I suppose. &lt;/p&gt;

&lt;p&gt;The document is now more focused on the &lt;code&gt;text/html&lt;/code&gt; vs. &lt;code&gt;application/xhtml+xml&lt;/code&gt; media types and includes &lt;a href="http://www.w3.org/TR/2009/NOTE-xhtml-media-types-20090116/#compatGuidelines"&gt;Compatibility Guidelines&lt;/a&gt; for ensuring that documents can work with either media type.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/xhtml_media_types_working_group_note_updated/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/xhtml/" rel="tag"&gt;(X)HTML&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/YBwT4njRkF6BPxs5k2GA6JCtAWc/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/YBwT4njRkF6BPxs5k2GA6JCtAWc/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/YBwT4njRkF6BPxs5k2GA6JCtAWc/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/YBwT4njRkF6BPxs5k2GA6JCtAWc/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=D6MKNo7Rg3U:Fr3uA3JMoaI:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=D6MKNo7Rg3U:Fr3uA3JMoaI:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=D6MKNo7Rg3U:Fr3uA3JMoaI:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=D6MKNo7Rg3U:Fr3uA3JMoaI:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=D6MKNo7Rg3U:Fr3uA3JMoaI:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=D6MKNo7Rg3U:Fr3uA3JMoaI:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=D6MKNo7Rg3U:Fr3uA3JMoaI:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/D6MKNo7Rg3U" height="1" width="1"/&gt;</description>
<dc:date>2010-01-29T18:38:02+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/xhtml_media_types_working_group_note_updated/</feedburner:origLink></item>

<item>
<title>Unobtrusive JavaScript is not necessarily accessible JavaScript</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/tGOo8b7Ha_g/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Accessibility</category>

<category>JavaScript</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/unobtrusive_javascript_is_not_necessarily_accessible_javascript/</guid>
<description>&lt;p class="preamble"&gt;Plenty of JavaScript demos and tutorials that you come across on the Web note that they are implemented using &lt;a href="http://en.wikipedia.org/wiki/Unobtrusive_JavaScript"&gt;unobtrusive JavaScript&lt;/a&gt;. While that is great and should always be encouraged, some people seem to believe that unobtrusive JavaScript equals accessible JavaScript. That is not always the case.&lt;/p&gt;

&lt;p&gt;Unobtrusive JavaScript is normally mentioned to emphasise that a script uses &lt;a href="http://en.wikipedia.org/wiki/Progressive_enhancement"&gt;progressive enhancement&lt;/a&gt; to cater for people who use a browser without JavaScript support. But that does not mean that a script is accessible, since two key accessibility issues tend to be overlooked – keyboard navigation and screen readers.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/unobtrusive_javascript_is_not_necessarily_accessible_javascript/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/accessibility/" rel="tag"&gt;Accessibility&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/javascript/" rel="tag"&gt;JavaScript&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/iT9jpnRcwn-SBsQd1GAzdCwLyjA/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/iT9jpnRcwn-SBsQd1GAzdCwLyjA/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/iT9jpnRcwn-SBsQd1GAzdCwLyjA/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/iT9jpnRcwn-SBsQd1GAzdCwLyjA/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=tGOo8b7Ha_g:ypThQrpcb8Q:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=tGOo8b7Ha_g:ypThQrpcb8Q:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=tGOo8b7Ha_g:ypThQrpcb8Q:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=tGOo8b7Ha_g:ypThQrpcb8Q:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=tGOo8b7Ha_g:ypThQrpcb8Q:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=tGOo8b7Ha_g:ypThQrpcb8Q:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=tGOo8b7Ha_g:ypThQrpcb8Q:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/tGOo8b7Ha_g" height="1" width="1"/&gt;</description>
<dc:date>2010-01-26T20:15:27+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/unobtrusive_javascript_is_not_necessarily_accessible_javascript/</feedburner:origLink></item>

<item>
<title>Embedding video files without JavaScript</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/YAcwCKvsy38/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>(X)HTML</category>

<category>HTML 5</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/embedding_video_files_without_javascript/</guid>
<description>&lt;p class="preamble"&gt;Nowadays, it is more or less the norm to use JavaScript to insert video content embedded in Flash into web pages. While it does work in the majority of cases, there are a couple of problems: it requires JavaScript and it requires Flash.&lt;/p&gt;

&lt;p&gt;Some people block JavaScript, some block Flash, some block both, and some use platforms or user agents that do not support JavaScript and/or Flash. Like the iPhone and iPod Touch, for example. So to reach the largest possible number of people with your videos, you may want to look into the method described by Kroc Camen in &lt;a href="http://camendesign.com/code/video_for_everybody"&gt;Video for Everybody!&lt;/a&gt;.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/embedding_video_files_without_javascript/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/xhtml/" rel="tag"&gt;(X)HTML&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/html_5/" rel="tag"&gt;HTML 5&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/KaISzb1a2B0GIdVlwW8fRvYlTcw/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/KaISzb1a2B0GIdVlwW8fRvYlTcw/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/KaISzb1a2B0GIdVlwW8fRvYlTcw/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/KaISzb1a2B0GIdVlwW8fRvYlTcw/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=YAcwCKvsy38:Ha1j2PbbmAQ:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=YAcwCKvsy38:Ha1j2PbbmAQ:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=YAcwCKvsy38:Ha1j2PbbmAQ:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=YAcwCKvsy38:Ha1j2PbbmAQ:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=YAcwCKvsy38:Ha1j2PbbmAQ:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=YAcwCKvsy38:Ha1j2PbbmAQ:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=YAcwCKvsy38:Ha1j2PbbmAQ:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/YAcwCKvsy38" height="1" width="1"/&gt;</description>
<dc:date>2010-01-25T18:38:34+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/embedding_video_files_without_javascript/</feedburner:origLink></item>

<item>
<title>A call for consistent display of alt text across browsers</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/Q1Ona4ODYkg/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Accessibility</category>

<category>Browsers</category>

<category>Usability</category>

<category>Web Standards</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/a_call_for_consistent_display_of_alt_text_across_browsers/</guid>
<description>&lt;p class="preamble"&gt;A while ago I posted &lt;a href="http://www.456bereastreet.com/archive/200912/safari_webkit_and_alt_text_for_missing_images/"&gt;Safari, WebKit and alt text for missing images&lt;/a&gt;, in which I note that most WebKit-based browsers do not always display alt text when images are missing. In &lt;a href="http://www.paciellogroup.com/blog/?p=498"&gt;alt and title content display in popular browsers&lt;/a&gt;, Steve Faulkner presents his results from taking a closer look at this in the browsers that are currently most widely used.&lt;/p&gt;

&lt;p&gt;In addition to checking what browsers do with an image’s alt text, Steve also checked if they do something with the title text, if any. Interestingly it turns out that Chrome and Safari display the contents of the &lt;code&gt;title&lt;/code&gt; attribute if the image has no &lt;code&gt;alt&lt;/code&gt; attribute. This situation shouldn’t occur in well-authored HTML documents, but I’m guessing WebKit displays the title text as error-recovery in the case of missing alt text, since in most cases it’s probably much better than displaying the file name.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/a_call_for_consistent_display_of_alt_text_across_browsers/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/accessibility/" rel="tag"&gt;Accessibility&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/browsers/" rel="tag"&gt;Browsers&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/usability/" rel="tag"&gt;Usability&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/web_standards/" rel="tag"&gt;Web Standards&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/XQLoLFR9zLCl-ikp2rSHreQMApk/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/XQLoLFR9zLCl-ikp2rSHreQMApk/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/XQLoLFR9zLCl-ikp2rSHreQMApk/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/XQLoLFR9zLCl-ikp2rSHreQMApk/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=Q1Ona4ODYkg:Qcc0JQKJ6K4:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=Q1Ona4ODYkg:Qcc0JQKJ6K4:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=Q1Ona4ODYkg:Qcc0JQKJ6K4:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=Q1Ona4ODYkg:Qcc0JQKJ6K4:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=Q1Ona4ODYkg:Qcc0JQKJ6K4:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=Q1Ona4ODYkg:Qcc0JQKJ6K4:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=Q1Ona4ODYkg:Qcc0JQKJ6K4:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/Q1Ona4ODYkg" height="1" width="1"/&gt;</description>
<dc:date>2010-01-20T19:50:04+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/a_call_for_consistent_display_of_alt_text_across_browsers/</feedburner:origLink></item>

<item>
<title>Is SVG support coming to Internet Explorer?</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/20T6MpDdzKs/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Browsers</category>

<category>Web Standards</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/is_svg_support_coming_to_internet_explorer/</guid>
<description>&lt;p class="preamble"&gt;In a post to the IEBlog, Patrick Dengler, Senior Program Manager of the Internet Explorer Team, announced that &lt;a href="http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-group.aspx"&gt;Microsoft Joins W3C SVG Working Group&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;He goes on to say that &lt;q cite="http://blogs.msdn.com/ie/archive/2010/01/05/microsoft-joins-w3c-svg-working-group.aspx"&gt;We’re excited to take part in ensuring future versions of the SVG spec will meet the needs of developers and end users.&lt;/q&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/is_svg_support_coming_to_internet_explorer/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/browsers/" rel="tag"&gt;Browsers&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/web_standards/" rel="tag"&gt;Web Standards&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/iGp_eWHpL7pWFcyB7FnbiFIkPe4/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/iGp_eWHpL7pWFcyB7FnbiFIkPe4/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/iGp_eWHpL7pWFcyB7FnbiFIkPe4/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/iGp_eWHpL7pWFcyB7FnbiFIkPe4/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=20T6MpDdzKs:E4ALdvISCH0:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=20T6MpDdzKs:E4ALdvISCH0:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=20T6MpDdzKs:E4ALdvISCH0:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=20T6MpDdzKs:E4ALdvISCH0:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=20T6MpDdzKs:E4ALdvISCH0:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=20T6MpDdzKs:E4ALdvISCH0:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=20T6MpDdzKs:E4ALdvISCH0:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/20T6MpDdzKs" height="1" width="1"/&gt;</description>
<dc:date>2010-01-18T20:38:29+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/is_svg_support_coming_to_internet_explorer/</feedburner:origLink></item>

<item>
<title>Telling organisations that their websites are inaccessible</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/BrUKMbYzbw0/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Accessibility</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/telling_organisations_that_their_websites_are_inaccessible/</guid>
<description>&lt;p class="preamble"&gt;When you encounter a website that has accessibility problems, it can be a good idea to contact the organisation behind the website to let them know about the problem and encourage them to fix it. To help make this a little easier, the W3C WAI has published a draft document called &lt;a href="http://www.w3.org/WAI/users/inaccessible"&gt;Contacting Organizations about Inaccessible Websites&lt;/a&gt;.&lt;/p&gt;

&lt;p&gt;The document contains tips, discusses different approaches, and includes a few sample e-mails to show you what a message describing an accessibility problem can look like. Shawn Lawton Henry talks about the initiative a bit more in &lt;a href="http://www.w3.org/QA/2010/01/encourage_accessibility_make_a_difference.html"&gt;Take a few minutes to encourage web accessibility. You can make a difference.&lt;/a&gt; on the W3C Blog.&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/telling_organisations_that_their_websites_are_inaccessible/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/accessibility/" rel="tag"&gt;Accessibility&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/bU7wnSf4CaPCZr_WVUjbpeA8ZwQ/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/bU7wnSf4CaPCZr_WVUjbpeA8ZwQ/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/bU7wnSf4CaPCZr_WVUjbpeA8ZwQ/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/bU7wnSf4CaPCZr_WVUjbpeA8ZwQ/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=BrUKMbYzbw0:bVoxEKnJBz8:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=BrUKMbYzbw0:bVoxEKnJBz8:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=BrUKMbYzbw0:bVoxEKnJBz8:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=BrUKMbYzbw0:bVoxEKnJBz8:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=BrUKMbYzbw0:bVoxEKnJBz8:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=BrUKMbYzbw0:bVoxEKnJBz8:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=BrUKMbYzbw0:bVoxEKnJBz8:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/BrUKMbYzbw0" height="1" width="1"/&gt;</description>
<dc:date>2010-01-13T20:57:45+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/telling_organisations_that_their_websites_are_inaccessible/</feedburner:origLink></item>

<item>
<title>W3C HTML Accessibility Task Force</title>
<link>http://feedproxy.google.com/~r/456bereastreet/~3/IaQ4MSaSr8U/</link>
<dc:creator>Roger Johansson</dc:creator>

<category>Accessibility</category>

<category>HTML 5</category>

<guid isPermaLink="false">http://www.456bereastreet.com/archive/201001/w3c_html_accessibility_task_force/</guid>
<description>&lt;p class="preamble"&gt;As a number of people have stated, there are some accessibility issues in HTML 5. Hopefully the &lt;a href="http://www.w3.org/WAI/PF/html-task-force"&gt;HTML Accessibility Task Force&lt;/a&gt; will help straighten those out:&lt;/p&gt;

&lt;blockquote cite="http://www.w3.org/WAI/PF/html-task-force"&gt;
  &lt;p&gt;The objective of HTML Accessibility Task Force is to help ensure that HTML 5 provides features to enable Web content to be accessible to people with disabilities. This includes review of existing features for potential accessibility problems, and proposal of new features where needed.&lt;/p&gt;
&lt;/blockquote&gt;&lt;p&gt;&lt;a href="http://www.456bereastreet.com/archive/201001/w3c_html_accessibility_task_force/"&gt;Read full post&lt;/a&gt;&lt;/p&gt;&lt;p&gt;Posted in &lt;a href="http://www.456bereastreet.com/archive/categories/accessibility/" rel="tag"&gt;Accessibility&lt;/a&gt;, &lt;a href="http://www.456bereastreet.com/archive/categories/html_5/" rel="tag"&gt;HTML 5&lt;/a&gt;.&lt;/p&gt;
&lt;p&gt;&lt;a href="http://feedads.g.doubleclick.net/~a/y-n1wXTdjxL6r_I0W8WVWEEZex0/0/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/y-n1wXTdjxL6r_I0W8WVWEEZex0/0/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;br/&gt;
&lt;a href="http://feedads.g.doubleclick.net/~a/y-n1wXTdjxL6r_I0W8WVWEEZex0/1/da"&gt;&lt;img src="http://feedads.g.doubleclick.net/~a/y-n1wXTdjxL6r_I0W8WVWEEZex0/1/di" border="0" ismap="true"&gt;&lt;/img&gt;&lt;/a&gt;&lt;/p&gt;&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=IaQ4MSaSr8U:kXLbseXxQRU:F7zBnMyn0Lo"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=IaQ4MSaSr8U:kXLbseXxQRU:F7zBnMyn0Lo" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=IaQ4MSaSr8U:kXLbseXxQRU:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=IaQ4MSaSr8U:kXLbseXxQRU:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=IaQ4MSaSr8U:kXLbseXxQRU:dnMXMwOfBR0"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?d=dnMXMwOfBR0" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/456bereastreet?a=IaQ4MSaSr8U:kXLbseXxQRU:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/456bereastreet?i=IaQ4MSaSr8U:kXLbseXxQRU:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;&lt;img src="http://feeds.feedburner.com/~r/456bereastreet/~4/IaQ4MSaSr8U" height="1" width="1"/&gt;</description>
<dc:date>2010-01-12T21:09:34+01:00</dc:date>
<feedburner:origLink>http://www.456bereastreet.com/archive/201001/w3c_html_accessibility_task_force/</feedburner:origLink></item>

</channel>
</rss>
