[DigitalScholarship] [webdev] Web Design Update: January 28, 2016

 

.

.

Date: Thu, 28 Jan 2016 06:17:46 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
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:lcarlson@d.umn.edu

[Issue ends.]

.

-=-=-=-=-=-=-=-=-=-=-=-

 

 

 

Groups.io Links:

You receive all messages sent to this group.

View This Message (#67): https://groups.io/g/DigitalScholarship/message/67

 

.

 

.

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