.
.
Date: Thu, 22 Sep 2016 06:27:33 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: September 22, 2016
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 13, September 22, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 13 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML5.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
11: TOOLS.
12: USABILITY.
13: XML.
SECTION TWO:
14: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Accessibility Camp NYC 2016 Videos
By a11ynyc.com.
"Videos from New York City's second accessibility camp held September 17, 2016.
http://livestream.com/internetsociety/a11ynyc/videos
Access Board Approves Rules on ICT Refresh and Medical Diagnostic Equipment
By Access Board.
"September 14, 2016...The Access Board approved updated requirements
for information and communication technology..."
https://www.access-board.gov/news/1824-access-board-
approves-rules-on-ict-refresh-and-medical-diagnostic-equipment
Some Tough Love: Stop the Excuses, Already
By Karl Groves.
"...Whether you like it or not, your company or organization is
required by law - explicitly stated or not - to provide ICT products
and services that are accessible to people with disabilities. If your
work is not accessible, it does not meet the necessary quality
standards. Learn how to do it and stop making excuses."
http://www.karlgroves.com/2016/09/14/
some-tough-love-stop-the-excuses-already/
University May Remove Online Content to Avoid Disability Law
By Scott Jaschik.
"U.S. Justice Department finds that Berkeley MOOCs and YouTube content
don't meet federal requirements..."
https://www.insidehighered.com/news/2016/09/20/
berkeley-may-remove-free-online-content-rather-complying-disability-law
Essentials of Digital Accessibility
By Harriette L. Spiegel.
"Digital accessibility is a hot topic in higher education these days,
and training faculty in creating accessible digital materials is on
the mind of every instructional designer or educational technology
team..."
https://campustechnology.com/articles/2016/09/13/
essentials-of-digital-accessibility.aspx
How To Do Web Accessibility QA: Part 1
By Josh Korr.
"Start by experiencing how people use a computer differently than you:
with a keyboard (no mouse) and screen reader..."
https://www.viget.com/articles/how-to-do-web-accessibility-qa-part-1
How To Do Web Accessibility QA: Part 2
By Josh Korr.
"Introducing a simple process and template for doing a11y testing - no
WCAG knowledge needed..."
https://www.viget.com/articles/how-to-do-web-accessibility-qa-part-2
Terms to Avoid When Writing About Disability
By National Center on Disability and Journalism (NCDJ).
"NCDJ is publishing this list in conjunction with an updated style
guide intended for journalists and members of the general public who
are seeking the appropriate and accurate language to use when writing
or talking about people living with disabilities..."
http://ncdj.org/2016/09/terms-to-avoid-when-writing-about-disability-2/
+02: CASCADING STYLE SHEETS.
Why There is No CSS4 - Explaining CSS Levels
By Rachel Andrew.
"...This post is a quick explanation of how CSS is versioned today..."
https://rachelandrew.co.uk/archives/2016/09/13/
why-there-is-no-css4-explaining-css-levels/
CSS Grid Meets the Real World - a login Form
By Rachel Andrew.
"Once CSS Grid Layout ships in browsers we will be able to use it as
an enhancement to existing layout methods long before we can consider
using it as our main layout tool..."
https://www.rachelandrew.co.uk/archives/2016/09/20/
css-grid-meets-the-real-world-a-login-form/
+03: DRUPAL.
How Drupal 8 Makes Your Website More Easily Accessible (Video)
By Mike Gifford.
Mike Gifford, Drupal 8's Core Accessibility Maintainer, demonstrates a
variety of accessibility features that Drupal 8.
https://events.drupal.org/neworleans2016/sessions/
how-drupal-8-makes-your-website-more-easily-accessible
+04: EVALUATION & TESTING.
The 7 Essentials of Successful Survey Design
By Fred Van Bennekom.
"Surveys are an essential tool in the UX research toolkit..."
http://uxmastery.com/successful-survey-design/
Pros and Cons of Requiring Survey Responses
By Jeff Sauro.
"...Requiring responses increases the burden on the respondent, which
in turn may lead to increased abandonment. The actual effect on survey
completion rates is unclear and in some cases required responses may
actually increase the response rate..."
http://www.measuringu.com/blog/requiring-responses.php
+05: EVENTS.
How to Make the Most of CodePen with Chris Coyier
September 28, 2016.
Online.
https://app.webinarjam.net/register/20023/787e16b0a7
UX Research at Napster: A Product Manager's Perspective
September 28, 2016.
Online.
http://info.usertesting.com/
09_2016_Webinar_SuzanneScharlock_Registration.html
Digital Accessibility Lightning Talks 2016
October 5, 2016.
Chicago, Illinois, U.S.A.
http://www.meetup.com/a11ychi/events/229149379/
Digital Accessibility: Enabling Participation in the Information Society
Starts: October 17, 2016.
Online Course.
https://www.futurelearn.com/courses/digital-accessibility
Where Does User Experience & Accessibility Meet?
October 27, 2016.
Chicago, Illinois, U.S.A.
http://www.meetup.com/a11ychi/events/233789692/
HTML5 Part 2: Advanced Techniques for Designing HTML5 Apps
Anytime.
Online.
https://www.edx.org/course/
html5-part-2-advanced-techniques-w3cx-html5-2x-1
+06: HTML5.
HTML - from 5.1 to 5.2
By Charles McCathie Nevile.
"There is a First Public Working Draft of HTML 5.2. There is also a
Proposed Recommendation of HTML 5.1. What does that mean? What
happened this year, what didn't? And what next?..."
https://www.w3.org/blog/2016/09/html-from-5-1-to-5-2/
+07: JAVASCRIPT.
Getting Started with ARIA: Crash Course 101 (PDF)
By Bryan Garaventa.
"ARIA stands for Accessible Rich Internet Applications, and learning
how it works and how to use and recognize what it does will be a
critical part of any development related position and task, especially
since HTML5 now specifically maps to the ARIA spec for related control
types..."
http://whatsock.com/aria/101.pdf
For Engineers: A Self-Paced Training Roadmap for Learning ARIA
By Bryan Garaventa.
"I've been doing a lot of training lately for engineers, and have
built a self-paced training program that provides a comprehensive
roadmap for any engineer familiar with HTML, JavaScript, and CSS to
learn how to understand and utilize ARIA correctly within
development..."
https://www.linkedin.com/pulse/
engineers-self-paced-training-roadmap-learning-aria-bryan-garaventa
Quick Tip: How to Declare Variables in Javascript
By Julian Motz.
"In this quick tip you'll learn how to use variables and the
differences between the various declarations."
https://www.sitepoint.com/how-to-declare-variables-javascript/
Why We Use Progressive Enhancement to Build GOV.UK
By Robin Whittleton.
"...We'd like to explain why we use progressive enhancement to build GOV.UK..."
https://gdstechnology.blog.gov.uk/2016/09/19/why-we-use-progressive-enhancement-to-build-gov-uk/
+08: MISCELLANEOUS.
Design Thinking Builds Strong Teams
By Sarah Gibbons.
"Not only does design thinking foster innovation, but it also
strengthens teams by creating common vocabulary and artifacts, and a
trust-based team culture."
https://www.nngroup.com/articles/design-thinking-team-building/
+09: NAVIGATION.
Basic Patterns for Mobile Navigation
By Nick Babich.
"Navigation through your app should be intuitive and predictable. .."
http://babich.biz/basic-patterns-for-mobile-navigation/
+10: STANDARDS, GUIDELINES & PATTERNS.
What's the Next Big Thing?
By Jeff Jaffe, W3C CEO.
Slides from W3C Advisory Commette meeting.
https://www.w3.org/2016/Talks/ac2016-Jeff/public.html?full#Cover
+11: TOOLS.
PAVE: Four Steps to an Accessible PDF
By Accessibility Lab of the ZHAW School of Engineering.
"You can use PAVE to make your PDF documents accessible and to
interpret conventional reader programs correctly. It does not change
the visual layout of your PDF..."
http://www.pave-pdf.org/index.en.html
Tiff
By Mu Ye.
"A type diff tool that visually contrasts the differences between two fonts..."
https://tiff.herokuapp.com/
Accessible UI Components List Frameworks, Snippets, Themes, and
Widgets for a Better Web
W3C Editor's draft.
"Information on this page is provided by vendors and others. W3C does
not endorse specific products nor make assertions about their
accessibility..."
https://www.w3.org/blog/wai-components-gallery/
+12: USABILITY.
Reducing Cognitive Overload For A Better User Experience
By Danny Halarewich.
"The best user experience is the one the user doesn't notice..."
https://www.smashingmagazine.com/2016/09/
reducing-cognitive-overload-for-a-better-user-experience/
How To Design Error States For Mobile Apps
By Nick Babich.
"...In this article, we'll examine how the design of apps can be
optimized to prevent user errors and how to create effective error
messages in cases when errors occur independently of user input..."
https://www.smashingmagazine.com/2016/09/
how-to-design-error-states-for-mobile-apps/
Why Dark Patterns Won't Go Away
By John Brownlee.
"Users hate them. They're bad for business. So why do they persist?"
https://www.fastcodesign.com/3060553/why-dark-patterns-wont-go-away
Designing for Voice Differs from Traditional UX
By Stephanie Hay.
"...Your words are raw data that teaches us what you want from us..."
https://techcrunch.com/2016/08/21/
designing-for-voice-differs-from-traditional-ux/
Understanding UX Strategy And How It Merges With Interface Design
By Jake Rocheleau.
"There's a bit of murkiness surrounding the concept of user experience..."
http://www.vandelaydesign.com/understanding-ux-strategy/
Augmented Reality: What Does It Mean for UX?
By Angie Li.
"AR technologies can impact the user experience by decreasing
interaction cost, cognitive load, and attention switching."
https://www.nngroup.com/articles/augmented-reality-ux/
+13: XML.
5 Reasons SVG is the Web Designer's New Best Friend
By Morten Rand-Hendriksen.
"Imagine being able to add graphics to your web projects that can be
controlled using JavaScript and CSS..."
https://learning.linkedin.com/blog/design-tips/
5-reasons-svg-is-the-web-designer-s-new-best-friend
Scalable Vector Graphics (SVG) 2
W3C Candidate Recommendation 15 September 2016
By W3C.
"This specification defines the features and syntax for Scalable
Vector Graphics (SVG) Version 2. SVG is a language based on XML for
describing two-dimensional vector and mixed vector/raster graphics..."
https://www.w3.org/TR/2016/CR-SVG2-20160915/
[Section one ends.]
++ SECTION TWO:
+14: 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@xxxxxxxxx
[Issue ends.]
.
