.
.
Date: Thu, 28 Jan 2016 06:17:46 -0600
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
Subject: [webdev] Web Design Update: January 28, 2016
+++ WEB DESIGN UPDATE.
- Volume 14, Issue 31, January 28, 2016.
An email newsletter to distribute news and information about web
design and development.
++ISSUE 31 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: TOOLS.
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.
NFB Petition to Release the ADA Internet Regulations
By Jennifer Ann Wilson.
"...Internet ADA regulations were scheduled to be released this
spring, but the U.S. Department of Justice has postponed that until
2018. Now, an online petition is circulating to ask the White House
not to wait any longer..."
http://kstp.com/news/stories/s4022227.shtml
Your Signature Help for Prompt Release of ADA
By Rakesh Paladugula.
"...The National Federation of the Blind (NFB)External Website have
filed a petition, Direct the U.S. Department of Justice to promptly
release the ADA Internet regulations that need your signature. The
last date for signing the petition is FEBRUARY 11, 2016..."
http://www.maxability.co.in/2016/01/
your-signature-help-for-prompt-release-of-ada/
The State of Hidden Content Support in 2016
By Steve Faulkner.
"...All major browsers and screen readers: support the use of the
hidden attribute to hide content; support the use of the CSS
display:none to hide content; support the use of the aria-hidden
attribute to hide visible content from screen reader users..."
https://www.paciellogroup.com/blog/
2016/01/the-state-of-hidden-content-support-in-2016/
The Accessibility Stack - Making a Better Layer Cake
By Devon Persing.
"One way to prevent avoidable issues is to approach building for
accessibility the way you build a web or native app from the ground
up, in a stack of technologies, where each one has its role to
play..."
http://simplyaccessible.com/article/the-accessibility-stack/
How to Design for Accessibility
By Jamie Knight.
"This guideline will introduce accessibility thinking and how to
design usable experiences for everyone..."
http://www.bbc.co.uk/gel/guidelines/how-to-design-for-accessibility
WCAG 2.0 Checklist
By Carlin Scuderi.
A WCAG 2.0 checklist in Google Sheets.
https://docs.google.com/spreadsheets/d/
1FfclVuFW2piDJdSgkkRRQ60UjWrhaxvXpQykNSPqbgU/
Viking & Lumberjack Live - January Edition (Video)
By Billy Gregory and Karl Groves.
"Join the Viking & the Lumberjack with our guests Chris Hofstader and
Léonie Watson to talk about cool stuff happening in Open Source
accessibility, accessibility at the W3C..."
https://www.youtube.com/watch?v=VroAAtBSRb4
+02: CASCADING STYLE SHEETS.
Learn CSS Layout
By Mikito Takada.
"CSS, like the Matrix, is a system based on rules. I wrote this set of
chapters to describe those rules..."
http://book.mixu.net/css/
CSS Specificity is Base-Infinite
By Chris Coyier.
"There is a good amount of information on this site about specificity..."
https://css-tricks.com/css-specificity-is-base-infinite/
Pure CSS Tab Panel
By Thierry Koblentz.
"Most Tab Panel widgets rely on a list of jump links followed by
'sections'. These links are styled as tabs, while the sections are
styled as panels. The problem with this approach is that semantically
it is not the best fit, which forces screen-reader users to create a
complex mental model..."
http://cssmojo.com/pure-css-tab-panel/
+03: DRUPAL.
Generating an Automatic Style Guide for a Drupal 8 Theme
By Andrei Zvonkov.
"...Living style guides are a way to document the visual language,
colour palettes, and typography of a site or application and help
front-end developers transform their code into well described pattern
libraries with minimal effort..."
https://www.appnovation.com/blog/
generating-automatic-style-guide-drupal-8-theme
+04: EVALUATION & TESTING.
Conducting Usability Testing with Real Users' Real Data
By Amy Schade.
"Qualitative user studies benefit from using participants' personal
information, but asking for sensitive information requires preparation
and consideration."
https://www.nngroup.com/articles/users-real-data/
How to Conduct a Usability Study - Quickstart Guide to Remote Usability Testing
By Ege Gorgulu.
"We all know keeping your users at the core and testing consistently
is crucial for any online product or service. However, that's usually
easier said than done..."
http://whatpixel.com/howto-conduct-usability-testing/
7 Survey Types to Measure the Customer Experience
By Jeff Sauro.
"...While customer experience surveys can take on any form, it can be
helpful to think of them as falling into these seven categories..."
http://www.measuringu.com/blog/cux-surveys.php
+05: EVENTS.
SmashingConf San Francisco
April 5-6, 2016.
San Francisco, California, U.S.A.
http://smashingconf.com/sf-2016/
Respond 2016
April 7-8, 2016.
Sydney, Australia
http://www.webdirections.org/respond16/
Respond 2016
April 11-12, 2016.
Melbourne, Australia
http://www.webdirections.org/respond16/
Lone Star PHP
April 7-9, 2016.
Dallas, Texas, U.S.A.
http://lonestarphp.com/
Usability Week - Washington DC
April 10-15, 2016
Washington DC, U.S.A.
https://www.nngroup.com/training/DC/
Now What? Conference
April 13-14, 2016.
Sioux Falls, South Dakota, U.S.A.
http://www.nowwhatconference.com/
Usability Week - Chicago
April 30-May 6, 2016
Chicago, Illinois, U.S.A.
https://www.nngroup.com/training/chicago
+06: HTML5.
Links, Buttons, Submits, and Divs, Oh Hell
By Adrian Roselli.
"The struggle to help developers how to understand the right HTML to
use for visual buttons has been written about over and over. Yet
libraries, frameworks, templates, and by extension, sites &
applications still continue to get it wrong..."
http://adrianroselli.com/2016/01/
links-buttons-submits-and-divs-oh-hell.html
How to Use the Button Element to Improve Accessibility
By Rachel R. Vasquez.
"I'm still here on my ongoing mission of coding accessibly. There is
one HTML element that has become a huge stepping stone for me once I
learned how to properly use it..."
http://rachievee.com/use-button-element-improve-accessibility/
The Elements of HTML
By Steve Faulkner, editor.
"A list of HTML and XHTML elements, past and present..."
http://w3c.github.io/elements-of-html/
+07: JAVASCRIPT.
Aria-Required (property)
By Rakesh Paladugula.
"aria-required property is used on a form element when the user input
is required on the field..."
http://www.maxability.co.in/2016/01/aria-required-property/
+08: MISCELLANEOUS.
Digital is the Transformation Agent, Not the Transformation
By Gerry McGovern.
"Digital is finally reaching a tipping point..."
http://www.cmswire.com/digital-experience/
digital-is-the-transformation-agent-not-the-transformation/
+09: NAVIGATION.
The Crucial Role Deep Linking Should Play in Your Mobile App
By Bobby Emamian.
"...While most Web-site creators have mastered the art of effective
hyperlinking, the mobile community has yet to catch on fully. Sure,
many apps feature hyperlinks-but they're not deep links..."
http://www.uxmatters.com/mt/archives/2016/01/
the-crucial-role-deep-linking-should-play-in-your-mobile-app.php
The Purpose of Site Maps and Other Design Deliverables
By Janet M. Six.
"In this edition of Ask UXmatters, our expert panel discusses the
purpose of site maps..."
http://www.uxmatters.com/mt/archives/2016/01/
the-purpose-of-site-maps-and-other-design-deliverables.php
Using ARIA Roles to Make Your Websites More Accessible
By Jennifer Kyrnin.
"...Learn about the most useful ARIA roles and how to include them
relatively painlessly in your pages..."
http://www.informit.com/articles/article.aspx?p=2464970&WT
+10: TOOLS.
Deque University for Android
By Chris McMeeking.
"Deque University helps teach about Android's Accessibility APIs by
showing how they are used. Designed specifically to be used with
Android's TalkBack screen reader, this app will show how different UI
elements can be made accessible..."
https://play.google.com/store/apps/
details?id=com.dequesystems.accessibility101
Color Contrast Tools
By Dennis Lembree.
"Here are some tools that specifically check for color contrast
accessibility issues on websites..."
http://www.webaxe.org/color-contrast-tools/
Responsive Image Breakpoints Generator
By Responsive Breakpoints.
"Easily generate the optimal responsive image dimensions..."
http://www.responsivebreakpoints.com/
+11: USABILITY.
Priming and User Interfaces
By Raluca Budiu.
"Exposure to a stimulus influences behavior in subsequent, possibly
unrelated tasks. This is called priming; priming effects abound in
usability and web design."
https://www.nngroup.com/articles/priming/
Cognitive Psychology and UX - The Principle of Limited Attention
By User Testing.
"It's physically impossible for us to pay attention to everything in
our environment..."
https://www.usertesting.com/blog/2016/01/21/limited-attention/
+12: XML.
SVG A11y Test Cases
By Charles McCathie Nevile.
"Test cases for SVG accessibility, with and without ARIA..."
http://svg-access-w3cg.github.io/svg-a11y-tests/index.html
[Section one ends.]
++ SECTION TWO:
+13: 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:[log in to unmask]
[Issue ends.]
.
|
