[DigitalScholarship] [webdev] Web Design Update: February 17, 2016

 

.

.

Date: Wed, 17 Feb 2016 06:29:37 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: February 17, 2016

+++ WEB DESIGN UPDATE.

– Volume 14, Issue 34, February 17, 2016.

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

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

03: EVALUATION & TESTING.

04: EVENTS.

05: HTML5.

06: INFORMATION ARCHITECTURE.

07: JAVASCRIPT.

08: TOOLS.

09: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Captions and YouTube

By Dennis Lembree.

“Video captions are obviously necessary for users with a hearing
impairment to access the audio content…”

http://www.webaxe.org/captions-and-youtube/

Supporting the Keyboard for Mobile

By Devon Persing.

“Keyboard support means you have the freedom to use your hardware in
the way that is most efficient and effective for you, which is really
the whole point of inclusive design. But how do we get to keyboard
accessibility for touch interfaces?…”

http://simplyaccessible.com/article/mobile-keyboard-support/

Summary – How to Apply WCAG 2.0 to Mobile Devices

By Virginia DeBolt.

“…4 posts published recently that distill the information from the
W3C about how the guidelines and principles of WCAG 2.0 apply to
mobile devices…”

http://www.webteacher.ws/2016/02/16/summary-apply-wcag-2-0-mobile-devices/

Troubling Web Accessibility Trends in the U.S.

By Debra Ruh.

“…So why does the United States litigate so much?..”

http://ruhglobal.com/2016/02/13/3779/

Stop the ADA Trolls

By Chris Hofstader.

“Over the past year or so, an increasingly large number of people have
come to me with the suggestion that I write an article about various
ADA and Section 508 related lawsuits going on around the country…”

http://chrishofstader.com/stop-the-ada-trolls/

+02: COLOR.

The Colour Blue is Trending Worldwide. Here’s Why.

By Lauren Kelly.

“How did humble blue go from having no name in the antiquities to
being the world’s favourite and most used color?…”

http://formforthought.com/rise-of-blue-in-web-graphic-design/

+03: EVALUATION & TESTING.

Are Your Personas Outdated? Know When It’s Right To Revise

By Kim Flaherty.

“Up-to-date personas result in a better UX design process. Data from
156 companies provide a baseline to understand how often to revise
personas. Knowing when and how frequently to make updates will help
you craft personas that are both accurate and effective…”

https://www.nngroup.com/articles/revising-personas/

+04: EVENTS.

HTML5 Introduction
Starts April 4, 2016.
Online.
https://www.edx.org/course/html5-introduction-w3cx-html5-0x

Web Design Day 2016
June 23-24, 2016.
Pittsburgh, Pennsylvania, U.S.A.
http://www.webdesignday.com/

Code 2016 Sydney
July 28-29, 2016.
Sydney, Australia
http://www.webdirections.org/code16/

Code 2016 Melbourne
August 1-2, 2016.
Melbourne, Australia
http://www.webdirections.org/code16/

An Event Apart Chicago
August 29-31, 2016.
Chicago, Illinois, U.S.A.
http://aneventapart.com/event/chicago-2016

WebVisions Chicago
September 21-23, 2016.
Chicago, Illinois, U.S.A.
http://www.webvisionsevent.com/chicago/

+05: HTML5.

How to Use ARIA Effectively with HTML5

By Georgie Luhur.

“ARIA stands for ‘Accessible Rich Internet Applications’ and can help
make your website more accessible to people with disabilities…”

http://www.sitepoint.com/how-to-use-aria-effectively-with-html5/

Does Placeholder Text AND aria-describedby Work on a Form Field

By David MacDonald.

“…at the present time I cannot advise authors to rely on BOTH
aria-describedby AND placeholder text for screen reader users on
Windows. Aria-describedby wins, placeholder text is usually lost to
blind users in this case…”

http://www.davidmacd.com/blog/test-placeholder-text-aria-describedby.html

+06: INFORMATION ARCHITECTURE.

Creating Content Wireframes For Responsive Design

By Tom Green.

“…In this post, I’ll describe the methods I use to get from content
to responsive wireframe – and how you can, too…”

https://www.smashingmagazine.com/2016/02/create-content-wireframes-for-responsive-design/

The Three Views of (Information) Architecture

By Dan Klyn.

“The sitemap experience I discuss in this article was part of a client
project my team has now successfully delivered…”

http://www.uxbooth.com/articles/three-views-of-information-architecture/

The Pain With No Name

By Abby Covert.

“Twenty-five years into designing and developing for the web and we
still collectively suck at information architecture.”

http://alistapart.com/article/pain-with-no-name

+07: JAVASCRIPT.

How to Toggle Aria-Expanded and other WAI-ARIA Values with JavaScript

By David MacDonald.

“…For all those who are not JavaScript programmers, here is some
simple code to toggle the value of aria-expanded…”

http://davidmacd.com/blog/toggle-aria-expanded-javascript.html

+08: TOOLS.

Contast-A

By Annika Hamann.

“The application allows users to experiment with color combinations,
examine them under the aspect of accessibility guidelines and to
create custom color palettes. Contrast-A checks color combinations for
sufficient contrast and displays the results according to WCAG 2.0
(Luminance Ratio) as well as the results according to older
accessibility guidelines, WCAG 1.0 (Difference in Brightness and
Color).”

http://www.dasplankton.de/ContrastA/

TestMyCSS

By Luke Fender.

“Optimize CSS delivery by checking for redundancy, validation errors,
and following best practices…”

http://www.testmycss.com/

+09: USABILITY.

Mobile Websites – Mobile-Dedicated, Responsive, Adaptive, or Desktop Site?

By Raluca Budiu.

Different approaches to implementing mobile websites have each their
advantages and disadvantages. The same mobile user-experience
principles apply independent of implementation.

https://www.nngroup.com/articles/mobile-vs-responsive/

[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 This Message (#76): https://groups.io/g/DigitalScholarship/message/76

.

.

[DigitalScholarship] [webdev] Web Design Update: February 17, 2016

Leave a comment