[webdev] Web Design Update: April 17, 2015

Laura Carlson lcarlson at d.umn.edu
Fri Apr 17 06:08:02 CDT 2015


+++ WEB DESIGN UPDATE.
- Volume 13, Issue 43, April 17, 2015.

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

++ISSUE 43 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: MISCELLANEOUS.
09: NAVIGATION.
10: TYPOGRAPHY.

SECTION TWO:
11: What Can You Find at the Web Design Reference Site?

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility is Not What You Think
By Paul Boag.
"Accessibility is not just about meeting the needs of the disabled or
catering for edge cases. Accessibility impacts everybody..."
https://boagworld.com/accessibility/accessibility-is-not-what-you-think/

3 Reasons Why Closed Captions Increase YouTube Views
By Emily Griffin.
"If you're a video producer on YouTube looking for a growth hack,
don't underestimate the power of adding closed captions..."
http://www.3playmedia.com/2015/04/03/3-reasons-why-closed-captions-increase-youtube-views/

Audio Description in Safari and Yosemite?
By Terrill Thompson.
"In this blog post, I have questions, not answers. However, there will
hopefully be answers in the Comments section..."
http://terrillthompson.com/blog/630

Comparison of Browsers on HTML5 Video Accessibility: 2015 Update
By Terrill Thompson.
"This is an update to my earlier Comparison of Browsers on HTML5 Video
Accessibility, published two years ago..."
http://terrillthompson.com/blog/635

Website Accessibility Audits - Three Common Fails
By Tim Lohman.
"we've put together the three most common mistakes we find, which also
have the bonus of being relatively easy to fix..."
http://www.accessiq.org/news/news/2015/04/website-accessibility-audits-three-common-fails

7 Things Every Designer Needs to Know about Accessibility
By Jesse Hausler.
"Accessibility enables people with disabilities to perceive,
understand, navigate, interact with, and contribute to the web.
Imagine a world where developers know everything there is to know
about accessibility. You design it and they build it... perfectly. In
this world, only the design itself can cause people with disabilities
to have trouble using a product..."
https://medium.com/salesforce-ux/7-things-every-designer-needs-to-know-about-accessibility-64f105f0881b

Ten Guidelines to Improve the Usability and Accessibility of Your Site
By Trip Rems.
"Accessibility and usability are the foundations for creating a great
user experience. By making a Website that is both accessible and
usable, you have the best chance to improve other facets of a
successful web presence."
http://usabilitygeek.com/guidelines-improve-usability-accessibility/


+02: CASCADING STYLE SHEETS.

CSS Cascading and Inheritance Level 3
By Elika J. Etemad, Tab Atkins, editors.
"This CSS module describes how to collate style rules and assign
values to all properties on all elements. By way of cascading and
inheritance, values are propagated for all properties on all
elements..."
http://www.w3.org/TR/2015/CR-css-cascade-3-20150416/

The Screen-Reader-Text Class, Why and How?
By Rian Rietveld.
"Imagine you are blind, how do you understand a website? You would use
a screen reader. All the text in a website is read out loud for you,
from top to bottom. To navigate a site you can call a link list and a
headings list..."
http://blog.rrwd.nl/2015/04/04/the-screen-reader-text-class-why-and-how/

Responsive Tables in Pure CSS
By Will Wallace.
"We recently overhauled our payment statement tables for mobile web in
Merchant Center. Our goal was to meet the following requirements..."
https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/

More Control over Text Decoration
By Chris Coyier.
"But you may not be aware that there is more you can do with this
property, as well as various sub-properties offering more fine-grained
control..."
https://css-tricks.com/more-control-over-text-decoration/

3 Things (Almost) No One Knows About CSS
By Kevin Yank.
"Think you know CSS? If the results of a free CSS test I've offered
online for the past six months are anything to go on, plenty of
practicing developers don't know CSS as well as they think..."
http://www.sitepoint.com/3-things-almost-one-knows-css/


+03: DRUPAL.

Best Accessible Audio Player
By Steve Kessler.
"I am looking for the best accessible audio player that is available
for Drupal. I have looked at a couple and none of them appear to be
that good. I found a native HTML 5 player that tests well but I do not
see this for Drupal..."
https://groups.drupal.org/node/464908


+04: EVALUATION & TESTING.

5 Concepts to Master When Conducting Quantitative Research
By Jeff Sauro.
"You don't need to be a data scientist, database admin, or statistical
maven to conduct quantitative research. You must, however, have a good
grounding in some fundamental concepts to make the most of the
efforts."
http://www.measuringu.com/blog/five-quant-concepts.php


+05: EVENTS.

The Future of Video Player Accessibility - 3Play Media
May 21, 2015.
Webinar
http://info.3playmedia.com/webinar-registration-04-22-2015.html

Digital and Technology Access: the Role of Law I, the Limits of Law
May 21, 2015.
Webinar
http://www.ada-audio.org/Webinar/AccessibleTechnology/Schedule/


+06: HTML5.

How to Code in HTML5 and CSS3
By Damian Wielgosik.
"A book that helps people start making websites..."
http://howtocodeinhtml.com/

ARIA in HTML
By Steve Faulkner, editor.
"This specification defines the web developer rules (author
conformance requirements) for the use of [wai-aria-1.1] attributes on
[HTML51] elements. It also defines requirements for Conformance
Checking tools..."
http://www.w3.org/TR/html-aria/

On HTML Belts and ARIA Braces
By Steve Faulkner.
"The question of whether HTML elements need the addition of ARIA role
attibutes to expose their semantics, is one that surfaces on a regular
basis. The answer is maybe for a subset of elements, but increasingly
no..."
http://html5doctor.com/on-html-belts-and-aria-braces/


+07: JAVASCRIPT.

How Do I Handle JavaScript and Accessibility
By David Kennedy.
"When I give presentations on accessibility, I often get one or two
questions I've fielded before. I've collected a handful for an ongoing
series of posts with my answers. I hope it helps you understand
accessibility better..."
http://davidakennedy.com/2015/04/08/accessibility-answers-how-do-i-handle-javascript-and-accessibility/

jQuery Accessible Tab Panel System, using ARIA
By Nicolas Hoffmann.
"This jQuery plugin will transform a simple list of anchors to
contents into a tabpanel system, using ARIA."
http://a11y.nicolas-hoffmann.net/carrousel/

New Number and Math Features in ES6
By Axel Rauschmayer.
"This blog post describes the new number and Math features of ECMAScript 6..."
http://www.2ality.com/2015/04/numbers-math-es6.html

Keeping it Simple - Coding a Carousel
By Christian Heilmann.
"In this article I want to approach the creation of a carousel
differently: by keeping it as simple as possible whilst not breaking
backwards compatibility or have any dependencies. Things break on the
web. JavaScript might not be loaded, CSS capabilities vary from
browser to browser. It is not up to us to tell the visitor what
browser to use. And as good developers we shouldn't create interfaces
that look interactive but do nothing when you click them. So, let's
have a go at building a very simple carousel that works across
browsers without going overboard..."
http://christianheilmann.com/2015/04/08/keeping-it-simple-coding-a-carousel/


+08: MISCELLANEOUS.

What can Web Designers Learn from the Past?
By creativebloq.
"The web is busy hurtling along at a startling pace, but what lessons
can designers learn by pausing and taking a look backwards?..."
http://www.creativebloq.com/web-design/what-can-web-designers-learn-past-41514659


+09: NAVIGATION.

No More Pogo Sticking - Protect Users from Wasted Clicks
By Aurora Bedford.
"Misleading links and omitted information force users to bounce back
and forth in a hub-and-spoke pattern, between a routing page and
subpages linked from it."
http://www.nngroup.com/articles/pogo-sticking/

Page Scrolling in Mobile Safari and VoiceOver
By Marcy Sutton.
"When I redesigned this website in November 2014, I had a design
aesthetic in mind for the main navigation: a 'hamburger' menu icon in
the top right corner exposing a list of links on the right side on
click or tap, effectively sliding the page out of the way..."
http://marcysutton.com/page-scrolling-in-mobile-safari-voiceover/


+10: TYPOGRAPHY.

On Fonts and Dyslexia
By Neil Milliken.
"One of the most frequent questions I get asked is around using
special fonts for people with dyslexia..."
https://atrophiedmind.wordpress.com/2015/04/16/on-fonts-and-dyslexia/

Typography on the Web with Mark Boulton
By Paul Boag.
"This week on the Boagworld Web Show we talk to Mark Boulton about the
do's and dont's of web typography..."
https://boagworld.com/season/11/episode/1114/

Tests
By James Nurthen.
"More and more we are seeing font icons on the web. This is a test to
see if these can be used in a manner which still supports screen
readers..."
http://jnurthen.users.sonic.net/test.html


[Section one ends.]


++ SECTION TWO:

+11: 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 at d.umn.edu


[Issue ends.]


More information about the Webdev mailing list