[DigitalScholarship] [webdev] Web Design Update: September 29, 2016

 

.

.

Date: Thu, 29 Sep 2016 06:21:27 -0500

From: Laura Carlson <lcarlson@d.umn.edu>

To: webdev <webdev@d.umn.edu>

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

[Issue ends.]

.

.

.

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

Groups.io Links:

You receive all messages sent to this group.

View This Message (#173): https://groups.io/g/DigitalScholarship/message/173

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

Attachments area
Preview YouTube video A Field Guide to Web Accessibility with Derek Featherstone

A Field Guide to Web Accessibility with Derek Featherstone
Advertisements
Standard

Leave a Reply

Fill in your details below or click an icon to log in:

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