[webdev] Web Design Update: October 2, 2009

[Laura Carlson]

+++ WEB DESIGN UPDATE.
- Volume 8, Issue 14, October 2, 2009.

An email newsletter to distribute news and information about web design 
and development.

++ISSUE 14 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
http://www.d.umn.edu/goto/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: STANDARDS, GUIDELINES & PATTERNS.
10: TOOLS.
11: USABILITY.

SECTION TWO:
12: What Can You Find at the Web Design Reference Site?

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Effective Practices for Description of Science Content within Digital 
Talking Books
By National Center for Accessible Media (NCAM).
NCAM published guidelines to describe diagrams on the web and 
elsewhere."A significant amount of Science, Technology, Engineering and 
Math (STEM) information is presented visually, from graphs and tables 
to diagrams and math equations. Students and professionals in the STEM 
fields who are blind or visually impaired must find methods of 
accessing the data published in visual format. Here is an example 
(image courtesy of www.teachersdomain.org.)..."
http://ncam.wgbh.org/publications/stemdx/intro.html

WCAG 2.0 and Accessibility Supported
By Roger Hudson.
"Web accessibility is at the cross-roads. The WCAG of 1999 is not able 
to meet the needs of the web today, with its enhanced interactivity, 
greater community engagement and the proliferation of new technologies. 
WCAG 2.0 is supposed to address this problem by looking not at the 
technologies used to generate web content, but at how they are used. 
However, I am fearful that WCAG 2.0 and the concept of 'accessibility 
supported” are not fully understood and this could put at risk the 
whole move to improve the accessibility of the web."
http://tinyurl.com/y9ahvuu

Relaunched Recovery.gov Fails Accessibility Standards
By Seth Grimes.
"Recovery.gov, a showcase government-transparency Web site that 
relaunched on Monday, fails to meet U.S. federal government Section 508 
accessibility standards and accessibility best practices. The 
non-compliance issues relate to display of data tables -- an essential 
point given the site's promise of 'Data, Data & More Data' -- despite 
on-site compliance claims. Other elements including navigation maps, 
while compliant, are poorly designed. Sharron Rush, co-founder and 
executive director of accessibility-advocacy organization Knowbility, 
goes so far as to state, 'The recovery.gov Web site is a good example 
of what NOT to do for accessibility in my opinion.'..."
http://tinyurl.com/yaxszqd

Avoid Frustrating Users With tabindex
By Nick DeNardis.
"Even if you can use a mouse most of the time its easier to use a 
keyboard to fill out web forms. HTML has a nifty attribute called 
'tabindex' which allows the site creator to dictate how the user will 
navigate through the forms or links on the page..."
http://tinyurl.com/yarj8uy


Clarifying ALT Text for WordPress Bloggers and Developers
By Bob Easton.
"...The discussion involves two 'elements,' IMG and CAPTION, and two 
'attributes,' ALT and TITLE. Think of 'elements' as containers, or 
envelopes. They are uniform carriers for what is inside them. Think of 
'attributes' as things inside the containers which offer additional 
precision..."
http://tinyurl.com/yaz8999

Tech Developments for the Disabled (podcast)
By Minnesota Public Radio.
"Technology has made a huge reach in helping the physically disabled, 
but what specific roles will the internet and smart phones play as they 
begin to make life easier for the wider population?" Guests are Wendy 
Chisholm and Darren Burton.
http://minnesota.publicradio.org/display/web/2009/09/23/midmorning2/


+02: CASCADING STYLE SHEETS.

Improve Readability with line-height
By Virginia DeBolt
"The CSS line-height property determines the distance or spacing 
between the lines of text on the page. In the print world, this 
property is called leading..."
http://tinyurl.com/ye5h9c6


+03: COLOR.

Design Patterns Solve Common Problems for Web's Color Blind Users
By Scott Gilbertson.
"...Color blindness affects between five and ten percent of the general 
population. Most color blind humans are male, and the most common form 
of color blindness makes it difficult for the person to distinguish 
between reds and greens..."
http://tinyurl.com/yd2uwd5


+04: EVALUATION & TESTING.

Accessibility Testing Log
By Jack Pickard.
"...I've knocked together a little excel spreadsheet to be used for 
recording Accessibility Audit Results..."
http://www.thepickards.co.uk/index.php/200909/accessibility-testing-log/

6-Step Process for Planning a User Test
By Abid Warsi.
"Preparing for user testing requires a surprisingly large amount of 
planning. Here are the 6 key steps you should go through to get ready."
http://tinyurl.com/yamysld

Avoiding Demographics When Recruiting Participants: An Interview with 
Dana Chisnell
By Jared M. Spool.
"User research works best when you match your participants to the 
people who will use your designs. It makes sense that teams would try 
to use the demographics, often compiled by the organization's market 
research team, as the basis of their recruiting efforts. However, this 
can be problematic..."
http://tinyurl.com/yb58tes

Contextual Interviews and Ethnography: Two Different Types of Home 
Visits
By Demetrius Madrigal.
"It's important to make a distinction between these two different 
research methodologies and the kind of data you get from each..."
http://tinyurl.com/md4hjc


+05: EVENTS.

InfoCamp Seattle
October 10-11, 2009.
Seattle, Washington, U.S.A.
http://infocamp.info/

Usability Week Las Vegas
October 11-17, 2009.
Las Vegas, Nevada, U.S.A.
http://www.nngroup.com/events/las_vegas/agenda.html

Usability Week Berlin
November 15-19, 2009.
Berlin, Germany
http://www.nngroup.com/events/berlin/agenda.html


+06: JAVASCRIPT.

Web 2.0 Accessibility and a Personalized Web - My TechShare Keynote 2009
By Richard Schwerdtfeger.
"WAI-ARIA is a way for authors to provide semantic 'sugar' to a web 
page to allow a browser to support the accessibility services provide 
by an operating system which are used by assistive technologies. We 
call this 'interoperability.'..."
http://tinyurl.com/ycwpmbp

HTML5 and WAI-ARIA Happy Families
By Steve Faulkner.
Steve's accessibility 2.0 presentation.
http://tinyurl.com/yegku2d

Apple Webkit Gets Serious About WAI-ARIA (on MAC)
By Steve Faulkner.
"...MAC Webkit nightly builds now support more than 60% of the ARIA 
roles, up from 25% a few months ago. Improved support includes all ARIA 
landmark roles and many document structure roles..."
http://www.paciellogroup.com/blog/?p=454

JavaScript String Regular Expressions
By Chrysanthus Forcha.
"The regular expression object in JavaScript has the test() and exec() 
methods for regular expression problems. This object is called RegExp. 
The JavaScript String object has the match(), search(), replace() and 
split() methods for regular expression problems. The string object 
methods are actually better and easier to apply than the RegExp object 
methods. This two-part series takes a look at what you can do with 
them."
http://tinyurl.com/ydfflbk


+07: MISCELLANEOUS.

13 Questions - Cynthia Waddell
By Ouch Team.
"US based Cynthia Waddell is known the world over as a top level 
disability rights lawyer and an expert in web accessibility. On a trip 
to the UK, she answered 13 Questions."
http://www.bbc.co.uk/ouch/interviews/13_questions_cynthia_waddell.shtml

Interview with Web Usability Guru Jakob Nielsen
By Walter Apai.
"In this article, we'll be focusing on web usability and more 
specifically, on the views of world renowned usability expert, Jakob 
Nielsen."
http://tinyurl.com/yejmoyf

Interview with Chris Coyier: Random Thoughts on the Future of Web Design
By Jeff Noble.
"...Chris Coyier is a web designer from Madison, Wisconsin currently 
living in Chicago, Illinois and working for Chatman Design. He also 
happens to run a web design community (css-tricks.com) that has an 
extensive collection of really awesome articles, forums, videos, 
downloads and snippets..."
http://tinyurl.com/yb4w3ol

Duct-Tape Programmers
By Joel Spolsky.
"Jamie Zawinski is what I would call a duct-tape programmer. And I say 
that with a great deal of respect..."
http://www.joelonsoftware.com/items/2009/09/23.html

Oven Stories
By Gerry McGovern.
"Web teams often think progress can't be made because 'it's always been 
this way.' By challenging tradition you can find that it's not as 
immovable as it seems."
http://www.gerrymcgovern.com/nt/2009/nt-2009-09-28-Oven-stories.htm

How To Respond Effectively To Design Criticism
By Andrew Follett.
"...despite its negative connotation, criticism often presents an 
excellent opportunity to grow as a designer. Before you can respond 
effectively, you need to understand what those opportunities are..."
http://tinyurl.com/yejlh7h


+08: NAVIGATION.

Strategies For Designing Application Navigation
By Charles Kreitzberg and Ambrose Little.
"Getting the navigation right is one of the most important aspects of 
design..."
http://msdn.microsoft.com/en-us/magazine/dd458810.aspx

Skip Links Need to be at Least Temporarily Visible
By Roger Johansson.
"One problem that I run into on some sites is that the skip links are 
hidden...If you, for whatever reason, cannot use skip links that are 
always visible, at least use Links that become visible with keyboard 
focus. That way they aren't completely hidden from those who benefit 
from them being there."
http://tinyurl.com/yb2ryuo

Question on Skip to Main Content
WebAIM Thread.
"Are "Skip to main content" links a requirement for the updated version 
of 508. If so, is the requirement that it remain visible or can it be 
either hidden or visible?"
http://webaim.org/discussion/mail_thread.php?thread=3977

Keywords Meta Tag
By S.R. Emerson.
"If you have done any research/studying of search engine optimization 
you will have heard of keywords and the keywords meta tag. There's lots 
of information and opinions on how to use this meta tag. Some of this 
is hear say some is backed up by facts. Here we'll present the facts."
http://www.webpagemistakes.ca/keywords-meta-tag/


+09: STANDARDS, GUIDELINES & PATTERNS.

This Week in HTML5 - Episode 36
By Mark Pilgrim.
"...This week's changes are mundane, and I expect (and hope!) that 
future summaries will be even more mundane. That's a good thing..."
http://blog.whatwg.org/this-week-in-html5-episode-36


+10: TOOLS.

Caption Tube
By YouTube.
"CaptionTube is a utility for adding closed captions to YouTube videos. 
After you import a video, you play the video and add captions as 
needed. When you are done, you export the captions and then upload to 
YouTube. CaptionTube provides improved precision with a scaleable 
timeline. You can also make changes to captions and preview them 
immediately. It also allows you to create multiple language tracks."
http://captiontube.appspot.com/


+11: USABILITY.

Breaking Up Large Documents for the Web - Part 1
By Janice (Ginny) Redish.
"Most people come to the web for information, not for a complete 
document. They don't want the user manual; they want instructions for 
the task they are doing. They don't want the handbook; they want the 
answer to specific questions. They want usable, manageable pieces..."
http://www.uie.com/articles/breaking_down_documents/

Breaking Up Large Documents for the Web - Part 2
By Janice (Ginny) Redish.
"We've been looking at how to break your web content into pieces - by 
time or sequence, by task, by people, by type of information, and by 
the different questions that people ask. Once you have the pieces, you 
have to decide how many topics, articles, questions, or pieces of 
information to put together on one web page.."
http://www.uie.com/articles/breaking_down_documents_part2/

Breaking Up Large Documents for the Web - Part 3
By Janice (Ginny) Redish.
"PDF - Yes or No?..."
http://www.uie.com/articles/breaking_down_documents_part3/

10 Useful Usability Findings and Guidelines
By Dmitry Fadeyev.
"Everyone would agree that usability is an important aspect of Web 
design. Whether you're working on a portfolio website, online store or 
Web app, making your pages easy and enjoyable for your visitors to use 
is key. Many studies have been done over the years on various aspects 
of Web and interface design, and the findings are valuable in helping 
us improve our work. Here are 10 useful usability findings and 
guidelines that may help you improve the user experience on your 
websites..."
http://tinyurl.com/yedejdm

Usability and RIA User Test Video
By Joshue O Connor.
"Joshue O Connor was invited by the Web Accessibility Initiative (WAI) 
to give a presentation on accessibility, WAI-ARIA and Rich Internet 
Applications (RIA) at the recent Techshare 2009 pre-conference 
workshop..."
http://tinyurl.com/y9sem8e

Learning More About User Interruptions
By Celeste Lyn Paul.
"Interruptions in information systems are a tricky problem. It is a 
constant trade off of providing the user with timely information at the 
cost of efficiency, performance, and satisfaction of their current 
task, the interruption, and the information system as a whole. A common 
interruption system in personal computing are information 
notifications, the delivery of information to the user in a timely 
manner..."
http://www.obso1337.org/2009/learning-more-about-user-interruptions/

Using Web Analytics to Assess CAPTCHA Usability
By Christian Watson.
Recent articles about the impact of CAPTCHAs on conversion rates caused 
me to look at the web analytics for the CAPTCHA we use on the account 
signup page for our online game, Warrior Epic .
http://www.smileycat.com/miaow/archives/001793.php

Order Effect Affects Orders
By neurosciencemarketing.
"...the order of presentation can be a huge factor in our final 
decision..."
http://www.neurosciencemarketing.com/blog/articles/order-effect.htm


[Section one ends.]


++ SECTION TWO:

+12: What Can You Find at the Web Design Reference Site?

Accessibility Information.
http://www.d.umn.edu/goto/accessibility

Association Information.
http://www.d.umn.edu/goto/associations

Book Listings.
http://www.d.umn.edu/goto/books

Cascading Style Sheets Information.
http://www.d.umn.edu/goto/css

Color Information.
http://www.d.umn.edu/goto/color

Dreamweaver Information.
http://www.d.umn.edu/goto/dreamweaver

Evaluation & Testing Information.
http://www.d.umn.edu/goto/testing

Event Information.
http://www.d.umn.edu/goto/events

Flash Information.
http://www.d.umn.edu/goto/flash

Information Architecture Information.
http://www.d.umn.edu/goto/architecture

JavaScript Information.
http://www.d.umn.edu/goto/javascript

Miscellaneous Web Information.
http://www.d.umn.edu/goto/misc

Navigation Information.
http://www.d.umn.edu/goto/navigation

PHP Information.
http://www.d.umn.edu/goto/php

Sites & Blogs Listing.
http://www.d.umn.edu/goto/sites

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/goto/standards

Tool Information.
http://www.d.umn.edu/goto/tools

Typography Information.
http://www.d.umn.edu/goto/type

Usability Information.
http://www.d.umn.edu/goto/usability

XML Information.
http://www.d.umn.edu/goto/xml

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how 
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/goto/webdevlist
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to the 
accessible Text Email Newsletter (TEN) guidelines.  Please let me know 
if there is anything else we can do to make navigation easier. For TEN 
guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson at d.umn.edu


[Issue ends.]