.
.
Date: Thu, 2 Nov 2017 06:33:29 -0500
From: Laura Carlson <[log in to unmask]>
To: webdev <[log in to unmask]>
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:[log in to unmask]
[Issue ends.]
--
*
*
|