[Wsuug] Updated/new site

Fri Feb 1 10:19:26 EST 2008

On Jan 27, 2008 6:31 PM, Andrew Jaswa <ajaswa at gmail.com> wrote:
> <div id="Header">
>                <h1><abbr title="Web Standards and Usability Users Group">WSUUG</abbr></h1>
>                <h2>Web Standards and Usability User Group</h2>
> </div>

When I first wrote this I noticed there is one problem with the above
solution. That is that some people/screen readers will read this as
"Web Standards and Usability Users Group Web Standards and Usability
Users Group". After mulling over this for a little bit more I'd like
to propose another solution (which might fix the issue at hand) and
get feedback on it.

<head>
<script>
function fixHeader() {
	var heading = document.createElement("h2");
	var text = document.getElementById("name").title;
	document.getElementById("Header").appendChild(heading);
	heading.innerHTML = text;
}
</script>
</head>
<body onload="fixHeader();">
		<div id="Header">
			<h1><abbr id="name" title="Web Standards and Usability Users
Group">WSUUG</abbr></h1>
		</div>
</body>

Will generate:

<div id="Header">
		<h1><abbr id="name" title="Web Standards and Usability Users
Group">WSUUG</abbr></h1>
		<h2>Web Standards and Usability Users Group</h2>
</div>

I guess the question then is will screen readers read generated markup
and how well do they do it?

Andrew