[DigitalScholarship] [webdev] Web Design Update: November 10, 2016

 

.

.

Date: Thu, 10 Nov 2016 06:24:07 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: November 10, 2016

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 20, November 10, 2016.

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

++ISSUE 20 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: DRUPAL.

04: EVALUATION & TESTING.

05: EVENTS.

06: HTML5.

07: JAVASCRIPT.

08: NAVIGATION.

09: STANDARDS, GUIDELINES & PATTERNS.

10: TYPOGRAPHY.

11: USABILITY.

12: XML.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Why WCAG is Not Enough

By Susanna Laurin.

“It’s leaning towards legislation on web accessibility in the EU. More
and more countries point out WCAG 2.0 level AA as the ‘right’ level of
accessibility. But what does conformance with these guidelines
actually signify for the end user?…”

http://www.funka.com/en/about-funka/ceos-corner/why-wcag-isnt-enough/

How to Describe Complex Designs for Users with Disabilities

By Jesse Hausler.

“…It’s now up to you to build an accessible experience, but where
should you begin?…”

https://medium.com/salesforce-ux/how-to-describe- complex-designs-for-users-with-disabilities-ba05f5224130

A Blind Person Loaded Your Website, You Won’t Believe What Happens Next

By Kaelig Deloumeau-Prigent.

“This is probably what happens…That’s right: nothing (or at best, a
random stream of nonsensical information)…”

https://medium.com/@kaelig/a-blind-person-loaded- your-website-you-wont-believe-what-happens-next-b69f0853b301

Making the Web Accessible for Everyone With Inclusive Design and
Diverse Personas

By Graeme Fulton.

“The importance of creating a web that is accessible to anyone and
everyone has always been emphasised by the inventor of the World Wide
Web itself…”

https://webdesign.tutsplus.com/articles/making-the-web-accessible-
for-everyone-with-inclusive-design-and-diverse-personas–cms-27505

The Audience You Didn’t Know You Had

By Angela Colter.

“…if your target audience includes the general public, you may want
to consider that nearly half of them may have low literacy skills…”

http://contentsmagazine.com/articles/the-audience-you-didnt-know-you-had/

Uniting the Digital Divide between the Deaf, Hard of Hearing, and Hearing with Accessible Captioning

By Debra Ruh.

“I have had the pleasure to work in the Disability Inclusion field for
many years. My daughter Sara Ruh, now 29 years old, was born with Down
syndrome…”

http://www.huffingtonpost.com/entry/58137ed7e4b09b190529c3b8

New Era for Disability Rights

By Carl Straumsheim.

“As higher education turns increasingly digital, disability rights
advocates turn to legal measures — and an attentive Justice
Department — to address the challenges facing students with
disabilities…”

https://www.insidehighered.com/news/2016/11/07/disability-rights- advocates-shift-strategies-ensure-equal-rights-digital-age

2016 in Review: Web Accessibility Legal Trends and Case Updates

By Patrick Loftus.

“…we decided to outline main takeaways in this blog post to help
make the legal year a bit more digestible to our readers…”

http://www.3playmedia.com/2016/10/12/2016- in-review-web-accessibility-legal-trends-and-case-updates/

NAD Lawsuit Against Harvard and MIT Moves Forward, Obligation to
Ensure Equal Treatment Applies in Emerging Technologies

By Jean Peterson.
“…Today’s decision affirms that plaintiffs’ case will be going forward…”
https://creeclaw.org/nad-lawsuit-against-harvard-and-mit-moves-forward/

+02: CASCADING STYLE SHEETS.

CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout

By Rachel Andrew.

“Layout on the web is hard. The reason it is so hard is that the
layout methods we’ve relied on ever since using CSS for layout became
possible were not really designed for complex layout…”

https://www.smashingmagazine.com/2016/11/ css-grids-flexbox-and-box-alignment-our-new-system-for-web-layout/

CSS Architecture for Design Systems

By Brad Frost.

“…I thought it would be great to share how we went about creating
our system’s CSS architecture…”

http://bradfrost.com/blog/post/css-architecture-for-design-systems/

Things I’ve Learned About CSS Grid Layout

By Oliver Williams.

“The following is a guest post by Oliver Williams. Oliver has been
working with CSS grid layout and has learned quite a bit along the
way. In this article he’s going to hop around to different concepts
that he’s learned on that journey. I like this idea of learning little
bite-sized chunks about grid layout, through isolated examples where
possible. That makes learning the whole thing a bit less
intimidating.”

https://css-tricks.com/things-ive-learned-css-grid-layout/

How and Why You Should Inline Your Critical CSS

By Asha Laxmi.

“…One thing that developers can do which helps greatly is to inline
critical CSS and load non-critical CSS asynchronously. In this
article, we’ll cover these points one-by-one and help you improve your
website’s performance…”

https://www.sitepoint.com/how-and-why- you-should-inline-your-critical-css/

+03: DRUPAL.

Future Directions for Drupal Accessibility (Video)

By Andrew Macpherson.
Andrew Macpherson’s DrupalCon Dublin 2016 talk.

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

+04: EVALUATION & TESTING.

The Origins And Evolution Of Thinking Aloud

By Jeff Sauro.

“…To better understand both the method and its application, it helps
to know where it came from and how it’s evolved. And like the field of
User Experience in general, the roots of thinking aloud has its
genesis in other fields with over a century of history and
evolution…”

http://www.measuringu.com/blog/thinking-aloud.php

Awaken the Champion A/B Tester Within

By Yael Tolub.

“Athletes capture and analyze data to optimize their performance. A/B
testing can produce winners the same way: with data that goes beyond
best guesses via behavioral analysis to extract deeper insights.”

http://alistapart.com/article/awaken-the-champion-a-b-tester-within

5 Ways To Increase Study Participation Rates

By Jeff Sauro.

“…Here are five approaches you can use to get the right people to
participate in your studies…”

http://www.measuringu.com/blog/study-participate.php

+05: EVENTS.

World Usability Day at the University of Minnesota
November 10, 2016.
Schedule:
http://it.umn.edu/usability-services/news/
world-usability-day-2016-november-10
Streamed live: https://www.youtube.com/watch?v=TjlLL-uWf4U

Professional Web Accessibility Auditing Made Easy
November 14 – December 12, 2016.
Online
https://de.ryerson.ca/wa/

Accessibility Summit
March 24-25, 2017.
Online
http://accessibilitysummit.org/

An Event Apart Seattle
April 3-5, 2017.
Seattle, Washington, U.S.A.
https://aneventapart.com/event/seattle-2017

WWW2017
April 3-7, 2017.
Perth, Australia
http://www.www2017.com.au/

+06: HTML5.

HTML 5.1 is a W3C Recommendation

By W3C.

“The Web Platform Working Group has published a W3C Recommendation of HTML 5.1.”

https://www.w3.org/blog/news/archives/5932

The Lost Art of HTML

By Shaun Rashid.

“…Building a good foundation using HTML is like building a good
foundation for a house. Without it, you run the risk of having to deal
with issues that are difficult and expensive to fix later on…”

http://shaunrashid.com/2016/10/31/the-lost-art-of-html/

+07: JAVASCRIPT.

Are We Relying Too Much on JavaScript?

By Mark DuBois.

“…One nagging question keeps coming to my mind – are we preventing
access for some (because of reliance on these frameworks)…”

http://webprofessionals.org/relying-much-javascript/

+08: NAVIGATION.

Cards: UI-Component Definition

By Page Laubheimer.
“A ‘card’ is a UI design pattern that groups related information in a
flexible-size container visually resembling a playing card.”

https://www.nngroup.com/articles/cards-component/

The Golden Rules Of Bottom Navigation Design

By Nick Babich.

“…In this post, we’ll help you better understand the principles of
good navigation for mobile apps, then show you how it’s done using two
popular patterns…”

https://www.smashingmagazine.com/2016/11/ the-golden-rules-of-mobile-navigation-design/

+09: STANDARDS, GUIDELINES & PATTERNS.

Why Do Semantics Matter? (Video)

By Rob Dodson.

“I thought it’d be cool to talk about this idea of semantics, and
really why semantics matter in accessibility, and how they affect
screen readers…”

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

+10: TYPOGRAPHY.

Web Fonts, Boy, I Don’t Know

By Monica Dinculescu.

“…Web fonts are okay. They make your blog prettier. They’re also
slow and kind of an annoying experience, but if you need to use them,
use them. Just remember that it’s also your responsibility to make
your site load super fast…”

http://meowni.ca/posts/web-fonts/

+11: USABILITY.

Shneiderman’s Eight Golden Rules Will Help You Design Better Interfaces

By Euphemia Wong.

“…1. Strive for consistency… 2. Enable frequent users to use
shortcuts… 3. Offer informative feedback… 4. Design dialogue to
yield closure… 5. Offer simple error handling… 6. Permit easy
reversal of actions… 7. Support internal locus of control…
8…Reduce short-term memory load…”

https://www.interaction-design.org/literature/article/ shneiderman-s-eight-golden-rules-will-help-you-design-better-interfaces

Choice Paralysis: 3 Ways the Number of Choices Impacts Conversions

By Marc Schenker.

“Maybe you’ve heard of a phenomenon called choice or analysis paralysis…”

http://www.webdesignerdepot.com/2016/11/ choice-paralysis-3-ways-the-number-of-choices-impacts-conversions/

Are Chinese Websites Too Complex?

By Yunnuo Cheng and Jakob Nielsen.

“Testing finds that Chinese and Western users experience the same
difficulties with complex sites, but Chinese tend to complain less
about complexity and prefer fairly high information density.”

https://www.nngroup.com/articles/china-website-complexity/

A Quick Guide For Designing Better Buttons

By Nick Babich.

“In today’s article, we’ll be covering the essential items you need to
know in order to create effective controls that improve user
experience…”

https://www.smashingmagazine.com/2016/11/ a-quick-guide-for-designing-better-buttons/

Why It’s Time to Prioritize Visual Content

By Paul Boag.

“You should never underestimate the power of visual content. Whether
you have a website, or a blog, the visuals you choose are key to your
marketing strategy. If you’re wondering how you can improve your image
selection today, you’ve come to the right place…”

https://boagworld.com/design/time-prioritize-visual-content/

+16: XML.

SVG Accessibility

By Léonie Watson and Chaals McCathie Nevile.

Léonie and Chaals’s presentation slides from the Graphical Web conference.

http://ljwatson.github.io/decks/2016/graphicalweb/index.html

[Section one ends.]

++ SECTION TWO:

+17: 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 (#188): https://groups.io/g/DigitalScholarship/message/188
View All Messages In Topic (1): https://groups.io/g/DigitalScholarship/topic/3065297

.
-=-=-=-=-=-=-=-=-=-=-=-
Attachments area
Preview YouTube video DrupalCon Dublin 2016: Future Directions for Drupal Accessibility

DrupalCon Dublin 2016: Future Directions for Drupal Accessibility

Preview YouTube video World Usability Day

World Usability Day

Preview YouTube video Why do semantics matter? — #A11ycasts 08

Why do semantics matter? — #A11ycasts 08
.
.
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