[Educator-Gold] [webdev] Web Design Update: February 11, 2016

 

.

.

Date: Thu, 11 Feb 2016 06:15:24 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: February 11, 2016

+++ WEB DESIGN UPDATE.

– Volume 14, Issue 33, February 11, 2016.

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

++ISSUE 33 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: NAVIGATION.

07: PHP.

08: TYPOGRAPHY.

09: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Mobile Accessibility – How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile
By W3C.

“This document provides informative guidance (but does not set
requirements) with regard to interpreting and applying Web Content
Accessibility Guidelines (WCAG) 2.0 [WCAG20] to web and non-web mobile
content and applications. ..”

https://www.w3.org/TR/mobile-accessibility-mapping/

About ALT TEXT and Graphics

By Steve Faulkner.

“A discussion occured on A11ySlackers gitter channel last evening
about whether use of the following markup pattern was a WCAG 2.0
failure…”

https://www.paciellogroup.com/blog/2016/02/ short-note-on-use-of-alt-and-the-title-attribute/

The Accessibility Tree

By WhatSock.

“At the top level, the first concept to understand is the platform
Accessibility API, which is an integral part of each Operating
System…”

http://whatsock.com/training/

Implementing an Accessibility Policy – An Insider’s Guide

By Lucy Greco and Anna Gazdowicz.

“To successfully access website and application information, people
with disabilities depend on technologies that adhere to specific
design principles and standards that can increase usability for
everyone. The Web Accessibility team at the University of California,
Berkeley, has tested hundreds of websites and learned many lessons
about how to implement and sustain accessibility efforts…”

http://er.educause.edu/articles/2016/2/ implementing-an-accessibility-policy-an-insiders-guide

Engaging Accessibility: 4 Tips for CIOs (Video)

By Lucy Greco.

“…here is a quick video about how to think about access in a large
institution…”

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

Three Common Accessibility Pitfalls for Developers – Text Alternatives

By Julie Grundy.

“It might not surprise you to learn that errors with text alternatives
were the third most common problem we found…”

http://simplyaccessible.com/article/three-pitfalls-text-alternatives/

4 Ways to Make Online Content More Accessible

By Jacqueline Tolisano.

“…Jane is an outgoing college student who happens to be vision impaired…”

http://www.uxbooth.com/articles/ 4-ways-to-make-online-content-more-accessible/

Top Ten Inclusive Design Lessons

By Mary Elizabeth (M.E.) Miller.

“I have learned to approach accessibility like any other design challenge…”

http://ageandability.com/2016/01/14/top-ten-inclusive-design-lessons/

The Top 5 Most Costly Accessibility Issues

By Alison Walden.

“I get the opportunity through my work to audit many large scale web
experiences for accessibility compliance. In the past year alone I
have audited web properties across a variety of industries including
transportation (two major airlines in China, a regional Canadian
airline), retail (a major Canadian supermarket chain), fashion retail
(a Canadian luxury department store), and education (college presence
for one of the largest retail booksellers in the US).”

http://159.203.12.134/2016/02/06/ the-top-5-most-costly-accessibility-issues/

Report and Recommendation Denying Harvard and MIT’s Motion to
Dismiss/Stay (PDF)

By US Court, District of Massachusetts.

US District Court refused to dismiss the cases against Harvard and MIT
for not captioning videos.

http://creeclaw.org/wp-content/uploads/ 2016/02/2016-02-09-50-Report-and-Rec-re-MTD.pdf

http://creeclaw.org/wp-content/uploads/ 2016/02/2016-02-09-51-Report-and-Rec-re-MTD.pdf

+02: CASCADING STYLE SHEETS.

Flexbox and the Keyboard Navigation Disconnect

By Leonie Watson.

“CSS Flexbox can create a disconnect between the DOM order and visual
presentation of content, causing keyboard navigation to break…”

http://tink.uk/flexbox-the-keyboard-navigation-disconnect/

CSS Variables – Why Should You Care?

By Rod Dodson.

“CSS variables, more accurately known as CSS custom properties, are
landing in Chrome 49. They can be useful for reducing repetition in
CSS, and also for powerful runtime effects like theme switching and
potentially extending/polyfilling future CSS features…”

https://developers.google.com/web/updates/2016/02/ css-variables-why-should-you-care

Sass – The @extend Directive

By Steven Bradley.

“Have you ever wanted one selector to inherit the styles of another?”

http://vanseodesign.com/css/sass-the-extend-directive/

+03: DRUPAL.

Required alt Tag Missing on Image alt Tag Input

By Drupal.org.

“…Proposed resolution: Add the “required” attribute to this field….”

https://www.drupal.org/node/1906264

+04: EVALUATION & TESTING.

5 Steps to Conducting an Effective Expert Review

By Jeff Sauro.

“…The following five steps for conducting an effective expert review
aren’t going to make you an “expert” in interface evaluation
immediately, but if you apply them with enough practice eventually
they might…”

http://www.measuringu.com/blog/expert-review-five.php

+05: EVENTS.

CHI 2016
May 7-12, 2016.
San Jose, California, U.S.A.
https://chi2016.acm.org/

DRUPALCON New Orleans
May 9-13, 2016.
New Orleans, Louisiana, U.S.A.
https://events.drupal.org/neworleans2016

Gel Conference
May 11-13, 2016.
New York City, New York, U.S.A.
http://creativegood.com/gel/

UX London 2016
May 18-20, 2016.
London, United Kingdom
http://2016.uxlondon.com/

M-Enabling Summit
June 13-14, 2016.
Washington, D.C., U.S.A.
http://www.m-enabling.com/

CSS-Day
June 16-17, 2016.
Amsterdam, The Netherlands
http://cssday.nl/2016

+06: NAVIGATION.

The Quick Guide to Writing Link Text

By Luke McGrath.

“Useful links are an essential part of an optimised digital user experience…”

https://www.wuhcag.com/writing-link-text/

+07: PHP.

PHP Arrays – The Php Array Functions

By Michelangelo van Dam.

“…I want to dive into real fun and explain PHP’s array functions
with real-world examples and how you can apply them in your day-to-day
work…”

http://www.dragonbe.com/2016/02/php-arrays-php-array-functions.html

+08: TYPOGRAPHY.

Typography and Dyslexia

By Bigelow and Holmes.

“What is missing from these news reports is scientific evidence that
special dyslexia fonts are actually better for dyslexic readers than
commonly used fonts…”

http://bigelowandholmes.typepad.com/bigelow-holmes/ 2014/11/typography-dyslexia.html

+09: USABILITY.

Usability Testing of Icons

By Aurora Bedford.

“To ensure that people understand the meaning and purpose of icons,
conduct multiple types of tests at various stages of the
product-development cycle.”

https://www.nngroup.com/articles/icon-testing/

User Intent Affects Filter Design

By Katie Sherwin.

“Results pages that refresh too soon or shift the page position
disrupt the filtering process. Design filters and facets to offer a
smooth user experience.”

https://www.nngroup.com/articles/applying-filters/

Designing for the Extremes (or Why Your Average User Doesn’t Exist)

By Susana Gonzalez Ruiz.

“One of the biggest mistakes companies can make is designing services
and products for the average user, an artificial and static
representation of real users that generates dysfunctions.
Interestingly, the solution lies in the extremes…”

http://sugoru.com/2013/07/14/designing-for-the-extremes/

[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 (#1231): https://groups.io/g/Educator-Gold/message/1231

 

.

 

.

Advertisements
Standard

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