ANN: new book-in-progress--Universal Design for Web Accessibility (Horton & Quesenbery)
Louis Rosenfeld <[email protected]> Thu, 28 Apr 2011 04:29:36 -0400
| Newsgroups | gmane.comp.hci.experiencedesign |
|---|---|
| Message-ID | <[email protected]> |
--64khrDKjffeXDK3XF1KTYylmRgFCMF54Y7NNrqM
Content-Type: text/plain; charset=US-ASCII
Content-Transfer-Encoding: 7bit
(apologies for duplicate postings)
Accessibility is one of those issues that seems to lurk in the back of many
a designer's mind. Can't ignore it, especially as it becomes an increasingly
frightening Legal Thing. But don't want to deal with it; after all, it'll
screw up the design, right?
Not right. You can have a design that's both accessible and enjoyable if you
follow universal design principles. That's what *Universal Design for Web
Accessibility: Solutions for barrier-free user experiences, *the newest
Rosenfeld Media book-in-progress, will teach you. Written by *Sarah Horton,*
* *co-author of the *Web Style Guide, *and *Whitney Quesenbery,* co-author
of *Storytelling for User Experience, **Universal Design for Web
Accessibility *will provide you with the practical principles and examples
you'll need to create sites that everyone can use.
**
Keep up with the book's progress by:
...visiting its *site*: rosenfeldmedia.com/books/web-accessibility/
...or *following* @whitneyq <http://twitter.com/whitneyq>,
@gradualclearing<http://twitter.com/#!/gradualclearing>
, and @rosenfeldmedia <http://twitter.com/rosenfeldmedia>
...or subscribing to its *RSS feed*:
feeds.rosenfeldmedia.com/web-accessibility/
...or being *notified* (and get a discount) when it goes on
sale<http://www.rosenfeldmedia.com/books/web-accessibility/info/publication_notification/>
...or keep up with all Rosenfeld Media news by
subscribing<http://www.rosenfeldmedia.com/books/publication_notification.php>
to
our *new newsletter*
Please help spread the word; many thanks!
cheers
Louis Rosenfeld :: http://louisrosenfeld.com :: @louisrosenfeld
Rosenfeld Media :: http://rosenfeldmedia.com :: @rosenfeldmedia
sign up <http://is.gd/9viTRS> for the Rosenfeld Review
[Non-text portions of this message have been removed]
--64khrDKjffeXDK3XF1KTYylmRgFCMF54Y7NNrqM
Content-Type: text/html; charset=US-ASCII
Content-Transfer-Encoding: 7bit
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
</head>
<body style="background-color: #fff;">
<span style="display:none"> </span>
<!--~-|**|PrettyHtmlStartT|**|-~-->
<div id="ygrp-mlmsg" style="position:relative;">
<div id="ygrp-msg" style="z-index: 1;">
<!--~-|**|PrettyHtmlEndT|**|-~-->
<div id="ygrp-text" >
<p>(apologies for duplicate postings)<br>
<br>
Accessibility is one of those issues that seems to lurk in the back of many<br>
a designer's mind. Can't ignore it, especially as it becomes an increasingly<br>
frightening Legal Thing. But don't want to deal with it; after all, it'll<br>
screw up the design, right?<br>
<br>
Not right. You can have a design that's both accessible and enjoyable if you<br>
follow universal design principles. That's what *Universal Design for Web<br>
Accessibility: Solutions for barrier-free user experiences, *the newest<br>
Rosenfeld Media book-in-progress, will teach you. Written by *Sarah Horton,*<br>
* *co-author of the *Web Style Guide, *and *Whitney Quesenbery,* co-author<br>
of *Storytelling for User Experience, **Universal Design for Web<br>
Accessibility *will provide you with the practical principles and examples<br>
you'll need to create sites that everyone can use.<br>
**<br>
<br>
Keep up with the book's progress by:<br>
...visiting its *site*: rosenfeldmedia.com/books/web-accessibility/<br>
...or *following* @whitneyq <<a href="http://twitter.com/whitneyq">http://twitter.com/whitneyq</a>>,<br>
@gradualclearing<<a href="http://twitter.com/#">http://twitter.com/#</a>!/gradualclearing><br>
, and @rosenfeldmedia <<a href="http://twitter.com/rosenfeldmedia">http://twitter.com/rosenfeldmedia</a>><br>
...or subscribing to its *RSS feed*:<br>
feeds.rosenfeldmedia.com/web-accessibility/<br>
...or being *notified* (and get a discount) when it goes on<br>
sale<<a href="http://www.rosenfeldmedia.com/books/web-accessibility/info/publication_notification/">http://www.rosenfeldmedia.com/books/web-accessibility/info/publication_notification/</a>><br>
...or keep up with all Rosenfeld Media news by<br>
subscribing<<a href="http://www.rosenfeldmedia.com/books/publication_notification.php">http://www.rosenfeldmedia.com/books/publication_notification.php</a>><br>
to<br>
our *new newsletter*<br>
<br>
Please help spread the word; many thanks!<br>
<br>
cheers<br>
<br>
Louis Rosenfeld :: <a href="http://louisrosenfeld.com">http://louisrosenfeld.com</a> :: @louisrosenfeld<br>
Rosenfeld Media :: <a href="http://rosenfeldmedia.com">http://rosenfeldmedia.com</a> :: @rosenfeldmedia<br>
sign up <<a href="http://is.gd/9viTRS">http://is.gd/9viTRS</a>> for the Rosenfeld Review<br>
<br>
[Non-text portions of this message have been removed]<br>
<br>
</p>
</div>
<!--~-|**|PrettyHtmlStart|**|-~-->
<div style="color: #fff; height: 0;">__._,_.___</div>
<div id="ygrp-actbar" style="clear: both; margin-bottom: 10px; white-space: nowrap; color: #666; padding-top: 15px;">
<div>
<a href="mailto:[email protected]?subject=Re%3A%20ANN%3A%20new%20book-in-progress--Universal%20Design%20for%20Web%20Accessibility%20%28Horton%20%26%20Quesenbery%29" style="margin-right: 0; padding-right: 0;">
Reply to <span style="font-weight: 700;">sender</span></a> |
<a href="mailto:[email protected]?subject=Re%3A%20ANN%3A%20new%20book-in-progress--Universal%20Design%20for%20Web%20Accessibility%20%28Horton%20%26%20Quesenbery%29">
Reply to <span style="font-weight: 700;">group</span></a> |
<a href="http://groups.yahoo.com/group/AIGAExperienceDesign/post;_ylc=X3oDMTJwZmZzaWswBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBG1zZ0lkAzMxNDIEc2VjA2Z0cgRzbGsDcnBseQRzdGltZQMxMzA0MDIyNTU0?act=reply&messageNum=3142">Reply <span style="font-weight: 700;">via web post</span></a> |
<a href="http://groups.yahoo.com/group/AIGAExperienceDesign/post;_ylc=X3oDMTJlazJtYmNrBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBHNlYwNmdHIEc2xrA250cGMEc3RpbWUDMTMwNDAyMjU1NA--" style="font-weight: 700;">Start a New Topic</a>
</div>
<a href="http://groups.yahoo.com/group/AIGAExperienceDesign/message/3142;_ylc=X3oDMTM0dm5mczFiBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBG1zZ0lkAzMxNDIEc2VjA2Z0cgRzbGsDdnRwYwRzdGltZQMxMzA0MDIyNTU0BHRwY0lkAzMxNDI-">Messages in this topic</a>
(<span style="font-weight: 700;">1</span>)
</div>
<!------- Start Nav Bar ------>
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-vital" style="background-color: #e0ecee; font-family: Verdana; font-size: 10px; margin-bottom: 10px; padding: 10px;">
<span id="vithd" style="font-weight: bold; color: #333; text-transform: uppercase; ">Recent Activity:</span>
<ul style="list-style-type: none; margin: 0; padding: 0; display: inline;">
<li style="border-right: 1px solid #000; font-weight: 700; display: inline; padding: 0 5px; margin-left: 0;">
<span class="cat"><a href="http://groups.yahoo.com/group/AIGAExperienceDesign/members;_ylc=X3oDMTJmdm40azFlBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBHNlYwN2dGwEc2xrA3ZtYnJzBHN0aW1lAzEzMDQwMjI1NTM-?o=6" style="text-decoration: none;">New Members</a></span>
<span class="ct" style="color: #ff7900;">1</span>
</li>
</ul>
<div style="clear: both; padding-top: 2px; color: #1e66ae;">
<a href="http://groups.yahoo.com/group/AIGAExperienceDesign;_ylc=X3oDMTJldXQ3dTZpBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBHNlYwN2dGwEc2xrA3ZnaHAEc3RpbWUDMTMwNDAyMjU1Mw--" style="text-decoration: none;">Visit Your Group</a>
</div>
</div>
<div id="ygrp-grfd" style="font-family: Verdana; font-size: 12px; padding: 15px 0;">
<!-- |**|begin egp html banner|**| -->
- - - - A I G A E X P E R I E N C E D E S I G N - - - -<BR>
<BR>
PURPOSE OF THE LIST: The objective of AIGA Experience Design is to build an interdisciplinary community of professionals who design for a world in which experiences are increasingly digital and connected. This list has been established as a forum for the exchange of information among community members.<BR>
<BR>
TO VIEW ARCHIVED MESSAGES: visit <a href="http://groups.yahoo.com/group/AIGAExperienceDesign">http://groups.yahoo.com/group/AIGAExperienceDesign</a><BR>
<BR>
ETIQUETTE: We ask that participants observe common principles of civility and e-mail etiquette in their postings. Specifically, it is more appropriate to challenge ideas than individuals, and the list should *not* be used for personal communications, self-promotion, commercial solicitations or job postings.<BR>
<BR>
JOB POSTINGS: Please post job listings on AIGA Design Jobs <a href="http://www.aiga.org/designjobs">http://www.aiga.org/designjobs</a><BR>
<BR>
TO UNSUBSCRIBE: Send e-mail to [email protected]<BR>
<BR>
MORE INFORMATION: <a href="http://experiencedesign.aiga.org">http://experiencedesign.aiga.org</a><BR>
<!-- |**|end egp html banner|**| -->
</div>
<div id="ft" style="font-family: Arial; font-size: 11px; margin-top: 5px; padding: 0 2px 0 0; clear: both;">
<a href="http://groups.yahoo.com/;_ylc=X3oDMTJkYmc2YnRyBF9TAzk3MzU5NzE0BGdycElkAzEwMjAwNTIEZ3Jwc3BJZAMxNzA2MDIzODUxBHNlYwNmdHIEc2xrA2dmcARzdGltZQMxMzA0MDIyNTU0" style="float: left;"><img src="http://l.yimg.com/a/i/us/yg/logo/us.gif" height="15" width="137" alt="Yahoo! Groups" style="border: 0;"/></a>
<div style="color: #747575; float: right;">Switch to: <a href="mailto:[email protected]?subject=Change Delivery Format: Traditional" style="text-decoration: none;">Text-Only</a>, <a href="mailto:[email protected]?subject=Email Delivery: Digest" class="margin-rt" style="text-decoration: none;">Daily Digest</a> • <a href="mailto:[email protected]?subject=Unsubscribe" style="text-decoration: none;">Unsubscribe</a> • <a href="http://docs.yahoo.com/info/terms/" style="text-decoration: none;">Terms of Use</a></div>
</div>
<!-- |**|end egp html banner|**| -->
</div> <!-- ygrp-msg -->
<!-- Sponsor -->
<!-- |**|begin egp html banner|**| -->
<div id="ygrp-sponsor" style="width:160px; float:right; clear:none; margin:0 0 25px 0; background: #fff;">
<!-- Start Recommendations -->
<div id="ygrp-reco">
</div>
<!-- End Recommendations -->
</div> <!-- |**|end egp html banner|**| -->
<div style="clear:both; color: #FFF; font-size:1px;">.</div>
</div>
<img src="http://geo.yahoo.com/serv?s=97359714/grpId=1020052/grpspId=1706023851/msgId=3142/stime=1304022554/nc1=3848641/nc2=5008814/nc3=5758219" width="1" height="1"> <br>
<div style="color: #fff; height: 0;">__,_._,___</div>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</body>
<!--~-|**|PrettyHtmlStart|**|-~-->
<head>
<style type="text/css">
<!--
#ygrp-mkp {
border: 1px solid #d8d8d8;
font-family: Arial;
margin: 10px 0;
padding: 0 10px;
}
#ygrp-mkp hr {
border: 1px solid #d8d8d8;
}
#ygrp-mkp #hd {
color: #628c2a;
font-size: 85%;
font-weight: 700;
line-height: 122%;
margin: 10px 0;
}
#ygrp-mkp #ads {
margin-bottom: 10px;
}
#ygrp-mkp .ad {
padding: 0 0;
}
#ygrp-mkp .ad p {
margin: 0;
}
#ygrp-mkp .ad a {
color: #0000ff;
text-decoration: none;
}
#ygrp-sponsor #ygrp-lc {
font-family: Arial;
}
#ygrp-sponsor #ygrp-lc #hd {
margin: 10px 0px;
font-weight: 700;
font-size: 78%;
line-height: 122%;
}
#ygrp-sponsor #ygrp-lc .ad {
margin-bottom: 10px;
padding: 0 0;
}
a {
color: #1e66ae;
}
#actions {
font-family: Verdana;
font-size: 11px;
padding: 10px 0;
}
#activity {
background-color: #e0ecee;
float: left;
font-family: Verdana;
font-size: 10px;
padding: 10px;
}
#activity span {
font-weight: 700;
}
#activity span:first-child {
text-transform: uppercase;
}
#activity span a {
color: #5085b6;
text-decoration: none;
}
#activity span span {
color: #ff7900;
}
#activity span .underline {
text-decoration: underline;
}
.attach {
clear: both;
display: table;
font-family: Arial;
font-size: 12px;
padding: 10px 0;
width: 400px;
}
.attach div a {
text-decoration: none;
}
.attach img {
border: none;
padding-right: 5px;
}
.attach label {
display: block;
margin-bottom: 5px;
}
.attach label a {
text-decoration: none;
}
blockquote {
margin: 0 0 0 4px;
}
.bold {
font-family: Arial;
font-size: 13px;
font-weight: 700;
}
.bold a {
text-decoration: none;
}
dd.last p a {
font-family: Verdana;
font-weight: 700;
}
dd.last p span {
margin-right: 10px;
font-family: Verdana;
font-weight: 700;
}
dd.last p span.yshortcuts {
margin-right: 0;
}
div.attach-table div div a {
text-decoration: none;
}
div.attach-table {
width: 400px;
}
div.file-title a, div.file-title a:active, div.file-title a:hover, div.file-title a:visited {
text-decoration: none;
}
div.photo-title a, div.photo-title a:active, div.photo-title a:hover, div.photo-title a:visited {
text-decoration: none;
}
div#ygrp-mlmsg #ygrp-msg p a span.yshortcuts {
font-family: Verdana;
font-size: 10px;
font-weight: normal;
}
.green {
color: #628c2a;
}
.MsoNormal {
margin: 0 0 0 0;
}
o {
font-size: 0;
}
#photos div {
float: left;
width: 72px;
}
#photos div div {
border: 1px solid #666666;
height: 62px;
overflow: hidden;
width: 62px;
}
#photos div label {
color: #666666;
font-size: 10px;
overflow: hidden;
text-align: center;
white-space: nowrap;
width: 64px;
}
#reco-category {
font-size: 77%;
}
#reco-desc {
font-size: 77%;
}
.replbq {
margin: 4px;
}
#ygrp-actbar div a:first-child {
/* border-right: 0px solid #000;*/
margin-right: 2px;
padding-right: 5px;
}
#ygrp-mlmsg {
font-size: 13px;
font-family: Arial, helvetica,clean, sans-serif;
*font-size: small;
*font: x-small;
}
#ygrp-mlmsg table {
font-size: inherit;
font: 100%;
}
#ygrp-mlmsg select, input, textarea {
font: 99% Arial, Helvetica, clean, sans-serif;
}
#ygrp-mlmsg pre, code {
font:115% monospace;
*font-size:100%;
}
#ygrp-mlmsg * {
line-height: 1.22em;
}
#ygrp-mlmsg #logo {
padding-bottom: 10px;
}
#ygrp-mlmsg a {
color: #1E66AE;
}
#ygrp-msg p a {
font-family: Verdana;
}
#ygrp-msg p#attach-count span {
color: #1E66AE;
font-weight: 700;
}
#ygrp-reco #reco-head {
color: #ff7900;
font-weight: 700;
}
#ygrp-reco {
margin-bottom: 20px;
padding: 0px;
}
#ygrp-sponsor #ov li a {
font-size: 130%;
text-decoration: none;
}
#ygrp-sponsor #ov li {
font-size: 77%;
list-style-type: square;
padding: 6px 0;
}
#ygrp-sponsor #ov ul {
margin: 0;
padding: 0 0 0 8px;
}
#ygrp-text {
font-family: Georgia;
}
#ygrp-text p {
margin: 0 0 1em 0;
}
#ygrp-text tt {
font-size: 120%;
}
#ygrp-vital ul li:last-child {
border-right: none !important;
}
-->
</style>
</head>
<!--~-|**|PrettyHtmlEnd|**|-~-->
</html>
<!-- end group email -->
--64khrDKjffeXDK3XF1KTYylmRgFCMF54Y7NNrqM--