[webdev] Web Design Update: March 29, 2018

 

Date: Thu, 29 Mar 2018 06:37:38 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: March 29, 2018

https://tinyurl.com/yayf535s

+++ WEB DESIGN UPDATE.

– Volume 16, Issue 40, March 29, 2018.

An email newsletter to distribute news and information about web
design and development.

++ISSUE 40 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: COLOR.

04: EVALUATION & TESTING.

05: EVENTS.

06: HTML.

07: INFORMATION ARCHITECTURE.

08: MISCELLANEOUS.

09: USABILITY.

SECTION TWO:

10: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Verified Accessibility Samples (Va11yS)

By International Business Machines (IBM).

“Explore the repository of working accessibility code samples and design patterns that can be implemented directly into your design and development…”

https://www-03.ibm.com/able/va11ys.html

Three Developer Behaviors to Eliminate 85 Percent of Accessibility Defects

By Sean Kelly and Thomas F. Dinkel.

Sean and Thomas’ CSUN presentation slides.

https://www.slideshare.net/seankelly612/three-developer-behaviors-to- eliminate-85-percent-of-accessibility-defects-91706469

Accessibility Heuristics for Designers (PDF)

By Caitlin Geier and Denis Boudreau.

“10 general rules of thumb for accessible design…”

https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/edit

Survey of Web Accessibility Practitioners #2

By WebAIM.

“The following survey is a follow-up to a previous Survey of Web Accessibility Practitioners conducted July 2014…”

https://webaim.org/projects/practitionersurvey2/

Potholes of Discrimination: A Post-CSUN Legal Update Wrap-Up

By Lainey Feingold.

“…This is a post about what the law is saying about web accessibility…”

http://www.lflegal.com/2018/03/csun18-follow-up/

Making Bulb Accessible – Introducing the New Bulb Site

By Heydon Pickering.

“At the end of last year, Bulb pledged to significantly improve the accessibility of the site…”

https://bulb.co.uk/blog/making-bulb-accessible-introducing-the-new-bulb-site

CSUN 2018 Presentation Links

By Christopher Phillips.

A crowdsourced list of CSUN presentation presentations from last week’s conference.

https://docs.google.com/spreadsheets/d/ 1NtrU3K_f1vlfjGTnkFJeSja7_xdI9T8rWAgFz5Y-1w0/edit#gid=0

No Relief in Sight from Website Accessibility Lawsuits

By Matthew P. Horvitz and Andrew J. Ferren.

“…a proactive approach to accessibility should help businesses reduce the risk of being targeted by a lawsuit.”

https://www.retaillawadvisor.com/2018/03/21/ no-relief-in-sight-from-website-accessibility-lawsuits/

The Growing Emphasis on Accessibility and Inclusive User Experience

By Kim Krause Berg.

“There is growing interest in web accessibility around the world, with more companies seeking to make their web properties inclusive and user friendly for all people.…”

https://searchnewscentral.com/blog/2018/03/28/ the-growing-emphasis-on-accessibility-and-inclusive-user-experience/

N.Y. Lawyers Sue 40-plus Companies on Behalf of Blind Man in a Month

By Justin Stoltzfus.

“A class action lawsuit on behalf of Queens, N.Y., resident Eugene Duncan and other visually impaired plaintiffs against Popular North America Inc. is one of 43 recent Americans with Disabilities Act cases filed on his behalf…”

https://legalnewsline.com/stories/511366628-n-y-lawyers-sue-40- plus-companies-on-behalf-of-blind-man-in-a-month

New Guidelines Let Civil Rights Office Ignore Cases From Serial Complainers

By Christina A. Samuels.

“The U.S. Department of Education’s office for civil rights has started dismissing hundreds of disability-related complaints, following new guidelines that say such cases will be dismissed when they represent a pattern of complaints against multiple recipients…”

https://www.edweek.org/ew/articles/2018/03/22/ new-rule-lets-civil-rights-office-ignore.html

+02: CASCADING STYLE SHEETS.

Good ol’ Margin Collapsing

By Chris Coyier.

“Here’s a one-sentence blog post about margin collapsing: When two block elements are stacked on top of one another, the vertical space between them is the larger between the one on top’s margin-bottom and the one on the bottom’s margin-top…”

https://css-tricks.com/good-ol-margin-collapsing/

The Future of Web Layout (Video)

By Aquent Gymnasium.

“A webinar discussing new advances in web layout techniques that will
impact web designers and developers in the near future. Rachel Andrew
and Jason Pamental join Jeremy Osborn to help deconstruct the upcoming
shift in designing for the web.”

https://www.youtube.com/watch?v=LUMkgn_xtlg

A CSS Approach to Trap Focus Inside of an Element

By Kushagra Gour.

“…While experimenting, I discovered a neat CSS trick on how to trap
focus within the <dialog> element, a common accessibility requirement
for modals, and a notoriously difficult one…”

https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/

Nobody Said CSS Is Easy

By Amber Wilson.

“Wait, some people have said this. But I’d like to politely voice the
opinion that they are wrong…”

https://amberwilson.co.uk/blog/nobody-said-css-is-easy/

+03: COLOR.

Designing Systematic Colors

By Jeeyoung Jung.

“How to make themable, flexible, WCAG 2.0 compliant color ramps for a
design system…”

https://uxplanet.org/designing-systematic-colors-b5d2605b15c

+04: EVALUATION & TESTING.

Remote Moderated Usability Tests: How and Why to Do Them

By Kate Meyer and Kara Pernice.

“Remote unmoderated usability testing is so fast and easy that some
teams make it their only evaluation method. But don’t shy away from
its more robust alternative, the remote moderated usability test,
which can give you more information and is also inexpensive.”

https://www.nngroup.com/articles/moderated-remote-usability-test/

How to Make Usability Testing a Habit

By Stefan Rössler.

“…The best thing about making usability testing a habit is that you
keep getting better at it…”

https://userbrain.net/blog/make-usability-testing-habit

How Large Is the Evaluator Effect in Usability Testing?

By Jeff Sauro.

“…if you change the person looking for the problems (the evaluator),
do you get a different set of problems?…”

https://measuringu.com/evaluator-effect/

+05: EVENTS.

Getting Started in Accessibility
April 4, 2018.Minneapolis, Minnesota, U.S.A.
https://www.eventbrite.com/e/ getting-started-in-accessibility-tickets-42715561394

What You Need to Know to Get Accessibility Right
April 4, 2018.
Online.
http://apexcovantage.com/resources/ webinar-need-know-get-accessibility-right/

John Slatin AccessU
May 14-16, 2018.
Austin, Texas, U.S.A.
https://knowbility.org/programs/accessu/

This.JavaScript: A11Y
May 17, 2018.
Online.
https://www.thisdot.co/javascript/05-17-2018

UI 21
November 12-14, 2018.
Boston, Massachusetts, U.S.A.
https://ui21.uie.com/

Accessing Higher Ground
November 12-16, 2018.
Westminster, Colorado, U.S.A.
http://accessinghigherground.org/

Agile Accessibility in a Regulated Industry
November 15, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=527

+06: HTML.

Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion

By Chris Coyier.

“Gosh bless the <details> element. Toss some content inside it and you
have an accessible expand-for-more interaction with just about zero
work…”

https://css-tricks.com/quick-reminder-that-
details-summary-is-the-easiest-way-ever-to-make-an-accordion/

Typical/Expected Screen Reader Output

By Steve Faulkner.

“Typical/expected screen reader output

<a href=”#”>hello</a> hello
<a href=”#” title=”goodbye”>hello</a> hello goodbye
<a href=”#” aria-label=”goodbye”>hello</a> goodbye
<a href=”#” aria-label=”goodbye”></a> goodbye
<a href=”#” title=”goodbye”></a> goodbye”

https://twitter.com/stevefaulkner/status/978310635023949830

+07: INFORMATION ARCHITECTURE.

A Guide to Information Architecture

By Miklos Philips.

“…Information architecture (IA) is, like a blueprint, a visual
representation of the product’s infrastructure, features, and
hierarchy. …”

https://blog.prototypr.io/ the-comprehensive-guide-to-information-architecture-29b09695fbcb

+08: MISCELLANEOUS.

Using Ethics In Web Design

By Morten Rand-Hendriksen.

“…Even small and seemingly insignificant decisions can have enormous
implications, and though ethics often stand in the way of immediate
rapid innovation, growth, and quick revenue, they help ensure the
longevity of our designs and help us carve paths to better futures for
everyone…”

https://www.smashingmagazine.com/2018/03/using-ethics-in-web-design/

Why Enterprise Software Fails (and what to do about it)

By Gerry McGovern.

“The Canadian government’s Phoenix payroll system is no more. It was
supposed to cost about C$300 million and deliver tremendous
efficiencies. Instead, it has cost C$1 billion and delivered nothing
but pain and disaster…”

http://gerrymcgovern.com/ why-enterprise-software-fails-and-what-to-do-about-it/

CSUN 2018 Accessibility Interview: Denis Boudreau

By Vivian Cullipher.

“Vivian interviews Montreal-based Denis Boudreau, Principal Web
Accessibility Consultant and Strategist for Deque, covering everything
from Denis’s take on what digital accessibility is, details on a
couple of his upcoming CSUN presentations, how AI might advance
accessibility for people with disabilities, and more…”

https://www.microassist.com/digital-accessibility/ csun-2018-accessibility-interview-denis-boudreau/#intro

+09: USABILITY.

Yes, Icons Need Text Labels (Video)

By Aurora Harley.

“Universal icons are rare. To help overcome the ambiguity that almost
all icons face, a text label must be present alongside an icon to
clarify its meaning.”

https://www.nngroup.com/videos/icon-text-labels/

In Defense of Post-its

By Sarah Gibbons.

“Sticky notes strengthen team dynamics and represent an egalitarian,
concise means for expressing ideas in UX design projects.”

https://www.nngroup.com/articles/post-it-in-ux/

When Making Design Tradeoffs, Don’t Forget Hidden Costs (Video)

By Kathryn Whitenton.

“When making design decisions, analyze the alternatives to identify
hidden costs before you get stuck paying for them.”

https://www.nngroup.com/videos/design-tradeoffs-hidden-costs/

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

[Issue ends.]

*

*

Advertisements
[webdev] Web Design Update: March 29, 2018

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ 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 )

Connecting to %s