[DigitalScholarship] [webdev] Web Design Update: March 16, 2017

 

.

.

Date: Thu, 16 Mar 2017 06:17:00 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
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@d.umn.edu

[Issue ends.]

.

.

.

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

.
Groups.io Links:

You receive all messages sent to this group.

View/Reply Online (#274): https://groups.io/g/DigitalScholarship/message/274
View All Messages In Topic (1): https://groups.io/g/DigitalScholarship/topic/4544028

.
-=-=-=-=-=-=-=-=-=-=-=-

Attachments area
Preview YouTube video Chrome 57: Grid based layouts, Media Session API and more

Chrome 57: Grid based layouts, Media Session API and more
.
Advertisements

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