[webdev] Web Design Update: July 23, 2015

Thu Jul 23 06:12:15 CDT 2015

+++ WEB DESIGN UPDATE.
- Volume 14, Issue 04, July 23, 2015.

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

++ISSUE 04 CONTENTS.

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

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML5.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TYPOGRAPHY.
11: USABILITY.

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Tips for Making Web Video & Audio Accessible
By Emily Griffin.
"How do you tackle making your web content accessible to everyone?
What about media-rich content, like videos and audio recordings?..."
http://www.3playmedia.com/2015/07/13/tips-for-making-web-video-audio-accessible/

When Will Keyboards Work on the Web?
By Chaals McCathie Nevile.
"The story of how to use a keyboard to run a web browser has been one
of pretty steady decay..."
https://vivaldi.net/en-US/blogs/entry/when-will-keyboards-work-on-the-web

The Principles of Design - Accessibility
By Kjell Reigstad.
"Not everyone who visits your blog will experience your design the
same way you do..."
https://dailypost.wordpress.com/2015/07/15/the-principles-of-design-accessibility/

Practicing Web Accessibility Differently
By David A. Kennedy.
"We make tasks, obstacles and goals harder than they are because we
fear the unknown. Accessibility is no different, but you can change
that perception by shining light on the unknown each day. With what
you ask? What you already know..."
http://davidakennedy.com/2015/07/17/practicing-web-accessibility-differently/

Anybody can be an A11y Slacker
By Steve Faulkner.
"There are many ways to communicate about accessible web development
practices; mailing lists, forums, IRC, articles, twitter, slack and
gitter etc..."
http://www.paciellogroup.com/blog/2015/07/anybody-can-be-an-a11y-slacker/

Screen Readers as a Development Tool for Web Developers
WebAIM Thread.
"I started my inquiry on Twitter, but wanted to get more feedback on this..."
http://webaim.org/discussion/mail_thread?thread=7039

A Common US and European Approach to Procurement of Accessible ICT:
Reaching the Optimum Solution
By Mike Pluke.
"In February 2015, the US Access Board released a proposed rule
updating the Section 508 Standards and the 255 Guidelines. This
document compares it to the European EN 301 549 standard. It shows
that the two standards are largely identical. It identifies and
explains those areas where differences exist. These standards could
form the basis for a common worldwide approach to the procurement of
accessible ICT."
https://docs.com/d/a-common-us-and-european-approach-to-procurement_DkGQZJXVlaQQTIAAXJJhGkw~M9dd81704-7176-1ef9-11ba-29adedc42076

+02: CASCADING STYLE SHEETS.

Hiding Elements With CSS
By Ire Aderinokun.
"Being able to hide and show elements on a page is an integral part of
responsive design. Depending on what you want to achieve, there are
many different ways to hide an element using CSS. In this article, I
explore the properties we can use to do this, and the pros and cons of
each..."
http://bitsofco.de/2015/hiding-elements-with-css/

Focusing on the Web Today
By gauntface.
"Adding a focus state to your UI is great for accessibility on
desktop, devices requiring remote control input or phones with
multiple input methods, i.e. a scroll ball..."
https://gauntface.com/blog/2013/12/09/focusing-on-the-web-today

Creating Better CSS
By Jake Bresnehan.
"For most web developers we are knee deep in CSS on a daily basis.
This can be a good or bad thing. It really depends on the state of the
CSS. A well-organised codebase can be a pleasure to work with but,
generally speaking, most CSS is a complete nightmare, especially on
larger projects..."
https://web-design-weekly.com/2015/07/21/creating-better-css/

Use Sass Within Minutes
By Jacob Gube.
"...what if I told you, today, you can start using Sass within
minutes? What if I told you that you could do it without ever
launching your command line? You can..."
http://sixrevisions.com/sass/use-sass-in-minutes/

+03: COLOR.

Color is Relative - Designing for Accessibility (Video)
By monotype.
"What happens when the colors we pick to accentuate key tasks, relay
info, and differentiate data aren't the colors the reader sees? Watch
as our guest Geri Coady explains the ins and outs of color blindness;
discusses its impact on UX; and offers advice on how to create
beautiful and accessible designs."
http://go.monotype.com/Color-July-1_Post-Webinar-Video.html

+04: EVALUATION & TESTING.

How To Moderate Effectively In Usability Research
By Colleen Roller.
"...Moderators of research studies have a tough job. They must not
only facilitate sessions in such a way that the research goals are
achieved, but also balance two challenges that are constantly at odds
with each other: keeping the participant within the scope of the
study, while allowing the participant to be in the driver's seat in
order to make the experience as realistic as possible..."
http://www.smashingmagazine.com/2015/07/moderating-effectively-in-usability-research/

Measuring and Modeling Customer Expectations
By Jeff Sauro.
"Customer expectations are closely linked to customer satisfaction and
loyalty. Understanding customer expectations helps diagnose problems
and leads to higher satisfaction, repeat customers, and customer
referrals..."
http://www.measuringu.com/blog/measuring-expectations.php

+05: EVENTS.

Future of Web Design San Francisco
October 28-30, 2015.
San Francisco, California, U.S.A.
https://futureofwebdesign.com/san-francisco-2015/

Future of Web Design NYC
November 2-4, 2015.
New York, New York, U.S.A.
https://futureofwebdesign.com/nyc-2015/

+06: HTML5.

Use aria-labelledby to Provide Context to Unordered Lists
By Ted Drake.
"...This article is about the more pedestrian list, which happens to
be labeled with an h3. With just a bit of effort, we can give our
users much more contextual information when they are navigating the
page via lists mode..."
http://www.last-child.com/aria-labelledby-on-lists/

+07: JAVASCRIPT.

The ARIA Roles Model Part 2
By Steven Bradley.
"There are a lot ARIA roles, states, and properties to remember. Add
in all the details of each and it's unlikely you're going to memorize
all of ARIA. I suspect most of us will need to look things up more
often than not. Fortunately the roles model can help us do just
that..."
http://www.vanseodesign.com/web-design/aria-roles-model-2/

+08: MISCELLANEOUS.

Is the Internet Hurting Productivity?
By Gerry McGovern.
"You'd think that the massive growth of the Internet would bring with
it a massive growth in productivity. But the opposite is happening..."
http://www.gerrymcgovern.com/new-thinking/internet-hurting-productivity

+09: NAVIGATION.

Choosing ARIA Landmarks - Get Your Semantics Right
By Landi Lark.
"ARIA Landmarks are a key piece of the accessible experience that we
design from Day 1..."
http://www.pixotech.com/choosing-aria-landmarks-get-your-semantics-right/

Dropdowns Should be the UI of Last Resort
By Luke Wroblewski.
"All too often mobile forms make use of dropdown menus for input when
simpler or more appropriate controls would work better. Here's several
alternatives to dropdowns to consider in your designs and why."
http://www.lukew.com/ff/entry.asp?1950

+10: TYPOGRAPHY.

Web Typography 101
By Neal O'Grady.
"Your quick and easy intro to typography in web design..."
http://blog.webflow.com/web-typography-101

Efficient Web Type, c. 1556
By Kenneth Ormandy.
"When a developer I'm working with asks, 'Why did you select that
font,' they never seem to accept 'Self-preservation,' as my answer.
Type designer Pierre Haultin may have actually been able to get away
with this claim..."
http://kennethormandy.com/journal/efficient-web-type-circa-1556

+11: USABILITY.

4 iOS Rules to Break
By Aurora Bedford, Raluca Budiu, Kara Pernice, and Amy Schade.
"Page control (dots), Submit at top, and the Plus (+) and Move icons
are 4 common iOS patterns that cause usability problems in testing."
http://www.nngroup.com/articles/4-ios-rules-break/

[Section one ends.]

++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[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/itss/training/online/webdesign/webdev_listserv.html
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.]