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

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

++ISSUE 03 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: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: TOOLS.
10: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Web Accessibility - Who Does What?
By Alastair Campbell.
"As part of a project for NHS UK recently, we helped the team define who was responsible for what aspects of accessibility. After presenting this work at a cross-governmental accessibility event, several people asked for a write-up, so here it is…"
https://www.nomensa.com/blog/2019/web-accessibility-who-does-what

Accessibility: Tips for Teams
By Australian Broadcasting Corporation.
"We all have a role to play…"
https://about.abc.net.au/wp-content/uploads/2019/06/a11y_Tips4Teams.pdf

Making Content Usable for People with Cognitive and Learning Disabilities, W3C Working Draft 16 July 2019
Lisa Seeman and Michael Cooper, editors. 
"…This document aims to provide guidance on how to make websites and applications that are friendly for people with cognitive impairments by providing guidance for your designs, and design process…"
https://www.w3.org/TR/coga-usable/

Understanding SC 3.2.3 Consistent Navigation 
By Raghavendra Satish Peri.
"This success criterion requires that the commonly repeated navigation related user interface elements like skip to main content link, primary secondary navigation links, logo, search element etc must be placed at the same locations where they occur on each page they are repeated…"
https://www.digitala11y.com/3-2-3-consistent-navigation/ 

The Internet Thinks You're a Robot, and Other 'Dark Patterns' People with Disabilities Face Online
By Ariel Bogle.
"Scott Hollier logged into an online portal recently, and was immediately faced with a familiar yet irritating internet question: How many of these pictures include buses?…"
https://www.abc.net.au/news/science/2019-07-13/dark-patterns-online-captcha-accessibility-disability-community/11301054

PDF Accessibility Introduction
By Sven Kapudija.
"Although web accessibility is most commonly thought of when talking about digital accessibility, document accessibility also plays an important role…"
https://pragmaticaccess.com/articles/2019-05-30-pdf-accessibility-introduction

Making Accessible Tagged PDFs with Prince
By Bruce Lawson.
"Love them or hate them, PDFs are a fact of life for many organisations. If you produce PDFs, you should make them accessible to people with disabilities. With Prince, its easy to produce accessible, tagged PDFs from semantic HTML, CSS and SVG…"
https://www.brucelawson.co.uk/2019/making-accessible-tagged-pdfs-with-prince/

UX Improvements For Keyboard Accessibility
By Vitaly Friedman.
"The web is wonderfully diverse and unpredictable because of wonderfully diverse people shaping it. In this new series of short interviews, we talk to interesting people doing interesting work in our industry and sharing what theyve learned…"
https://www.smashingmagazine.com/2019/07/ux-improvements-keyboard-accessibility/

Whats Dyslexia Got To Do With It: Accessibility Talks June 2019
By Deborah Edwards-Onoro.
"At the June 2019 Accessibility Talks online meetup, Jeannette Washington, founder of Bearly Articulating, spoke about dyslexia, its misconceptions, strengths, and shared helpful resources…"
https://www.lireo.com/whats-dyslexia-got-do-with-it/

County Looks To Settle With Serial Litigator Over ADA Noncompliant Website
By Brent Batten.
"…The proposed settlement is for $9,500, $1,000 for Gil and the rest to his Miami-based attorney…"
https://www.naplesnews.com/story/news/2019/07/09/brent-batten-county-looks-settle-serial-suer-over-website/1675802001/

Fourth Circuit Says Inability to Get Information From Website, Without More, is Not Enough to Establish Standing to Sue
By Minh N. Vu.
"Courts in the Fourth Circuit are taking a hard look at a plaintiffs' standing in website accessibility cases…"
https://www.adatitleiii.com/2019/07/fourth-circuit-says-inability-to-get-information-from-website-without-more-is-not-enough-to-establish-standing-to-sue/


+02: CASCADING STYLE SHEETS.

Accessible CSS Generated Content
By Eric Eggert.
"CSS generated content can have unintended side-consequences. As Andy Clarke discovered recently, data- attributes he used as a way to transfer content into CSS for visual purposes are not translated using built-in browser functionality…"
https://yatil.net/blog/accessible-css-generated-content

Everything You Need To Know About CSS Margins
By Rachel Andrew.
"Margins in CSS seem simple enough at first glance. Applied to an element it forms a space around the element, pushing other elements away. However, there is more to a margin than you might think…"
https://www.smashingmagazine.com/2019/07/margins-in-css/

CSS Lists, Markers, And Counters
By Rachel Andrew.
"There is more to styling lists in CSS than you might think. In this article, Rachel starts by looking at lists in CSS, and moving onto some interesting features defined in the CSS Lists specification - markers and counters…"
https://www.smashingmagazine.com/2019/07/css-lists-markers-counters/


+03: COLOR.

High Contrast Mode FTW
By Jon Jensen.
"…If youre going to support web accessibility standards (and you should) you may as well do it the right way. Using a dark background and exceeding the WCAG 2.0 AA 4.5:1 contrast ratio is easier than converting your pallet. Youll also find that achieving AAA 7:1 contrast is easier and better for the product design. In the end you can offer an excellent experience to every user."
https://blog.prototypr.io/high-contrast-mode-ftw-bef74e097d1e


+04: EVALUATION & TESTING.

How to Use Screening Questions to Select the Right Participants for User Research
By Kathryn Whitenton.
"To recruit appropriate UX research participants, assess peoples characteristics without giving away the purpose of the study."
https://www.nngroup.com/articles/screening-questions-select-research-participants/

What We Learned from User Testing of Accessible Client-Side Routing Techniques With Fable Tech Labs
By Marcy Sutton.
"We wanted to find out which techniques are the most ergonomic and intuitive to users with disabilities, and if any of the techniques presented barriers detracting from their browsing experience…"
https://www.gatsbyjs.org/blog/2019-07-11-user-testing-accessible-client-routing/

How the PURE Method Builds on 100 Years of Human Factors Research
By Jeff Sauro.
"…Christian Rohrer and I developed a new method called PURE (Practical Usability Rating by Experts), which builds on established methods, most notably the cognitive walkthrough, heuristic evaluation, and GOMS/KLM…"
https://measuringu.com/pure-history/


+05: EVENTS.

PDF Remediation Techniques
September 18, 2019.
Online
https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=597

Midwest UX Conference
October 10-12, 2019.
Grand Rapids, Michigan, U.S.A.
https://2019.midwestuxconference.com/


+06: HTML.

output: HTML's Native Live Region Element
By Scott O'Hara.
"…The output element can be particularly useful as HTML's native solution for ARIA's live regions. In fact, rather than spinning up a whole new element that would require buy-in, implementation, consensus on how it should work and what should be allowed within it… maybe the existing output element gets revised to be less ambiguous in whether or not its use case is limited to adding some form control values together…"
https://www.scottohara.me//blog/2019/07/10/the-output-element.html

Color Inputs: A Deep Dive into Cross-Browser Differences 
By Ana Tudor.
"In this article, we'll be taking a look at the structure inside <input type="color"> elements, browser inconsistencies, why they look a certain way in a certain browser, and how to dig into it…"
https://css-tricks.com/color-inputs-a-deep-dive-into-cross-browser-differences/

Using HTML Validator Badges Again
By Bradley Taunt.
"There was a time on the Internet when websites wore badges of honor, declaring that their code was semantic and followed the W3C guidelines. The validators we used weren't great (and still aren't perfect) but they represented a community that took pride in caring about the quality of their work. I think it's time we bring HTML badges back…"
https://bradleytaunt.com/html5-validator-badge/


+07: JAVASCRIPT.

WAI-ARIA: Top 6 Mistakes to Avoid
By Suman Damera.
"…The common mistakes below come from first-hand experiences my team and I have seen in the field of accessibility remediation…"
https://www.deque.com/blog/wai-aria-top-6-mistakes-to-avoid/

Modern Script Loading
By Jason Miller.
"Serving the right code to the right browsers can be tricky. Here are some options…"
https://jasonformat.com/modern-script-loading/


+08: MISCELLANEOUS.

Three Tips for Managing Website Chaos
By Tera Buckley.
"Managing a university website without governance is like trying to manage gunslingers in the Wild West. You need a sheriff, deputies and basic laws to clear things up. Saddle up and hang on…"
https://www.insidehighered.com/blogs/call-action-marketing-and-communications-higher-education/three-tips-managing-website-chaos


+09: TOOLS.

Readability Analyzer
By Sarah Tyler.
"Estimates the readability of a passage of text using the Flesch Reading Ease, Fog Scale Level, Flesch-Kincaid Grade Level, and other metrics."
https://datayze.com/readability-analyzer.php


+10: USABILITY.

Cognitive Maps, Mind Maps, and Concept Maps: Definitions
By Sarah Gibbons.
"Cognitive maps, concept maps, and mind maps are diagramming techniques that can be utilized throughout the UX process to visualize knowledge and surface relationships among concepts."
https://www.nngroup.com/articles/cognitive-mind-concept/

'It Depends': Why UX Is Dependent on Context (Video)
By Kate Moran.
"When were asked questions, UX professionals will often respond with, 'it depends.' Why do we rely so much on this phrase?"
https://www.nngroup.com/videos/it-depends-ux-context/


[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.]