.
.
Date: Thu, 16 Mar 2017 06:17:00 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: March 16, 2017
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 38, March 16, 2017.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 38 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.
02: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML5.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.
SECTION TWO:
10: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
What Comes After WCAG 2.1?
By Shawn Lauriat, Jeanne Spellman, Michael Cooper, and Andrew Kirkpatrick.
CSUN presentation slides from March 2, 2017.
https://docs.google.com/presentation/d/
1YjaxD3qNAUV0dcx485AyEpq5RY_WpXgFk27TozDbPM8/
Keyboard Interaction for Disabled Elements
By Rakesh Paladugula.
"In many contexts few elements on the screen are in disabled mode. The
question often araises is 'Do these disabled elements need keyboard
focus?'..."
http://www.maxability.co.in/2017/03/
ekeyboard-interaction-for-disabled-elements/
My Audio Description Talk @ CSUN
By Terrill Thompson.
"At CSUN 2017 I opened the conference on Wednesday morning with a
presentation on audio description..."
http://terrillthompson.com/blog/813
UC Berkeley Decision Results in Universal Inaccessibility
By Cyndi Rowland.
"...Sadly, they missed an opportunity to deepen their disability
commitment, as well as their leadership role in higher education."
http://webaim.org/blog/uc-berkeley-inaccessibility/
ITIF: 92% of Top Federal Websites Fail to Meet Security, Speed,
Accessibility Standards
By Ramona Adams.
"A new study from the Information Technology and Innovation Foundation
says 92 percent of the U.S. federal government's most popular websites
do not meet basic standards for security, speed, mobile friendliness
or accessibility..."
https://www.executivegov.com/2017/03/
itif-92-of-top-federal-govt-websites-
fail-to-meet-security-speed-accessibility-standards/
Using the Law as a Tool to Advance Digital Accessibility
By Rishi Agrawal.
"...the presenters emphasized that the best way to continue to make
progress is a proactive, robust accessibility program."
http://www.ssbbartgroup.com/blog/
using-law-tool-advance-digital-accessibility/
Accessibility Standards Get a Much-Needed Refresh
By Andrew Kirkpatrick.
"The last time the federal government updated its accessibility
standards for electronic and information technology 'Shrek' was
dominating the U.S. box office and the Supreme Court was ruling on
'hanging chads' in the Florida recount 16 years ago..."
http://blogs.adobe.com/accessibility/2017/03/
accessibility-standards-get-a-much-needed-refresh.html
Prepare Now for Upcoming Website Accessibility Mandates
By Ashley Fruechting.
"...It's about how content is written. It's about captioning videos.
And it's about using content headers properly..."
https://gcn.com/articles/2017/03/07/website-accessibility.aspx
WCAG 2.0 and What it Means for School Website ADA
By Steve Williams.
"If you are like most public schools across the country, website
accessibility and ADA compliance has become a focus due to an increase
in the Office for Civil Rights (OCR) complaints, investigations and
even lawsuits. Schools can no longer just have a website that serves
common computers and browsers, but now has to ensure all online
information is accessible for everyone - including those with
disabilities..."
https://www.campussuite.com/wcag-2-0-means-school-website-ada-compliance/
Slides: CSUN 2017: Sidestepping Ableist Language
By Ashley Bischoff.
https://www.paciellogroup.com/blog/2017/03/
slides-csun-2017-sidestepping-ableist-language/
CSUN17 Review
By Dennis Lembree.
http://www.webaxe.org/csun17-review/
CSUN 2017 Megalist of Presentation Resources for Digital Professionals
By Dennis Deacon.
http://www.dennisdeacon.com/web-design/accessibility/
csun-2017-megalist-presentation-resources-digital-professionals/
+02: BOOKS.
Geisen, Emily and Bergstrom. Usability Testing for Survey Research,
Morgan Kaufmann, 2017. (Hat tip to Jennifer Sutton)
Meyer, Eric. A. and Weyl, Estelle. Cascading Style Sheets : The
Definitive Guide, O'Reilly & Associates, 2017.
+03: CASCADING STYLE SHEETS.
Golden Guidelines for Writing Clean CSS
By Tiffany Brown.
"As mentioned, there are some rules for writing clean CSS that you
should try your best to avoid breaking. They'll help you write CSS
that is lightweight and reusable..."
https://www.sitepoint.com/golden-guidelines-for-writing-clean-css/
Learn About CSS Architecture - Atomic CSS
By Tiffany Brown.
"If BEM is the industry darling, Atomic CSS is its rebellious maverick..."
https://www.sitepoint.com/atomic-css/
How to Order and Align Items in Grid Layout
By Nitish Kumar.
"In this tutorial, you will learn how to control the order in which
items are placed using the Grid Layout module. After that, we will
discuss how to control the alignment of different items in the
grid..."
https://www.sitepoint.com/order-align-items-grid-layout/
Grid Inspection
By Eric A. Meyer.
"I said yesterday I would write up the process of adding Grid to
meyerweb, and I did. I started it last night and I finished it this
morning, and when I was done with the first draft I discovered I'd
written almost four thousand words..."
http://meyerweb.com/eric/thoughts/2017/03/08/grid-inspection/
Getting Grid
By Eric A. Meyer.
"That converting-meyerweb-to-Grid article I've mentioned previously is
still coming along..."
http://meyerweb.com/eric/thoughts/2017/03/14/getting-grid/
Chrome 57 - Grid Based Layouts, Media Session API and More (Video)
By Pete LePage.
"With Chrome 57, you can now use display: grid for grid based layouts,
use the media session API to customize the lock screen and
notifications with information about the media being played and
more..."
https://www.youtube.com/watch?v=57Scec2XPd0
+04: EVALUATION & TESTING.
WCAG 2.1 - What Challenges Face Accessibility Auditors?
By Matthew Putland.
"The first WCAG 2.1 draft has finally been released! But what could
the current changes mean for people with disabilities and web
accessibility auditors? Media Access Australia's Senior Digital
Accessibility Analyst, Matthew Putland, investigates..."
http://www.accessiq.org/news/news/2017/03/
wcag-21-what-challenges-face-accessibility-auditors
How Would you Design a Spice Rack for Blind People?
By Mark Walmsley.
"...The best answer I ever heard is at the end of this post."
https://www.linkedin.com/pulse/
how-would-you-design-spice-rack-blind-people-mark-walmsley-1
OATMEAL - Accessibility Testing for the Web
By eBay.
"The Open Accessibility Testing Methods for Experts And Layfolk were
created with two goals in mind."
https://ebay.gitbooks.io/oatmeal/
Use WAVE Tool to Test Web Pages for Accessibility
By George Williams.
"...A browser-based, accessibility-checking tool that I've always
liked is the WAVE Accessibility Extension, available for Firefox and
for Chrome..."
http://www.chronicle.com/blogs/profhacker/
use-wave-tool-to-test-web-pages-for-accessibility/63744
+05: EVENTS.
Festival of the Web
April 2-9, 2017.
Perth, Australia
http://www.festivaloftheweb.com.au/
IUE2017 Conference
April 24-25, 2017.
Ann Arbor, Michigan, U.S.A.
http://iueconference.com/
Now What? Conference
April 26-27, 2017.
Sioux Falls, South Dakota, U.S.A.
http://2017.nowwhatconference.com/
Peers Conference
April 26-28, 2017.
Seattle, Washington, U.S.A.
http://peersconf.com/
UX Scotland
June 7-9, 2017.
Edinburgh, Scotland, United Kingdom
http://uxscotland.net/2017/
+06: HTML5.
Linting HTML Using CSS
By Ire Aderinokun.
"When HTML is written incorrectly, nothing much happens. Because of
this, it's easy to have invalid, unsemantic, or unaccessible bits in
markup without it being obvious..."
https://bitsofco.de/linting-html-using-css/
+07: MISCELLANEOUS.
In AMP We Trust
By Jeremy Keith.
"AMP Conf was one of those deep dive events, with two days dedicated
to one single technology: AMP..."
https://adactio.com/journal/12011
World Wide Web, Not Wealthy Western Web (Part 2)
By Bruce Lawson.
"...there are other challenges to surmount, such as ways to get over
creaky infrastructure in developing markets (which can be done with
stopgap technological solutions, such as proxy browsers), and we'll
also look at some of the reasons why some of the offline billions
remain offline, and what can be done to address this..."
https://www.smashingmagazine.com/2017/03/
world-wide-web-not-wealthy-western-web-part-2/
Design Sprints Are Snake Oil
By Erika Hall.
"So, no matter what your problem is, I suggest starting from a set of
goals, rather than a specific solution, no matter how appealing it
sounds. Consider the larger context as well as the issue at hand..."
https://medium.com/research-things/
design-sprints-are-snake-oil-fd6f8e385a27
+08: NAVIGATION.
43% of Sites Have Severe 'Flickering' Issues for Their Main Drop-Down Menu
By Christian Holst.
"...For something as important as the site's main navigation, using
either a basic hover delay or the more ideal Mouse Path Analysis is
required to attain a good performance for any hover-based drop-down
menu where users can otherwise experience 'flickering' issues by
accidentally hovering sibling parent categories."
https://baymard.com/blog/dropdown-menu-flickering-issue
How to Get Started With Customer Journey Mapping
By Paul Boag.
"Customer journey mapping has become a popular tool among user
experience professionals..."
https://blog.optimalworkshop.com/
how-to-get-started-with-customer-journey-mapping
+09: USABILITY.
Caroline Jarrett Discusses Forms, Surveys and the Need to be Brave
By Damian Rees.
"In our latest UX Insider interview, I met up with Caroline Jarrett
from Effortmark, to talk about forms and tap into her knowledge on how
to formulate the right questions..."
http://www.experienceux.co.uk/ux-blog/2017/03/09/
ux-insider-interview-caroline-jarrett-discusses-forms-surveys-need-brave/
Flat-Design Best Practices
By Kate Meyer.
"Flat designs often suffer from usability problems and cause click
uncertainty because of lost signifiers. Avoid these negative side
effects by consistently and clearly differentiating between clickable
and unclickable elements."
https://www.nngroup.com/articles/flat-design-best-practices/
How to Make Your App Lovable
By Enchant.
"A decent app helps you get the job done. A good app helps you get it
done faster. A great app, however, makes it effortless... and those
apps, the ones that make things feel effortless, are the ones we love
the most."
https://www.enchant.com/blog/app-clarity
Accounting for UX Work with User Stories in Agile Projects
By Page Laubheimer and Hoa Loranger.
"To make UX activities visible, break user stories into UX and
development subtasks, add UX to Kanban boards, and include UX
acceptance criteria and story points."
https://www.nngroup.com/articles/ux-user-stories/
The Surreal Crazy, Crazy World of Branding
By Gerry McGovern.
"...Digital makes it harder and harder to control the customer
journey. Much better to give the customer more and more control."
http://gerrymcgovern.com/the-surreal-crazy-crazy-world-of-branding/
[Section one ends.]
++ SECTION TWO:
+10: 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.]
.
.