[Educator-Gold] [webdev] Web Design Update: August 25, 2016

 

.

Date: Thu, 25 Aug 2016 06:19:54 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: August 25, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 09, August 25, 2016.

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

++ISSUE 09 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: BOOKS.

03: CASCADING STYLE SHEETS.

04: COLOR.

05: EVALUATION & TESTING.

06: EVENTS.

07: HTML5.

08: JAVASCRIPT.

09: MISCELLANEOUS.

10: NAVIGATION.

11: TOOLS.

12: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

It’s Not Really About the Button…

By Scott O’Hara.

“…there were many who did not quite grasp the full significance of
the example, and why placing the button inside the navigation was
important…”

http://www.scottohara.me/article/not-really-about-the-button.html

What is Focus? (Video)

By Rob Dodson.

“Focus is one of the main pillars of accessibility, but it’s also an
area that many developers are a little fuzzy on.”

https://www.youtube.com/watch?v=EFv9ubbZLKw

Why Web Accessibility Benefits Us All

By Peter Brumby.

“If you asked someone to explain ‘web accessibility’ most people would
say it’s something to do with improving the web for disabled people.
But it is much more than that…”

https://www.pbrumby.com/2016/08/17/why-web-accessibility-benefits-us-all/

My Slides from Abstractions

By Adrian Roselli.

“Slides from my talk at Abstractions, Fringe Accessibility…”

http://adrianroselli.com/2016/08/my-slides-from-abstractions.html

Website Accessibility: Why There’s Still Work to be Done on Government Portals

By Julia McCandless.

“Despite major tech advances, many organizations still struggle with
digital accessibility…”

http://www.govtech.com/internet/Website-Accessibility-Why-Theres-Still-Work-to-be-Done.html

Making Web Accessibility Great Again: Auditing the US Presidential
Candidates Websites for Accessibility

By Helena Zubkow and Mike Herchel.

“…With one glaring exception, it’s obvious that lots of thought and
work had been put into making Hillary Clinton’s website accessible to
voters with disabilities…Unfortunately, it is also obvious that
accessibility is deeply neglected within Donald Trump’s website, which
leaves a large swath of potential voters unable to browse to his
stance on issues and other content…”

https://www.lullabot.com/articles/auditing-presidential-websites-for-accessibility

Disabilities Effecting Digital Accessibility in Aging Seniors

By Sue Ann Rodriquez.

“…The following are some techniques for making websites and web
applications work better for people with disabilities as well as older
users with accessibility needs due to ageing…”

http://theweco.com/disabilities-effecting-digital-accessibility-in-aging-seniors/

Accessible Solutions

By Adina Halter. (Hat Tip to Jennifer Sutton)

“This is a collection of accessible solutions. The links take you to a
page demonstrating the fully functional widget…”

http://haltersweb.github.io/Accessibility/

+02: BOOKS.

Lynch, Patrick J. and Horton, Sarah. Web Style Guide, 4th Edition:
Foundations of User Experience Design, Yale University Press, 2016.

+03: CASCADING STYLE SHEETS.

Front-End Tip: Testing Component Accessibility with CSS

By Mariano Miguel.

“A very simple technique to bring inaccessible components to the
surface before they make it into production…”

https://blog.mariano.io/quick-tip-testing-component-accessibility-with-css-3c36fe1a6562

+04: COLOR.

Random A11y Color Palettes

By John Otander and Adam Morse.

“An ongoing project to try and curate beautiful color palettes that
are a11y friendly. This app generates a random palette and allows you
to vote the combination up or down…”

http://randoma11y.com/

Hello-Color

By Brent Jackson.

“Functional color palette generator…”

http://jxnblk.com/hello-color/

+05: EVALUATION & TESTING.

Confessions from the Usability Testing Lab

By Brian Sullivan.

“The usability lab can be a confessional booth for people to admit
their sins, vent their frustrations, and seek advice from a neutral
third party. Designers, product managers, developers, trainers, QA,
and almost anyone has set up time (in the usability lab’s observation
room) to talk with me privately about ‘project issues.’…”

https://uxplanet.org/confessions-from-the-usability-testing-lab-2991a3de0650

Handling the Competing Demands of Field Studies

By Jim Ross.

“For three reasons, field studies are the most difficult user-research
technique to master…”

http://www.uxmatters.com/mt/archives/2016/08/handling-the-competing-demands-of-field-studies.php

Getting Started Finding The Right Sample Size

By Jeff Sauro.

“…Here are five steps to help you start computing the right sample
size for your study…”

http://www.measuringu.com/blog/samplesize-start.php

+06: EVENTS.

Boston Accessibility Conference
October 1, 2016.
Cambridge, Massachusetts, U.S.A.
http://a11y-bos.org/

New CSS Layout
October 17-19, 2016.
Boston, Massachusetts, U.S.A.
http://www.oreilly.com/live-training/new-css-layout.html

AIGA Design Conference
October 17-19, 2016.
Las Vegas, Nevada, U.S.A.
http://designconference.aiga.org/

PHP World
November 14-18, 2016.
Washington, D.C., U.S.A.
https://world.phparch.com/

The Open Mobile Summit 2016
November 29-30, 2016.
San Francisco, California, U.S.A.
http://openmobilemedia.com/san-francisco/

+07: HTML5.

A Few HTML Tips

By Belen Albeza.
“In this article I’ll share some tips and advice about HTML code…”

https://hacks.mozilla.org/2016/08/a-few-html-tips/

+08: JAVASCRIPT.

How to Build WAI-ARIA Modal Alert Dialogs: A11y Support Series (Part 2)

By Paul J. Adam.

“…Continuing our series we will build another accessible widget, a
role=alertdialog Detail Message Dialog, and test what screen reader
and browser combinations are supported…”

http://www.deque.com/blog/aria-modal-alert-dialogs-a11y-support-series-part-2/

Aria-Controls is Poop

By Heydon Pickering.

“We need to talk about aria-controls…”

http://www.heydonworks.com/article/aria-controls-is-poop

+09: NAVIGATION.

Breadcrumbs For Web Sites: What, When and How

By Nick Babich.

“Breadcrumbs (or breadcrumb trail) is a secondary navigation system
that shows a user’s location in a site or web app. The term came from
the Hansel and Gretel fairy tale in which the main characters create a
trail of breadcrumbs in order to track back to their house.”
http://babich.biz/breadcrumbs-for-web-sites-what-when-and-how/

+10: STANDARDS.

2016 W3C Internal Reorganization

By W3C.

“Effective after 26 September 2016.”

https://www.w3.org/2016/08/2016-reorg.html

+11: TOOLS.

Word HTML: Converting Word Documents to HTML

By Deborah Edwards-Onoro.

“…online site that allows you to paste the content of your Word
document into an online form and quickly convert the content to clean
HTML…”

https://www.lireo.com/word-html-convert-word-documents-to-html/

+12: USABILITY.

Why Do Pull Quotes Exist on the Web?

By Jeremy Kieth.

“There you are reading an article when suddenly it’s interrupted by a
big piece of text that’s repeating something you just read in the
previous paragraph. Or it’s interrupted by a big piece of text that’s
spoiling a sentence that you are about to read in subsequent
paragraphs…”

https://adactio.com/journal/11102

My Head Hurts! Cognitive Friction in the Age of Mobile

By Nick Kellingley.

“There’s nothing more annoying than when things don’t function the way
we expect them to…”

https://www.interaction-design.org/literature/article/my-head-hurts-cognitive-friction-in-the-age-of-mobile

Direct Manipulation: Definition

By Samyukta Sherugar and Raluca Budiu.

“Direct manipulation is an interaction style in which the objects of
interest in the UI are visible and can be acted upon via physical,
reversible, incremental actions that receive immediate feedback.”

https://www.nngroup.com/articles/direct-manipulation/

WeChat: China’s Integrated Internet User Experience

By Yunnuo Cheng and Jakob Nielsen.

“User research finds that tightly integrated services with a
wide-ranging set of convenient features, accessed through a simple and
unified design, are the reason Chinese users use WeChat so much. They
do so mainly through traditional GUI interactions, not a
‘conversational user interface,’ despite the hype.”

https://www.nngroup.com/articles/wechat-integrated-ux/

The New Rules of Form Design

By Mike Madaio.

“…modern techniques-when used correctly-allow designers to produce
faster, easier, and more productive form experiences…”

http://www.uxbooth.com/articles/the-new-rules-of-form-design/

[Section one ends.]

++ SECTION TWO:

+13: 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@d.umn.edu

[Issue ends.]

.

.

.

-=-=-=-=-=-=-=-=-=-=-=-

Groups.io Links:

You receive all messages sent to this group.

View This Message (#2247):

-=-=-=-=-=-=-=-=-=-=-=-
Attachments area
 .
 .
.
Advertisements
[Educator-Gold] [webdev] Web Design Update: August 25, 2016

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s