[webdev] Web Design Update: September 22, 2016

David P. Dillard
 

.

.



Date: Thu, 22 Sep 2016 06:27:33 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
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@d.umn.edu





[Issue ends.]



.

Join DigitalScholarship@groups.io to automatically receive all group messages.