.
.
Date: Thu, 29 Sep 2016 06:21:27 -0500
From: Laura Carlson <lcarlson@xxxxxxxxx>
To: webdev <webdev@xxxxxxxxx>
Subject: [webdev] Web Design Update: September 29, 2016
+++ WEB DESIGN UPDATE.
- Volume 15, Issue 14, September 29, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 14 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.
04: EVALUATION & TESTING.
05: EVENTS.
06: INFORMATION ARCHITECTURE.
07: JAVASCRIPT.
08: NAVIGATION.
09: TYPOGRAPHY.
10: USABILITY.
11: XML.
SECTION TWO:
12: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
A Field Guide to Web Accessibility with Derek Featherstone (Video)
By Derek Featherstone.
"We all know that we need to ensure that our websites are accessible.
But what does that really mean? In this talk, Derek reveals learnings
from working and testing with people with disabilities, and how
solving these accessibility issues leads to better experiences for
everyone. You'll leave with new tools to create better designs, and
new techniques to create better code..."
https://www.youtube.com/watch?v=gf_BrfCZT7c
Fixing Outlines On Click
By Alastair Campbell.
"It is a small thing in someways, but it can trigger nasty effects for
keyboard users: Lack of an outline (or other indicator) on links when
tabbing through a web page..."
https://alastairc.ac/2016/09/fixing-outlines-on-click/
Developers: Get Started with Web Accessibility
By Mischa Andrews.
"...here are some tips for how to get started. This guide is written
for front-end web developers who are new to accessibility, and it's by
no means comprehensive - but I hope it will help you start a longer
journey of learning..."
https://medium.com/@MischaAndrews/
developers-get-started-with-web-accessibility-91bd67dea777
Google's AI is Getting Really Good at Captioning Photos
By Steve Dent.
"It has open-sourced an algorithm that describes images with 94
percent accuracy..."
https://www.engadget.com/2016/09/23/
googles-ai-is-getting-really-good-at-captioning-photos/
Web Accessibility: Make Your Company Socially Responsible
By Maria C. Lima.
"About 56.7 million people - 19 percent of the population - had a
disability in 2010, according to a broad definition of disability,
with more than half of them reporting the disability was severe,
according to a comprehensive report on this population released today
by the U.S. Census Bureau..."
http://mclinteractive.com/web-development/
accessibility-company-socially-responsible/
Faculty Response to DOJ Online Access Response
By The Faculty Coalition for Disability Rights at UC Berkeley.
"...Many Berkeley faculty members were very concerned with the tone
and content of VC Koshland's response and wrote the attached open
letter in response (full text also provided at end of this post)..."
https://ucbdisabilityrights.org/2016/09/22/faculty-response-to-koshland/
DOJ vs. UC Berkeley: Forcing Online Content to Be Accessible
By Tanya Roscorla.
"UC Berkeley is figuring out what to do next as the U.S. Department of
Justice tells it to make its online audio and video content
accessible..."
http://www.centerdigitaled.com/higher-ed/
Web-Accessibility-Investigation-Higher-Ed.html
Federal Website Lawsuits Top 100 As New Wave Of Demand Letters Hits
Community Banks
By Minh Vu.
"The number of federal lawsuits alleging inaccessible websites
continues to increase, along with the number of law firms filing them.
Businesses need advice now on how to manage risk in this chaotic
environment..."
http://www.adatitleiii.com/2016/09/federal-website-lawsuits-
top-100-as-new-wave-of-demand-letters-hits-community-banks/
+02: BOOKS.
Marquis, Mat. JavaScript for Web Designers, A Book Apart, 2016.
Meiert, Jens Oliver. The Little Book of Website Quality Control,
O'Reilly, 2016.
+02: CASCADING STYLE SHEETS.
A to Z CSS
By Guy Routledge.
"...Welcome to our AtoZ CSS series! In this series, I'll be exploring
different CSS values (and properties) each beginning with a different
letter of the alphabet..."
https://www.sitepoint.com/tag/atoz-css/
On CSS Accessibility & Drinking Tea
By Léonie Watson.
Slide deck from Léonie's Mirror Conference talk.
http://ljwatson.github.io/decks/2016/mirrorconf/index.html
+03: COLOR.
Open Color
By heeyeun.
"You can use it for font, background, border etc. It contains a gray
and twelve colors. All the colors considered the color blind,
specifically deuteranopia and protanopia..."
https://yeun.github.io/open-color/
+04: EVALUATION & TESTING.
Task Performance Indicator: A Management Metric for Customer Experience
By Gerry McGovern.
"Measuring user experience can seem like a vague, touchy-feely process
with amorphous results. Where's the value? Managers can't always get
their arms around concepts like 'better' or 'simpler' or 'faster.'
Gerry McGovern says that's why it's important to have a tool like the
Task Performance Indicator, which gives reliable, actionable metrics
that can be revisited over time."
http://alistapart.com/article/
task-performance-indicator-management-metric-for-customer-experience
9 Biases That Affect Survey Responses
By Jeff Sauro.
"...Here are 9 common biases I've documented from the literature and
our experience conducting surveys to watch out for and in some cases
ideas on how to fix them..."
http://www.measuringu.com/blog/survey-biases.php
28 Tips for Creating Great Qualitative Surveys
By Susan Farrell.
"Qualitative surveys ask open-ended questions to find out more,
sometimes in preparation for doing quantitative surveys. Test surveys
to eliminate problems."
https://www.nngroup.com/articles/qualitative-surveys/
Unit Testing Accessibility
By Jakub Jedryszek.
"You know that having automated test that guard against regressions
always pays off in a long run..."
https://dzone.com/articles/unit-testing-accessibility
Beyond the Lab: Gathering Holistic, Qualitative User Experience Data
By Heather Wright Karlson.
"The field of User Experience is increasingly under pressure to gather
qualitative data in shorter amounts of time..."
http://www.uxmatters.com/mt/archives/2016/09/
beyond-the-lab-gathering-holistic-qualitative-user-experience-data.php
The Problem with Personas and Some Solutions
By Atul Handa and Kanupriya Vashisht.
"...Personas are often under utilized and, thus, ineffective..."
http://www.uxmatters.com/mt/archives/2016/09/the-problem-with-personas-and-some-solutions.php
+05: EVENTS.
Tools and Deliverables: Methods, Guidelines, and Templates for Getting
Content Strategy Right
October 28, 2016.
St. Paul, Minnesota, U.S.A.
http://uxpamn.org/event-2338588
The ICT Accessibility Testing Symposium: Section 508, WCAG, and Beyond
November 2-3, 2016.
Baltimore, Maryland, U.S.A.
http://ictaccessibilitytesting.org/
Accessibility Club
November 7 and 10, 2016.
Berlin and Nurnberg, Germany
https://accessibility-club.org/
+06: INFORMATION ARCHITECTURE.
5 Information Architecture Warning Signs in Your Analytics Reports
By Kathryn Whitenton and Katie Sherwin.
"Analytics metrics such as pageviews, conversions, entrances, bounce
rates, and search query frequency can help identify problems in your
category structure."
https://www.nngroup.com/articles/ia-warning-signs-analytics/
+07: JAVASCRIPT.
Building Accessible Buttons with ARIA: A11y Support Series (Part 3)
By Paul J. Adam.
"This is a continuation of Paul J. Adam's ongoing Accessibility
Support Series, where he explains how to build accessible widgets and
which screen readers they're compatible with."
http://www.deque.com/blog/accessible-aria-buttons/
+08: NAVIGATION.
Breadcrumb Navigation: Good for Website Usability or Not?
By Brandon Leibowitz.
"...the fact is, breadcrumb navigation helps to increase site
usability as opposed to degrading its value. It is one of the more
popular methods of alternative navigation, allowing website users to
recognize their hierarchy while reducing the number of steps required
to reach a higher-level within the site..."
http://blog.usabilla.com/breadcrumb-navigation-
good-website-usability-not/
+09: TYPOGRAPHY.
Methods for Controlling Spacing in Web Typography
By Geoff Graham.
"...There are still plenty of situations today where adjusting fonts
is needed to ensure the best legibility despite having all these fancy
tools. We're going to cover a few of those in this post..."
https://css-tricks.com/methods-controlling-spacing-web-typography/
+10: USABILITY.
Usability Testing of Inline Form Validation: 40% Don't Have It, 20% Get It Wrong
By Christian Holst.
"The benefits of inline form validation are numerous when implemented
correctly, yet 40% of sites still don't have it, and 20% of the sites
that do have flawed implementations..."
http://baymard.com/blog/inline-form-validation
Why a Site Redesign Should be the Last Resort
By Jon MacDonald.
"...In this article, I'll describe how you can save thousands of
dollars by taking advantage of a smart, scientific approach to
conversion optimization..."
https://www.usertesting.com/blog/2016/09/23/site-redesign-last-resort/
What Is the User Experience of Content?
By Augustin Kendall.
"When people hear the words User Experience (UX), they usually think
of visual design, front-end programming, or interface design. The User
Experience Professionals Association defines UX as every aspect of a
user's interaction with a product, service, or company that make up
the user's perceptions of the whole. What some people forget is that
the information on a site-the content-is also a huge part of UX..."
https://www.portent.com/blog/content-strategy/user-experience-content.htm
Understand the Social Needs for Accessibility in UX Design
By Ruby Zheng.
"...Here, we will look at the social need of why you should design
with accessibility in mind..."
https://www.interaction-design.org/literature/article/
understand-the-social-needs-for-accessibility-in-ux-design
+11: XML.
Accessible SVGs in High Contrast Mode
By Eric Bailey.
"Making your SVG accessible includes adding extra steps to your
workflow, but is well-worth it..."
https://css-tricks.com/accessible-svgs-high-contrast-mode/
An Introduction To SVG Filters
By Steven Bradley.
"If I asked you to blur an image or make color adjustments to it,
you'd probably reach for your favorite image or graphic editing
program and rightly so. Effects like these have been created in image
editors for years. However, some can now be created without the editor
and through code alone..."
http://vanseodesign.com/web-design/svg-filters-introduction/
[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@xxxxxxxxx
[Issue ends.]
.
.