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

 

.

.

Date: Thu, 23 Mar 2017 06:20:51 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: March 23, 2017

+++ WEB DESIGN UPDATE.

– Volume 15, Issue 39, March 23, 2017.

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

++ISSUE 39 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: EVALUATION & TESTING.

04: EVENTS.

05: HTML5.

06: INFORMATION ARCHITECTURE.

07: JAVASCRIPT.

08: MISCELLANEOUS.

09: TOOLS.

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.

Sounding Out the Web: Accessibility for Deaf and Hard of Hearing People [Part 2]

By David Swallow.

“…Ruth shares some of the things that make life easier for her on
the web, and we offer some practical tips on how you can improve
accessibility for deaf and hard of hearing people…”

https://www.paciellogroup.com/blog/2017/03/sounding-out-
the-web-accessibility-for-deaf-and-hard-of-hearing-people-part-2/

WCAG 2.1 – It’s Here!

By Chris Pycroft.

“After much deliberation and fine-tuning, the highly-anticipated first
draft of the Web Content Accessibility Guidelines (WCAG) 2.1 has been
released for public comment…”

https://medium.com/@intopia/wcag-2-1-its-here-70abeca88b2f

Mythbuster’s Guide to Accessibility

By Nick Heiner.

“What We’ve Learned About 508 Compliance That All Technologists Can Use…”

https://medium.com/the-u-s-digital-service/
mythbusters-guide-to-accessibility-92ccd88655c6

United Airline’s Accessibility Journey (Video)

By Dennis Deacon.

“In this presentation, Chicago’s very own United Airlines outlines the
journey towards an integrated accessibility program across all digital
interactions with customers, including remediating two transactional
and informational channels. The result was an award-winning website
with major improvements to its website accessibility, particularly for
visitors using screen readers. This extra effort, above and beyond
that needed just for accessibility compliance, made the company’s site
one of the easiest to access and use in the airline industry.”

https://www.youtube.com/watch?v=-4kGVd-cxNI

Cognitive Accessibility 103

By Jamie Knight.

“This article is a summery of a presentation I gave at CSUN in San
Diego on the 2nd of March 2017.”

http://spacedoutandsmiling.com/presentations/cognitive-accessibility-103-csun-2017

Optgroup

By Rajendra Jaladi.

“Earlier developers use to customize the html tags like div, ul, and
li in order to group the related elements in a drop-down list. Most of
such customized widgets are not keyboard accessible and not screen
reader friendly making them completely inaccessible…”
http://www.maxability.co.in/2017/03/optgroup/

7 Web Accessibility Predictions for 2017 and Implications for You

By Cassi Price.

“…here are our predictions for the rest of 2017…”

https://socialmedia.mayoclinic.org/discussion/
7-web-accessibility-predictions-for-2017-and-implications-for-you/

Accessibility Business Case: Spending Your Money Intelligently

By Karl Groves.

“Frequent readers know I write a lot about the business case for
accessibility…”

http://www.karlgroves.com/2017/03/19/
accessibility-business-case-spending-your-money-intelligently

Why UC-Berkeley is Restricting Access to Thousands of Online Lecture Videos

By Sarah Larimer.

“…The online videos from the University of California at Berkeley
offered a free sample of world-class instruction in topics such as
computer science, bioengineering and public health…”

https://www.washingtonpost.com/local/education/why-uc-berkeley-is-
restricting-access-to-thousands-of-online-lecture-videos/
2017/03/15/074e382a-08c0-11e7-a15f-a58d4a988474_story.html

+02: CASCADING STYLE SHEETS.

Hassle-free Full Bleed with *:not()

By Dave Rupert.

“Breaking out of container DIVs with this one weird trick…”

http://daverupert.com/2017/03/full-bleed-with-not/

CSS Grid Layout and Accessibility (Hat Tip to Jennifer Sutton)

By Alexander Ermolaev, Jean-Yves Perrier, scuveedog, and Rachel Andrew.

“…is it possible to go too far with this idea? Is it possible that
we could create an accessibility issue through our use of grids?…”

https://developer.mozilla.org/en-US/docs/Web/CSS/ CSS_Grid_Layout/CSS_Grid_Layout_and_Accessibility

CSS Grid Fallbacks and Overrides

By Rachel Andrew.

“In the interest of not giving the same information to people on
Twitter all day every day, here is another cheatsheet…”

https://www.rachelandrew.co.uk/archives/2017/03/20/ css-grid-fallbacks-and-overrides/

+03: EVALUATION & TESTING.

How to Get the Most Value Out of Remote User Research (Without

Breaking the Bank)

By Rian Van Der Merwe.

“One of the things I love most about the user research process is
that, with a little bit of planning, it scales to fit whatever
time/resource budget you have…”

https://wildbit.com/blog/2017/03/16/ how-to-get-the-most-value-out-of-remote-user-research

8 Things to Consider When Using Online Panels

By Jeff Sauro.

“…Here are 8 things to consider when using a panel in your next
online research study…”

https://measuringu.com/panel-research/

+04: EVENTS.

Ask the UXperts: Accessible Design: Which everyone do you mean? – with
Derek Featherstone
Online
March 30, 2017.
http://uxmastery.com/accessible-design-derek-featherstone/

Funka Accessibility Days
April 4-5, 2017.
Stockholm, Sweden
http://www.funka.com/en/we-offer/funka-accessibility-days/

Generate San Francisco
June 9, 2017.
San Francisco, California, U.S.A.
https://www.generateconf.com/san-francisco

DinosaurJS Conference
June 15, 2017.
Denver, Colorado, U.S.A.
https://dinosaurjs.org/

Fluent
June 19-22, 2017.
San Jose, California, U.S.A.
http://conferences.oreilly.com/fluent/fl-ca

WPCampus Conference
July 14-15, 2017.
Buffalo, New York, U.S.A.
https://2017.wpcampus.org/

+05: HTML5.

Inclusive Components

By Heydon Pickering.

“A blog trying to be a pattern library. Each post explores the design
of a robust, accessible interface component.”

http://inclusive-components.club/

How You Can Use HTML5 Custom Data Attributes and Why

By Gajendar Singh.

“In this article, I am going to show you how you can use HTML5 custom
data attributes. I’m also going to present you with some use cases
that you can find helpful in your work as a developer…”

https://www.sitepoint.com/how-why-use-html5-custom-data-attributes/

+06: INFORMATION ARCHITECTURE.

Presenting Our New Taxonomy Beta!

By Graeme Claridge.

“…When finished, the taxonomy will group together all content on the
site in a meaningful and intuitive way, using a hierarchical
structure. It will consist of many ‘topics’ and ‘subtopics’, to which
all content items will be tagged…”

https://insidegovuk.blog.gov.uk/2017/03/21/
presenting-our-new-taxonomy-beta/

+07: JAVASCRIPT.

ECMAScript 2017 and Beyond (Video)

By Axel Rauschmayer.

Dr Rauschmayer’s 1 hour presentation at the Rolling Scopes conference
in Belarus.

https://www.youtube.com/watch?v=5Kw4XVSb4P4

+08: MISCELLANEOUS.

I Invented the Web. Here Are Three Things We Need to Change to Save It

By Tim Berners-Lee.

“…over the past 12 months, I’ve become increasingly worried about
three new trends, which I believe we must tackle in order for the web
to fulfill its true potential as a tool that serves all of
humanity…”

https://www.theguardian.com/technology/2017/mar/11/ tim-berners-lee-web-inventor-save-internet

Met Museum Makes 375,000 Images Free

By Joshua Barone.

“All images of public-domain artworks in the Metropolitan Museum of
Art’s collection – about 375,000 – are now free for anyone to use
however they may please…”

https://www.nytimes.com/2017/02/07/arts/design/ met-museum-makes-375000-images-available-for-free.html

+09: TOOLS.

Hex Naw

By The Scenery.

“Hex Naw is a tool that helps designers and developers test entire
color systems for contrast and accessibility…”

https://hexnaw.com/

+10: USABILITY.

Scanning Patterns on the Web Are Optimized for the Current Task
By Kara Pernice.

“How users attend to information on a page depends on their tasks and
goals, as confirmed by new eyetracking research. Good design promotes
efficient scanning. In usability studies, (biased) task formulation
may tip users to discover features.”

https://www.nngroup.com/articles/eyetracking-tasks-efficient-scanning/

Experience Design: Bridging Brand Intention and Brand Interpretation

By Kate Kaplan.

“Branding elements and interaction design guidelines can bridge the
gap between how a company constructs its identity and how its
customers experience it.”

https://www.nngroup.com/articles/brand-intention-interpretation/

The 7 Factors that Influence User Experience

By Interaction Design.

“Let’s take a look at each factor in turn and what it means for the
overall user experience…”

https://www.interaction-design.org/literature/article/ the-7-factors-that-influence-user-experience

A Rant Against Pretty Designs

By  Miklos Philips.

“Digital product designers worth their salt and wanting to elevate
their game know it’s essential to leave their ego at the door and to
steer clear of unnecessary flourishes, self-serving public parading,
and pointless audience seduction…”

http://www.toptal.stfi.re/designers/ui/a-rant-against-pretty-app-designs

+11: XML.

7 Solutions for Creating More Accessible SVGs

By SA Team.

“…Here are some things to consider when it comes to SVGs and accessibility…”

http://simplyaccessible.com/article/7-solutions-svgs/

[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/Reply Online (#278): https://groups.io/g/DigitalScholarship/message/278
View All Messages In Topic (1): https://groups.io/g/DigitalScholarship/topic/4651252

*
-=-=-=-=-=-=-=-=-=-=-=-

Attachments area
Preview YouTube video United Airline’s Accessibility Journey

United Airline’s Accessibility Journey

Preview YouTube video Dr. Axel Rauschmayer – ECMAScript 2017 and beyond

Dr. Axel Rauschmayer – ECMAScript 2017 and beyond
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