.

.

Date: Thu, 2 Nov 2017 06:33:29 -0500
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>

Subject: [webdev] Web Design Update: November 2, 2017

+++ WEB DESIGN UPDATE.

– Volume 16, Issue 19, November 2, 2017.

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

++ISSUE 19 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: EVALUATION & TESTING.

04: EVENTS.

05: HTML.

06: INFORMATION ARCHITECTURE.

07: JAVASCRIPT.

08: MISCELLANEOUS.

09: NAVIGATION.

10: PHP.

11: TOOLS.

12: TYPOGRAPHY.

13: USABILITY.

SECTION TWO:

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

[Contents ends.]

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Understanding WCAG 2.1: A History of WCAG

By Glenda Sims.

“What is WCAG 2.1? Ooo that’s an exciting question…”

https://www.deque.com/blog/what-is-wcag-2-1-history/

What’s The Void In WCAG 2.0 That The Proposed “Change in Content”

Success Criterion 3.2.6 Attempts To Bridge?

By Sailesh Panchang.

“I strongly believe that the proposed success criterion 3.2.6 in WCAG
2.1 that deals with changes in content is unnecessary as WCAG 2.0
addresses all the contemplated situations very effectively…”

http://www.mindoversight.com/?p=168

Understanding Error Identification: WCAG 2.0 SC 1.3.1 Level A

By Sailesh Panchang.

“…WCAG 2.0 adequately addresses content changes in the form of error
messages including global error messages placed above a form, like,
“Please correct the errors and resubmit the form”. One only has to
invoke the support of the appropriate success criterion while flagging
an accessibility violation.”

http://www.mindoversight.com/?p=159

Does Your Video Need Standard or Extended Description?

By Elisa Edelberg.

“…When deciding which level of service to choose, the simple answer is
that if your video has a lot of space to describe, standard audio
description will be just fine. If your video doesn’t have a lot of
space, extended is the way to go…”

http://www.3playmedia.com/2017/10/31/ does-your-video-need-standard-extended-description/

Procurement is Key for Accessible ICT in the Workplace, Claims New Guide

By Headstar.

“A detailed online resource to help employers purchase effective
accessible technology through their procurement processes has been
released…”

http://www.headstar.com/eablive/?p=1396

DOT Enters Agreements with Airlines to Increase Availability of
Accessible Airport Kiosks and Accessible Airline Mobile Websites

By Transportation.gov.

“…The Department’s agreement with ANA specifies that the airline’s
mobile site must conform to the World Wide Web Consortium (WC3) Mobile
Web Best Practices (MWBP) and that the airline must consult with
individuals with disabilities regarding the mobile site’s
accessibility and usability no later than November 2018…”

https://www.transportation.gov/briefing-room/dot0817

Will Trump DOJ Side with Disabled Plaintiffs in ADA Website Suits?

By Alison Frankel.

“Businesses are not at all happy about a boom in suits by disabled
consumers who claim corporate websites are insufficiently accessible
under the Americans with Disabilities Act…”

https://in.reuters.com/article/legal-us-otc-ada/ will-trump-doj-side-with-disabled-plaintiffs-in-
ada-website-suits-idINKBN1CO2WJ

+02: CASCADING STYLE SHEETS.

DRY CSS: How to Use Declarations Just Once, Effectively

By Jens Oliver Meiert.

“Using declarations just once (‘UDJO’?) is one way to control
repetition in style sheets…”

https://meiert.com/en/blog/dry-css/

+03: EVALUATION & TESTING.

Compare Project

An Erasmus Strategic Partnership between DIAS (DE), Funka (SE) and

BrailleNet (FR).

“…COMPARE (Comparing peer accessibility ratings in evaluation) is a
project that will document and compare differences in current
evaluation practices of experts across Europe…”

http://compare.accessiweb.org

How to Know Which Items to Remove in a Questionnaire

By Jeff Sauro.

“…Here are seven techniques we use to identify which items to remove
or keep, progressing in sophistication (and needed skill and
software)…”

https://measuringu.com/remove-items/

Exhaustive Review or ‘I Can’t Believe It’s Not There’ Phenomenon:
Evidence from Eyetracking

By Kara Pernice.
“Repeatedly scanning the same content can indicate confusion or
engagement. Often, it happens because users’ expectations are not
met.”

https://www.nngroup.com/articles/exhaustive-review-eyetracking/

The Many Facets of a Meaningful Qualitative Research Report

By Margaret Roller.

“…Qualitative reporting requires a thorough and thoughtful process,
one that communicates the richness of the qualitative approach and
ultimately maximizes the Usefulness of the outcomes.”

https://researchdesignreview.com/2017/10/27/ the-many-facets-of-a-meaningful-qualitative-report/

+04: EVENTS

Web Developer Meetup
November 6, 2017.
San Francisco, California, U.S.A.
https://www.w3.org/2017/11/Meetup/

Accessibility Checkers in Word, PowerPoint and Excel
November 7-8, 2017.
Online
http://easi.cc/clinic.htm#november

World Usability Day, Detroit
November 9, 2017.
Detroit, Michigan, U.S.A.
https://www.meetup.com/refreshdetroit/events/243123484/

Pew! Pew! We Wanna Play too! Making Video Games Accessible
November 14, 2017.
Online
https://www.levelaccess.com/resources/ pew-pew-wanna-play-making-video-games-accessible/

PDF Accessibility: Regulations, Risks, and Strategies
November 16, 2017.
Online
http://www.adasoutheast.org/eventscalendar.php?eventid=1417

+05: HTML.

A Free Guide to <head> Elements
By Josh Buchea.
“Below are the essential tags for basic, minimalist websites…”

https://gethead.info/

+06: INFORMATION ARCHITECTURE.

Just-Enough Prototypes Make Communicating Specs More Successful (Video)

By Kim Flaherty.

“High-fidelity prototypes take too long to produce and are
insufficient at identifying the nuances of complex interactions and
logic.”

https://www.nngroup.com/videos/just-enough-prototypes/

Basic UI/UX Design Concept Difference Between Wireframe & Prototype

By Doris Liu.

“…let’s distinguish the two terms clearly…”

https://medium.com/@MPDoris/basic-ui-ux-design-concept-
difference-between-wireframe-prototype-4578f45b53ff

+07: JAVASCRIPT.

Accessible ARIA Accordions

By Scott O’Hara.

“Accordions are commonly used when an interface has large groups of
sectioned content. In these instances the topics or headings are
considered to be the necessary content of the screen…”

http://www.scottohara.me/blog/2017/10/25/accordion-release.html

Collapsible Sections

By Heydon Pickering.

“Collapsible sections are perhaps the most rudimentary of interactive
design patterns on the web. All they do is let you toggle the
visibility of content by clicking that content’s label. Big whoop…”

https://inclusive-components.design/collapsible-sections/

aria-details (property)

By Rakesh Paladugula.

“Aria-details property identifies the element that provides a detailed
explanation of an object…”

http://www.maxability.co.in/2017/10/aria-details-property/

Upgrading DOM Hierarchy for Accessibility with Aria-owns

By Tim Wright.

“For the past couple weeks I’ve been working on accessibility audits
and upgrades to a client website. Most of the updates were pretty
straightforward, but I wanted to call out a specific item that allowed
me to dive deeper into an aria attribute I really hadn’t used before:
aria-owns.…”

http://csskarma.com/blog/aria-owns/

+08: MISCELLANEOUS.

The Meaning of AMP

By Jeremy Keith.

“…three statements that Google’s AMP team are currently peddling as
being true: 1.) AMP is a community project, not a Google project. 2.)
AMP pages don’t receive preferential treatment in search results. 3.)
AMP pages are hosted on your own domain. I don’t think those
statements are even truthy, much less true. In fact, if I were looking
for the right term to semantically describe any one of those
statements, the closest in meaning would be this: A statement used
intentionally for the purpose of deception. That is the dictionary
definition of a lie.”

https://adactio.com/journal/13035

Artificial Intelligence Smart Enough to Fool Captcha Security Check

By Mary-Ann Russon.

“Computer scientists have developed artificial intelligence that can
outsmart the Captcha website security check system…”

http://www.bbc.com/news/technology-41775968

A Generative Vision Model that Trains with High Data Efficiency and
Breaks Text-Based CAPTCHAs

By D. George, W. Lehrach, K. Kansky, M. Lázaro-Gredilla, C. Laan, B.
Marthi, X. Lou, Z. Meng, Y. Liu.

“Learning from few examples and generalizing to dramatically different
situations are capabilities of human visual intelligence that are yet
to be matched by leading machine learning models…”

http://science.sciencemag.org/content/early/2017/10/26/science.aag2612

Data and Stories: the Perfect Combination to Drive Change

By Gerry McGovern.

“One of the most powerful ways to make change happen is to combine
solid data with real stories about the people who make up that data…”

http://gerrymcgovern.com/ data-and-stories-the-perfect-combination-to-drive-change/

AXSChat with Léonie Watson and Patrick Lauke

By Neil Milliken.

Léonie and Patrick speak with Neil. Topics include web standards,
HTML5, CSS, accessibility, DOM scripting, PHP, XML/XSLT, and web
standards evangelism.

http://www.axschat.com/leoniewatsonandpatricklauke/

+09: NAVIGATION.

Best Practices for Designing Cards

By CanvasFlip.

“Cards bring look and usability into your design. Do it right to
provide rich experience to your users.…”

https://uxplanet.org/best-practices-for-designing-cards-a19f53cab052

+10: PHP.

Your First PHP Code

By Tom Butler.

“The following is a short extract from our new book, PHP & MySQL:
Novice to Ninja, 6th Edition, written by Tom Butler and Kevin Yank.…”
https://www.sitepoint.com/first-php-code/

+11: TOOLS.

Koa11y

By Jared Wilcurt.

“Koa11y is a desktop app that allows you to automatically detect
accessibility (a11y) issues on webpages. View sample report generated
by Koa11y…”

https://open-indy.github.io/Koa11y/

Focusingly

By Mikael Åsbjørnsson.

“A JavaScript library for better focus styling…”

https://www.focusingly.net/

+12: TYPOGRAPHY.

Web Typography: Designing Tables to be Read, Not Looked At

By Richard Rutter.

“You may not think about it often, but tables are meant to be read. In
this excerpt from Chapter 2 of his book, Web Typography, Richard
Rutter explains how typography can improve the UX of our rows and
columns.”

https://alistapart.com/article/web-typography-tables

Typography in Mobile Design – 15 Best Practices To Excellent UI

By Trista liu.

“…this article describes essential practices of typography in mobile design…”

https://blog.prototypr.io/ typography-in-mobile-design-15-best-practices-to-excellent-ui-ecbc692bde9f

+13: USABILITY.

Designing Form Layout: Alignment

By Jessica Enders.

“…A straight, unobstructed route is fastest for driving, and also for
form filling…”

https://www.sitepoint.com/designing-form-layout-alignment/

Designing Form Layout: Spacing

By Jessica Enders.

“We can subtly communicate with the user through a few tweaks of spacing…”

https://www.sitepoint.com/designing-form-layout-spacing/

Designing Form Layout: Color

By Jessica Enders.

“Currently, our form doesn’t have much color at all…”

https://www.sitepoint.com/designing-form-layout-color/

Shopping Cart: Auto-Update User’s Quantity Changes and Allow ‘Quantity
0’ (86% Don’t)

By Edward Scott.

“…to ensure the quantity field behaves as users expect, it must 1.)
auto-update as soon as users change the quantity (don’t use ‘Update’
links and only auto-update as users leave the field (i.e., don’t use
the ‘OnBlur’ event), and 2.) allow for ‘quantity: 0’ as a
supplementary way to delete items, but ask users to confirm their
choice (depending on the user’s page context). Yet, it’s currently 86%
of sites that get one or both of these aspects wrong.”

https://baymard.com/blog/auto-update-users-quantity-changes

Ideation in Practice: How Effective UX Teams Generate Ideas

By Aurora Harley.

“Data from 257 UX professionals shows that quality UX ideas come from
ideating early in the design cycle, drawing inspiration from user
research, and working with a group. Many struggle with generating
ideas because they lack time, managerial support, and a methodology
for conducting effective ideation sessions.”

https://www.nngroup.com/articles/ideation-in-practice/

[Section one ends.]

++ SECTION TWO:

+14: 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.]

*

*

Advertisements