+++ WEB DESIGN UPDATE.
- Volume 18, Issue 01, July 01, 2019.

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

++ISSUE 01 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: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

OU Web Accessibility Guidelines
By Open University.
"…The OU Web Accessibility Guidelines are based on the W3C's Web Content Accessibility Guidelines 2.1(WCAG 2.1)…"
http://www.open.ac.uk/about/digital-governance/digital-standards-and-guidelines/accessibility

Interactive Map Accessibility Principles
By AccessibilityOz.
"Map accessibility is important to people with the following disabilities…"
https://www.accessibilityoz.com/factsheets/interactive-maps/interactive-map-accessibility-principles/

If You Don't Make Your Content Accessible, You're Leaving Me Out
By Cindy.
"Imagine being left out of millions of conversations all across the internet. This is what happens to blind and low vision people when content on social media isn't described…" 
https://rootedinrights.org/video/if-you-dont-make-your-content-accessible-youre-leaving-me-out/

CAPTCHA Wide Review Draft Published
By Janina Sajka.
"…Comments are requested by 26 July 2019. In-progress updates to the document may be viewed in the publicly visible editors' draft…"
https://www.w3.org/blog/2019/06/captcha-wide-review-draft/

How Accessibility Trees Inform Assistive Tech
By Hidde de Vries. 
"…In this post we'll look at how 'good' client-side code (HTML, CSS and JavaScript) improves the experience of users of assistive technologies, and how we can use accessibility trees to help verify our work on the user experience…"
https://hacks.mozilla.org/2019/06/how-accessibility-trees-inform-assistive-tech/

Group Labels Do Not Guarantee… Uniquity?
By Adrian Roselli.
"There is a place where accessibility practitioners hang out and try to out-do each other with niche knowledge of nuance. While loitering in one, a question came up about text fields that have the same <label> text but are contained in groups with different group names…"
http://adrianroselli.com/2019/06/group-labels-do-not-guarantee-uniquity.html

The Accessibility of Styled Form Controls
By Scott O'Hara.
"A repository of styled and 'styled' form control elements and markup patterns, and how they are announced by screen readers…"
https://scottaohara.github.io/a11y_styled_form_controls/

Social Media and Alt Text
By Jennie Delisi.
"Alt text has multiple uses…"
https://mn.gov/mnit/media/blog/?id=38-390816

How to Test the Accessibility of Your Mobile Websites and Apps (Video)
By Gian Wild.
"…AccessibilityOz's CEO​ Gian Wild takes you through the processes and methodologies involved in testing mobile websites and apps…"
https://www.accessibilityoz.com/about/presentations/#video-4862-1-container
Gian's Slides:
https://app.prezentt.com/presentations/1701/public/slides/1

Mobile Accessibility Testing Methodology (PDF)
By ICT Accessibility Testing Symposium, Mobile Sub-Committee.
"…this methodology does not include those errors already included in WCAG2. In order to ensure your mobile site is fully accessible, you need to meet WCAG2 and this mobile testing methodology.…"
https://2019ict.org/wp-content/uploads/2019/05/Mobile-Accessibility-Testing-Methodology-November-2018.pdf

Perl Out Loud (Video)
By Emily Shea.
"…I use voice dictation as my main form of interacting with the computer. I will talk about my experience with Repetitive Strain Injury (RSI) and how this led me to discover voice dictation and subsequently change my perception of the viability of using voice dictation for software development…"
https://www.youtube.com/watch?v=Mz3JeYfBTcY

Reduced Motion Picture Technique, Take Two 
By Chris Coyier.
"Did you see that neat technique for using the <picture> element with <source media=""> to serve an animated image (or not) based on a prefers-reduced-motion media query?…"
https://css-tricks.com/reduced-motion-picture-technique-take-two/

Understanding SC 3.1.2 Language of Parts 
By Sathish Kumar.
"3.1.2 Language of Parts: The human language of each passage or phrase in the content can be programmatically determined except for proper names, technical terms, words of indeterminate language, and words or phrases that have become part of the vernacular of the immediately surrounding text…"
https://www.digitala11y.com/understanding-sc-3-1-2-language-of-parts/

Readability on the Web
By Damien Senger.
"Readability on the web is much more than language. Damien Senger takes us on a journey through the many facets that make a text easy to read on the web…"
https://noti.st/hiwelo/nofxSD/readability-on-the-web

To Boldly Go Where No SPA Has Gone Before (Video)
By Seth Kane.
"Is your single page application (SPA) being sucked into a black hole of inaccessibility? Learn high level concepts, pitfalls, gotchas, and other accessible considerations (ARIA, focus management, and content communication) that will help you navigate your way through the new frontier of inclusive design for single page applications."
https://www.youtube.com/watch?v=0xNZst236jY

Accessibility Heuristics, V1.4 (PDF)
By Denis Boudreau.
"10 general rules of thumb for accessible design…"
https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/

Inclusive Design Is a Welcome Mat (Video)
By Lexie Martin.
"Inclusive design is a philosophy that redefines what it means to be human-centered. To design inclusively, designers need to respect and represent many different perspectives."
https://www.nngroup.com/videos/inclusive-design-welcome-mat/

The State of the Web: Making the Web More Accessible [Video]
By Deborah Edwards-Onoro.
"When you create an accessible website using best practices for design, development, and content, your website provides a great user experience for everyone…"
https://www.lireo.com/state-of-web-accessibility/ 

None of the 2020 Presidential Candidates' Websites Are Fully Accessible to Disabled Voters
By Abigail Abrams.
"…Even as many of the candidates have said they want to reach out to disabled voters and advocate for disability rights, their campaigns have built websites that could prevent many of those voters from engaging with them, the analysis found…"
https://time.com/5613806/2020-presidential-candidates-ada-website-accessibility/

Charlotte County to Pay $10,500 Over ADA Lawsuit; Make Website More Accessible
By Andrea Praegitzer.
"A settlement was reached last week in a lawsuit Charlotte County faced over its website…"
https://www.yoursun.com/charlotte/county-to-pay-over-ada-lawsuit-make-its-website-more/article_dba5a7ee-93b4-11e9-865b-a32c1491f053.html


+02: CASCADING STYLE SHEETS.

Drop Caps and Design Systems
By Ethan Marcotte.
"Let's get this out of the way up front: this is the most you're probably ever going to read about drop caps…"
https://product.voxmedia.com/2019/6/17/18524029/the-ballad-of-drop-caps-and-design-systems

Baseline Grid
By Gabriel Gianordoli.
"To celebrate the 100th anniversary of the German design school Bauhaus, we published a story at The New York Times featuring some of its buildings outside Europe. Designed by Rebecca Lieberman, Eden Weingart and I, it featured a small detail for the design-history aficionados: a baseline grid…"
https://observablehq.com/@gianordoli/baseline-grid


+03: EVALUATION & TESTING.

What Is a Strong Correlation?
By Jeff Sauro.
"…This discussion about the correlation as a measure of association and an analysis of validity correlation coefficients revealed: Correlations quantify relationships… Validity and reliability coefficients differ… Correlations can be weak but impactful… Don't set unrealistically high bars for validity…"
https://measuringu.com/strong-correlation/

Should You Love the HEART Framework?
By Jeff Sauro.
"…The HEART framework is meant to help integrate behavioral and attitudinal metrics into something scalable for large organizations (such as Google) that have many software and mobile apps…"
https://measuringu.com/heart-framework/


+04: EVENTS.

Correction from the last issue of the newsletter: OZeWAI 2019 has not yet been scheduled yet.

Accessibility Program Management
July 2, 10, and 17, 2019.
Online
https://events.educause.edu/courses/2019/accessibility-program-management 

Web Accessibility Training
August 13-14, 2019.
Logan, Utah, U.S.A.
https://webaim.org/training

2019 Australian A11y Camp
November 12-15, 2019.
Sydney, Australia
https://a11ycamp.org.au/

Access from the Start: Incorporating Accessibility into Existing Process
November 25, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/258338071/

International Day of People with Disability
December 3, 2019.
Everywhere
https://www.idpwd.com.au/

An Event Apart San Francisco
December 9-11, 2019.
San Francisco, California, U.S.A.
https://aneventapart.com/event/san-francisco-2019


+05: HTML.

Marking Up an Abbreviation
By Steve Faulkner.
"…By providing a plain text expansion besides the acronyms, myself and probably others, are less confused by the jargon. Thus improving usability and a11y…"
https://codepen.io/stevef/pen/EMwmmq

HTML Can Do That?
By Ananya Neogi.
"After witnessing some awesome things CSS can do, it's time for HTML to come in the same spotlight…"
https://dev.to/ananyaneogi/html-can-do-that-c0n

Writing HTML in HTML
By John Ankarstrom.
"I've just finished the final rewrite of my website. I'm not lying: this is the last time I'm ever going to do it…"
http://john.ankarstrom.se/html/

Toast
By Jeremey Keith.
"Shockwaves rippled across the web standards community recently when it appeared that Google Chrome was unilaterally implementing a new element called toast. It turns out that's not the case, but the confusion is understandable…"
https://adactio.com/journal/15357

Why I Don't Use Web Components
By Rich Harris.
"For my first post on dev.to I thought I'd write about a nice, safe topic that's free of controversy: web components…"
https://dev.to/richharris/why-i-don-t-use-web-components-2cia


+06: INFORMATION ARCHITECTURE.

Affinity Diagrams - Learn How to Cluster and Bundle Ideas and Facts 
By Rikke Dam and Teo Siang.
"Affinity diagrams are a great method to help you make sense of all your information when you have a lot of mixed data, such as facts, ethnographic research, ideas from brainstorms, user opinions, 
user needs, insights, and design issues…"
https://www.interaction-design.org/literature/article/affinity-diagrams-learn-how-to-cluster-and-bundle-ideas-and-facts

Shortlisting
By Gerry McGovern.
"Shortlisting is the process of moving from a long list of often poorly worded statements to a clear list of tasks that might matter to people in a decision-making environment (buying a car, choosing a university, using a piece of software, etc.)…"
http://gerrymcgovern.com/shortlisting/
 
 
+07: JAVASCRIPT.

The Cost of JavaScript in 2019
By Addy Osmani.
"One large change to the cost of JavaScript over the last few years has been an improvement in how fast browsers can parse and compile script. In 2019, the dominant costs of processing scripts are now download and CPU execution time…"
https://v8.dev/blog/cost-of-javascript-2019


+08: MISCELLANEOUS.

Design Thinking: A Quick Overview 
By Rikke Dam and Teo Siang.
"If you have just started embarking your journey through the Design Thinking process, things might 
seem a little overwhelming. This is why we have prepared a useful overview of the Design Thinking process, as well as some of the popular Design Thinking frameworks commonly used by global design firms and national design agencies…"
https://www.interaction-design.org/literature/article/design-thinking-a-quick-overview
 
In Defence of Graceful Degradation and Where Progressive Enhancement Comes In
By Adam Silver.
"The concept of graceful degradation predates the web…"
https://adamsilver.io/articles/in-defence-of-graceful-degradation-and-where-progressive-enhancement-comes-in/

Google's new reCAPTCHA has a Dark Side
By Katharine Schwab.
"The latest version of the bot detector reCaptcha is invisible to users and has spread to more than 650,000 websites. It's great for security-but not so great for your privacy…"
https://www.fastcompany.com/90369697/googles-new-recaptcha-has-a-dark-side


+09: NAVIGATION.

Link + Disclosure Widget Navigation
By Adrian Roselli.
"Early in 2017 I filed an issue against WAI-ARIA Authoring Practices (APG) requesting a change to the menu navigation pattern…"
http://adrianroselli.com/2019/06/link-disclosure-widget-navigation.html


+10: USABILITY.

Accot-Zhai Steering Law: Implications for UI Design
By Page Laubheimer.
"Dropdowns, hierarchical menus, sliders, or scroll bars involve steering a pointer or a cursor through a tunnel; optimal design for these GUI elements should consider the Steering Law."
https://www.nngroup.com/articles/steering-law/

Simple Design is Relative (Video)
By Raluca Budiu.
"Simplicity depends on the capacity of the information channel and what's simple for one device, can be primitive or intricate for another, since screens are information channels with a limited capacity. When you're designing for multiple devices, don't go by common cliches like 'simple is good'."
https://www.nngroup.com/videos/simple-design-relative/

Words Still Matter (Even in IT)
By Gerry McGovern.
"…Icons save space and money on translation. We all know that hardly anyone knows what most icons mean. But we're not in the business of understanding here, you know. Icons are cheap, cheerful and cool. Who cares if we reduce usage of the software by 40%? Look at all the money we saved…"
http://gerrymcgovern.com/words-still-matter-even-in-it/


[Section one ends.]


++ SECTION TWO:

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