[webdev] Web Design Update: June 12, 2018

David Dillard
 



Laura Carlson <lcarlson@d.umn.edu>

Jun 12, 2018, 8:18 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 51, June 12, 2018.

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

++ISSUE 51 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: NAVIGATION.
07: TYPOGRAPHY.
08: USABILITY

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Cognitive Accessibility Roadmap and Gap Analysis
Lisa Seeman and Michael Cooper, Editors
"This document is a gap analysis and roadmap for the state of
accessibility for people with learning and cognitive disabilities when
using the Web and information technologies…"
https://www.w3.org/TR/coga-gap-analysis/

Web Content Accessibility Guidelines (WCAG) 2.1
By Patrick H. Lauke.
"…WCAG 2.1 builds on top of WCAG 2.0, and it still incorporates all
the guidelines and success criteria of 2.0. As such, it is
backwards-compatible: a site that adheres to WCAG 2.1 automatically
also adheres to WCAG 2.0…"
https://developer.paciellogroup.com/blog/2018/06/web-content-accessibility-guidelines-wcag-2-1/

World Wide Web Publishes Expanded Web Accessibility Guidelines
By Kristina M. Launey and Minh N. Vu.
"…Four years in the making, WCAG 2.1 "fills gaps" in WCAG 2.0 by
adding 17 additional success criteria to address additional
accessibility barriers…"
http://www.mondaq.com/unitedstates/x/708444/IT+internet/World+Wide+Web+Publishes+Expanded+Web+Accessibility+Guidelines

The Generally Prevailing Website Accessibility Guidelines Have Been
Refreshed - Its Time to Officially Welcome WCAG 2.1
By Joshua A. Stein.
"The WCAG 2.1 is intended to provide a better web experience for three
major groups of individuals:  users with cognitive or learning
disabilities, users with low vision, and users with disabilities using
mobile devices. "
https://www.natlawreview.com/article/generally-prevailing-website-accessibility-guidelines-have-been-refreshed-it-s-time

WCAG 2.1 is a Technical Recommendation
By Joshue O Connor.
…"W3C has announced a significant update to W3C's
internationally-recognised Web Content Accessibility Guidelines which
addresses accessibility of web content, websites and web applications
on desktops, laptops, tablets, and mobile devices…"
http://interaccess.ie/wcag21-hits-tr/

WCAG 2.1 Released; LFLegal.com Part of the Process
By Lainey Feingold.
"WCAG 2.1 is intended to fill in some of the gaps in WCAG 2.0 that
have developed in the ten years since it was first adopted…"
http://www.lflegal.com/2018/06/wcag-2dot1/

Web Content Accessibility Guidelines WCAG 2.1 is Now W3C Recommendation
By Rakesh Paladugula.
"W3C has notified Web Content Accessibility Guidelines 2.1 (WCAG 2.1)
as W3C recommendation on June 5, 2018…"
http://www.maxability.co.in/2018/06/web-content-accessibility-guidelines-wcag-21-now-w3c-recommendation/

Making Your Website Accessible Part 4: WCAG 2.1
By Cynthia Ng.
"The latest revision of the Web Content Accessibility Guidelines
(WCAG), version 2.1, was recently published…"
https://cynthiang.ca/2018/06/11/making-your-website-accessible-part-4-wcag-2-1/

What Is 99% Accuracy, Really?
By Sofia Enamorado.
"…A 99% accuracy rate means that there is a 1% chance of error or a
leniency of 15 errors total per 1,500 words…"
https://www.3playmedia.com/2018/06/06/what-is-99-accuracy-really/

Our Take Away from WebAIM's Web
By Sathish Kumar.
"…The results are quite surprising and in some ways, healthy too.
We'll discuss the results and our take-away in general…"
https://www.digitala11y.com/our-take-away-from-webaims-web-accessibility-practitioners-survey-2-results/

Ed Department Reconsidering Previously Settled Disability Complaints
By Hannah Lang.
"The U.S. Department of Education has quietly renegotiated hundreds of
disability-related civil rights agreements with schools…"
https://www.disabilityscoop.com/2018/06/07/ed-reconsidering-complaints/25163/


+02: CASCADING STYLE SHEETS.

CSS Speech Module
Daniel Weck, Editor.
"…The Speech module defines aural CSS properties that enable authors
to declaratively control the rendering of documents via speech
synthesis, and using optional audio cues…"
https://www.w3.org/TR/2018/NOTE-css3-speech-20180605/

Specificity in :not(), :has(), and :matches()
By Eric A. Meyer.
"A few years back, I wrote a short post on specificity, element
proximity, and the negation pseudo-class.  Everything in it is still
accurate and relevant, but I have some updates to share…"
https://meyerweb.com/eric/thoughts/2018/06/05/specificity-in-not-has-and-matches/

A Comprehensive Guide to Flexbox Alignment
By Anna Monus.
"Alignment is probably the most confusing aspect of flexbox…"
https://webdesign.tutsplus.com/tutorials/a-comprehensive-guide-to-flexbox-alignment--cms-30183


+03: EVALUATION & TESTING.

Bullet Proof Ethnography and User Research: Tips, Tricks and Gotchas
By Laura Yarrow.
"This list represents many hours of toil from working on a variety of
large and small field research projects…"
https://www.experienceux.co.uk/ux-blog/2018/06/05/bullet-proof-ethnography-and-user-research-tips-tricks-and-gotchas/

The UX of User Research Surveys
By Sarah Doody.
"Chances are youve probably done, and maybe even written, a few
surveys. But lets talk about the UX of surveys. Have you ever stopped
the consider the experience someone has while filling out a survey?…"
https://www.invisionapp.com/blog/ux-user-research-surveys/

How to Build a Dedicated Usability Lab
By Jeff Sauro.
"…if you or your organization conducts more than the occasional
usability test, which it probably should (another topic in itself),
you may want to consider setting up a dedicated usability lab…"
https://measuringu.com/build-usability-lab/


+04: EVENTS.

Monthly Accessibility Webinar
July 10, 2018.
Online.
http://www.maxability.co.in/2018/06/accessibility-webinar-july-2018/

BigDesign
September 20-22, 2018.
Dallas, Texas, U.S.A.
https://bigdesignevents.com/

EuroIA
September 27-29, 2018.
Dublin, Ireland
https://euroia.org/

Raleigh UX Conference
October 1-5, 2018.
Raleigh, North Carolina, U.S.A.
https://www.nngroup.com/training/raleigh/

Paris Web
October 4-6, 2018.
Paris, France
https://www.paris-web.fr/

edUi 2018
October 8-10, 2018.
Charlottesville, Virginia, U.S.A.
https://www.eduiconf.org/

San Francisco Accessibility Bootcamp
November 12, 2018.
San Francisco, California, U.S.A.
https://www.eventbrite.com/e/san-francisco-accessibility-bootcamp-tickets-46889169769


+05: HTML.

HTML Buddies: <dt> and <dd>
By Adrian Roselli.
"Description (nee definition) lists are a bit of an outlier in HTML
lists. Like ordered and unordered lists, they can be nested. Unlike
ordered and unordered lists, they are made up of key/value pairs.…"
https://codepen.io/aardrian/full/NzGaKP/


+06: NAVIGATION.

Quick Links, Slow Links and Bad Navigation Design
By Gerry McGovern.
"Just because something is used doesn't mean that it is useful. Design
decisions can create the wrong expectations and can send people on
journeys that will end up in failure.…"
http://gerrymcgovern.com/quick-links-slow-links-and-bad-navigation-design/


+07: TYPOGRAPHY.

Understanding SC 1.4.4 Resize Text
By Sathish Kumar.
"This success criterion requires that the text - both static and that
are part of user interface components that are visible to the users
must be resizable (scalable) to 200% without the help of any assistive
technologies like screen magnifiers…"
https://www.digitala11y.com/understanding-sc-1-4-4-resize-text/


+08: USABILITY.

Focus on Results, Not on Perfect UX (Video)
By Don Norman.
"When designing, think about what the person is trying to accomplish.
Don't let the design get in the way."
https://www.nngroup.com/videos/focus-results-not-perfect-ux-don-norman/

Form Fields - Required vs Optional
By Jordane Sanson.
"…in all cases, negations are less understandable…"
https://uxdesign.cc/form-field-required-vs-optional-9b4d7cdbf400

[Section one ends.]


++ SECTION TWO:

+09: 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 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

lcarlson@d.umn.edu


[Issue ends.]














 

 

Join Educator-Gold@groups.io to automatically receive all group messages.