Date   
[webdev] Web Design Update: July 12, 2018

David Dillard
 


 


[webdev] Web Design Update: July 12, 2018

 

 

Laura Carlson <lcarlson@d.umn.edu>

Thu, Jul 12, 2018, 7:50 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 03, July 12, 2018.

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: EVALUATION & TESTING.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: STANDARDS, GUIDELINES & PATTERNS.
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.

Introducing Accessibility for Teams
By Maya Benari.
"…We distilled what we learned into a quick-start guide for embedding
accessibility and inclusive design into a team's workflow…Each person
on a team, whether you're a manager, designer, or developer, has a
role to play. Your responsibilities are different depending on your
role…"
https://digital.gov/2018/07/10/introducing-accessibility-for-teams/

Accessibility Developer Guide
By Access for All and Accessibility Alliance.
"If you want to learn about accessible website development, you are at
the right place…"
https://www.accessibility-developer-guide.com/

Learn to Create Inclusive Design Experiences with Accessibility at a
Glance Videos
By Deborah Edwards-Onoro.
"…The series aims to offer helpful tips and recommendations for
creating inclusive design experiences, with short videos…"
https://www.lireo.com/accessibility-at-glance-videos-inclusive-design/

Exploring WCAG 2.1 - 2.5.4 Motion Actuation
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with the
next success criterion within the new 2.5 Input Modalities guideline:
2.5.4 Motion Actuation…"
https://knowbility.org/blog/2018/WCAG21-254MotionActuation/

The Current State of Modal Dialog Accessibility
By Scott O'Hara.
"…to truly get a handle on the current state of modal dialog
accessibility, one should be aware of the current issues facing both
native and custom (ARIA) modal dialogs…"
https://developer.paciellogroup.com/blog/2018/06/the-current-state-of-modal-dialog-accessibility/

WCAG Checklist
By Yale University.
https://usability.yale.edu/web-accessibility/articles/wcag-checklist

Settlement Agreement Between The United States of America and Teachers
Test Prep Under the Americans With Disabilities Act
By The US Department of Justice.
"…TTP will ensure all of its online video content has captions.  For
the purposes of this agreement, captions are defined as the visual
display of the audio portion of a video file that is consistent with
the Web Content Accessibility Guidelines (WCAG) 2.0 AA Guideline 1.2.2
or Guideline 1.2.4 (for live video). TTP represents that its current
closed captioning provided in its online videos is compliant with
these guidelines…"
https://www.ada.gov/ttp_sa.html


+02: CASCADING STYLE SHEETS.

Pattern Library First: An Approach For Managing CSS
By Rachel Andrew.
"CSS can be hard to manage across a project, especially when you need
to include media queries for various breakpoints and fallbacks for
older browsers. In this article, we will take a look at using Fractal
to manage components which use CSS Grid…"
https://www.smashingmagazine.com/2018/07/pattern-library-first-css/

Gallery Grid With CSS Grid
By Laura Kalbag.
"CSS Grid Layout is great. My site layout is fairly simple, so had no
need for lots of grid-I only used it for lining up comments and
avatars on old blog posts."
https://laurakalbag.com/gallery-grid-with-css-grid/


+03: EVALUATION & TESTING.

The Practical Role of Automated Web Accessibility Testing Tools
By Hiram Kuykendall.
"…By understanding the limitations and costs associated with automated
accessibility testing packages, organizations can strengthen their
existing accessibility programs and create long-term, sustainable,
accessible websites and web applications."
https://www.microassist.com/digital-accessibility/role-web-accessibility-testing-tools/

Field Studies Should Inform Intranet Redesign
By Therese Fessenden.
"Observing users in their natural work environment provides realistic
context and representative data, unveils mismatches between users'
mental models and designers' beliefs about them, and builds empathy
with end users."
https://www.nngroup.com/articles/field-studies-intranet-redesign/

Five Takeaways from the UXPA 2018 Conference
By Tom Tullis.
"When I attend a conference I'm pretty happy if I come away from it
with at least one practical takeaway per day of the conference…"
https://medium.com/@tomtullis/five-takeaways-from-the-uxpa-2018-conference-17e1b2e48c48

Interpreting Single Items from the SUS
By Jeff Sauro.
"…Single measures, such as satisfaction, brand attitude, task ease,
and likelihood to recommend, also exhibit sufficient test-retest
reliability and little if anything may be gained by using multiple
items…"
https://measuringu.com/sus-items/


+04: EVENTS.

JSConf US 2018
August 21-23, 2018.
Carlsbad, California, U.S.A.
https://2018.jsconf.us/

CoderCruise
August 30-September 3, 2018.
Fort Lauderdale, Florida, U.S.A.
https://www.codercruise.com/

Nordic.js
September 6-7, 2018.
Stockholm, Sweden
http://nordicjs.com/

The UX Conference
September 7, 2018.
London, England, United Kingdom
http://theuxconf.com/

DrupalCon Europe
September 10-14, 2018.
Darmstadt, Germany
https://www.drupaleurope.org/


+05: HTML.

Demand Refunds for Invalid HTML in Courses
By Adrian Roselli.
"…If you are taking courses to improve your development skills or
learn new technologies, whether online or in real life, you should be
comfortable demanding a refund if you know the material is wrong…"
http://adrianroselli.com/2018/07/demand-refunds-for-invalid-html-in-courses.html


+06: JAVASCRIPT.

Searchbox Role
By Suman Damera.
"…if this search form control cannot be constructed with html input
type search for some reason then we are left with the option of using
new aria1.1 searchbox role to make this custom control accessible…"
http://www.sumandamera.com/searchbox-role/


+07: MISCELLANEOUS.

9 Famous Faces on What they Love About the Web
By Web Foundation.
"For the past three decades, the internet and the web have been an
empowering force for forging connections, learning, earning, and
building global networks. Let's take a moment to appreciate the power
of connectivity. Here's what some famous faces have to say about it…"
https://webfoundation.org/2018/07/9-famous-faces-on-what-they-love-about-the-web/


+08: STANDARDS, GUIDELINES & PATTERNS.

Guidelines for Brutalist Web Design
By David Copeland.
"Raw content true to its construction…"
https://brutalist-web.design/

Components and Concerns
By Jeremy Keith.
"…My point is this: Separating structure, presentation, and behaviour
is a good idea. Separating an interface into components is a good
idea. Those two good ideas are not in conflict…"
https://adactio.com/journal/14103

Web Components in 2018
By James Milner.
"…Web Components are not a single technology. Instead, they are series
of browser standards defined by the W3C allowing developers to build
components in a way the browser can natively understand. These
standards include: HTML Templates and Slots…Shadow DOM…
Custom Elements…"
https://www.sitepen.com/blog/2018/07/06/web-components-in-2018/


+09: TOOLS.

Augmenting Empathy: Simulating Low-Vision Conditions with CSS, SVG and
WebRTC (Video)
By Shwetank Dixit.
Shwetank's CSSconf EU 2018 presentation. "…This talk is a story of how
I talked to persons with low vision and their family members, and
tried to make tools to help people understand how people with various
low-vision conditions see the world. Through the power of CSS, SVG and
WebRTC, we’ll take a look at how to simulate low-vision conditions and
what it taught me about empathy…"
https://www.youtube.com/watch?v=aWoeK2SFSpI

Accessibility Inspector in Mozilla FireFox 61 and Beyond
By Rakesh Paladugula.
"Accessibility Inspector is now built into Mozilla FireFox 61. This
feature will give a wonderful opportunity for the accessibility
testers and consultants to review the accessibility properties of any
element and provide a detailed description for the audit report. In
this article let us understand , how to enable it and use the
feature…"
http://www.maxability.co.in/2018/07/accessibility-inspector-in-firefox/


+10: USABILITY.

Hick's Law: Designing Long Menu Lists (Video)
By Katie Sherwin.
"Hick's Law (or the Hick-Hyman Law) says that the more choices you
present to your users, the longer it takes them to reach a decision.
However, combining Hick's Law with other design techniques can make
long menus easy to use."
https://www.youtube.com/watch?v=pbbTOzArcWQ

The Availability Heuristic (Video)
By Lexie Martin.
"People make decisions based on the information that is most readily
available to them. Understanding how the availability heuristic works
will help you design for the way people think."
https://www.youtube.com/watch?v=vqmLIbGV568

Better Research, Better Design, Better Results
By Sam Wright and James Macnamara.
"Most web professionals like to see their influence felt in web design
projects as early as possible, in order to make sure what they have to
say gets heard. Yet often SEOs and content marketers are asked to step
in post-launch when the design work is more or less complete. However,
there are very real benefits, ranging from better UX to lower costs to
using SEO-focused data such as keyword research as a springboard for
design and development, rather than having to turn to it further down
the line."
https://www.smashingmagazine.com/2018/07/better-research-design-results/

No More FAQs: Create Purposeful Information for a More Effective User Experience
By Lisa Wright.
"Putting the right information in the right place to best support user
(and company) goals requires carefully targeted content and good
information architecture (IA) … and definitely no FAQs! However
attractive the FAQ 'solution' might seem at times, using it makes
information hard to find, access and maintain, and generally hinders
task completion. Discussing the limitations of-and alternatives
to-FAQs, Lisa Wright is on a mission to banish them forever, or at the
very least make them more effective if you have to include them."
http://alistapart.com/article/no-more-faqs-create-purposeful-information-for-a-more-effective-user-experi

New Research Findings on 'Accounts and Self-Service' UX
By Edward Scott.
"At Baymard the research team has just spent 2,866 hours usability
testing and researching e-commerce Accounts & Self-Service features,
layouts, content, and designs - leading to our new research study on
Accounts & Self-Service UX.…"
https://baymard.com/blog/new-research-accounts-self-service


[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.]
Preview YouTube video Hick's Law: Designing Long Menu Lists
Preview YouTube video The Availability Heuristic

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 05, July 19, 2018.

David Dillard
 



 +++ WEB DESIGN UPDATE.

- Volume 17, Issue 05, July 19, 2018.

 

 

Laura Carlson <lcarlson@d.umn.edu>

Thu, Jul 19, 2018, 7:28 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 05, July 19, 2018.

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

++ISSUE 05 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
11: USABILITY.


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

How to Implement Inclusive Design in Your Organization
By Matt May.
"It's extremely important when talking about inclusive design to talk about implementation…"
https://theblog.adobe.com/how-to-implement-inclusive-design-in-your-organization/

Exploring WCAG 2.1 - 2.1.4 Character Key Shortcuts
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria  continues
with the final new level A success criterion, 2.1.4 Character key shortcuts. 
 It falls under the existing 2.1 guideline, Keyboard accessible…"
https://knowbility.org/blog/2018/WCAG21-214CharacterKeyShortcuts/

WCAG 2.1 - Why It's Time
By CommonLook.
"Think about what your life was like in 2008…"
https://commonlook.com/pdf-accessibility/wcag-2-1-why-its-time/

WCAG 2.0 AA a Global Accessibility Measure?
By WeCo.
"Let's start first by clarifying that WCAG 2.0 is a standard developed
by the World Wide Web Consortium (or W3C)…"
https://theweco.com/wcag-and-global-compliance-client-question/

Testing for Accessibility
By GOV.UK.
"You must test and audit your service to make sure it can be used by all your users…"
https://www.gov.uk/service-manual/technology/testing-for-accessibility

How Twitter Led to a YouTube Series Getting Captioned and Translated into 16+ Languages
By Deborah Edwards-Onoro.
"It all started when I read the tweet from Troy Hunt…"
https://www.lireo.com/how-twitter-led-youtube-series-captions-translations-16-languages/

Turn on & Manage Community Contributions
By Google.
"Your community of viewers can help you reach a larger audience by adding title,
description, subtitles, and closed captions to your videos…"
https://support.google.com/youtube/answer/6052538

Department of Education Finds GW Websites Inaccessible for the Visually Impaired
By Leah Potter.
"During an investigation into the accessibility of George Washington University's websites,
the Department of Education found that several web pages lacked accommodations for
individuals with disabilities, primarily those with vision impairments…"
https://www.gwhatchet.com/2018/07/13/department-of-education-finds-gw-websites-inaccessible-for-the-visually-impaired/


+02: CASCADING STYLE SHEETS.

User Stylesheets are Assistive Technology
By Wayne Dick.
"There are lots of people who claim to be accessibility experts who disregard the value of user
stylesheets as a significant technology to mitigate problems of visual interface. Actually they work quite well…"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2018JulSep/0033.html

CSS: A New Kind Of JavaScript
By Heydon Pickering.
"…CSS solves JavaScript's styling problems, and elegantly. The question is: are you willing
to embrace the change, or are you married to an inferior methodology?"
http://www.heydonworks.com/article/css-a-new-kind-of-javascript

CSS Grid in Internet Explorer 11
By Jeremy Keith.
"…when it comes to IE11, I'll continue to categorise it as a browser that doesn't support CSS grid.
That doesn't mean I'm abandoning users of IE11-far from it. It means I'm giving them the layout
that's appropriate for the browser they're using…"
https://adactio.com/journal/14131

9 Biggest Mistakes with CSS Grid (Video)
By Jen Simmons.
"It's easy to make lots of mistakes with a new technology, especially something that's
as big of a change from the past as CSS Grid. Jen lists the 9 Biggest Mistakes she sees
people making when using CSS Grid, with advice and tips for avoiding these pitfalls and old habits…"
https://www.youtube.com/watch?v=0Gr1XSyxZy0

How to Build Complicated Grids Using CSS Grid
By Dan Webb.
"…In this article I'm going to detail how I achieved the designed layout using CSS grid
without any silly workarounds or javascript magic necessary…"
https://danwebb.co/journal/how-to-build-complicated-grids-using-css-grid


+03: DRUPAL.

Automate Your Drupal Accessibility Testing with aXe and NightwatchJS
By Rikki Bochow.
"Automated accessibility tools are only one part of ensuring a website is accessible,
but it is a very simple part that can catch a lot of really easy to fix issues…"
https://www.previousnext.com.au/blog/automate-your-drupal-accessibility-testing-axe-and-nightwatchjs


+04: EVALUATION & TESTING.

Better Usability Testing on Landing Pages and Lead Forms
By Jess Vice.
"…Once the basics of landing page psychology and best practices have been ironed out,
usability testing is the best approach to improving the landing page experience as well as the results…"
http://www.uxbooth.com/articles/better-usability-testing-on-landing-pages-and-lead-forms/

How Much Does a Usability Test Cost?
By Jeff Sauro.
"Usability testing is expensive. At least that has been the perception…"
https://measuringu.com/usability-cost/

How to Conduct User Interviews
By David Davies.
"User interviews can be a great way to extract information from users for user experience understanding,
usability understanding and ideation…"
https://www.interaction-design.org/literature/article/how-to-conduct-user-interviews


+05: EVENTS.

Integrating Accessibility from Design to Development
July 25, 2018.
Online
https://www.paciellogroup.com/events/2018/07/webinar-july-25-integrating-accessibility-from-design-to-development/

Collaboration Tools: From the negotiating table to the design studio
August 23, 2018.
Madison, Wisconsin, U.S.A.
https://betterbydesignconference.com/events/collaboration-tools-from-the-negotiating-table-to-the-design-studio/

WavePHP
September 19-21, 2018.
San Diego, California, U.S.A.
http://wavephp.com/

Generate London
September 19-21, 2018.
London, England, United Kingdom
https://www.generateconf.com/

Northeast PHP
September 19-21, 2018.
Boston, Massachusetts, U.S.A.
http://2018.northeastphp.org/

Web Unleashed
October 1-2, 2018.
Toronto, Canada
http://fitc.ca/event/webu18/

A11y Camp
October 17-19, 2018.
Melbourne, Australia
http://a11ycamp.org.au/


+06: HTML.

Why GOV.UK Content Should be Published in HTML and not PDF
By Neil Williams.
"…Problems with PDFs: They do not change size to fit the browser… They're not designed for reading on screens…
It's harder to track their use… They cause difficulties for navigation and orientation…
They can be hard for some users to access… They're less likely to be kept up to date… They're hard to reuse…"
https://gds.blog.gov.uk/2018/07/16/why-gov-uk-content-should-be-published-in-html-and-not-pdf/

Use of div in dl
By Steve Faulkner.
"It is conforming in HTML to use a div element to group dt/dd elements. This can cause issues
for screen readers as the pattern changes the way the semantics are represented in some browsers.
The following are some test cases and below those are the rough results…"
https://s.codepen.io/stevef/debug/GxwaoP


+07: JAVASCRIPT.

Do Screen readers announce aria-label on ul/li elements?
By Steve Faulkner.
https://s.codepen.io/stevef/debug/BPzMML


+08: MISCELLANEOUS.

Speaking in Code: How to Program by Voice
By Anna Nowogrodzki.
"Some computer scientists turn to voice-command tools to avoid the
pain of typing…"
https://www.nature.com/articles/d41586-018-05588-x


+09: NAVIGATION.

User Journey Vs User Flow - Differences and Similarities
By Mockplus.
"…Yes, they do have something in common, but they also differ from each other in many ways.
In this article, I will make a comparison of  User Journey Vs User Flow…
https://medium.com/mockplus/user-journey-vs-user-flow-differences-similarities-48d5efa88fd7


+10: STANDARDS, GUIDELINES & PATTERNS.

The Friction of Web Standards (Video)
By Eric A. Meyer.
"In March 2017, four major browsers shipped stable, consistent CSS Grid implementations in the span
of just three weeks. That's amazing-- but wait, why aren't ALL new feature debuts like that?
And why does it take so darned long to ship new features after implementation is begun, like the literal
years it took to ship Grid? In this talk, Eric will focus on one of the biggest and least appreciated reasons:
the growing friction of specification interaction. He'll not only explore some of the challenges specification
authors and implementors face, but also how we all can help overcome that friction and keep the web interoperable…"
https://vimeo.com/279258468


+11: USABILITY.

Storyboards Help Visualize UX Ideas
By Rachel Krause.
"Visual representations of UX stories capture attention, provide clarity, and inspire us to take action."
https://www.nngroup.com/articles/storyboards-visualize-ideas/

Defining Helpful Filter Categories and Values for Better UX
By Kate Moran.
"For a useful faceted search, develop filter categories and filter values that are appropriate,
predictable, free of jargon, and prioritized."
https://www.nngroup.com/articles/filter-categories-values/

Why Interaction Cost Matters to UX (Video)
By Raluca Budiu.
"Interaction cost is a direct measure of usability. It's an indicator
of how difficult the interface is going to be for the user."
https://www.nngroup.com/articles/storyboards-visualize-ideas/

Pitfalls of Conversion-Rate-Only Concern (Video)
By Anna Kaley.
"Numbers don't paint the full UX picture, so in the quest for conversion rate optimization,
don't lose sight of the fact that we're designing for humans."
https://www.nngroup.com/videos/pitfalls-conversion-rate-focus/

Cult of Volume Destroys Customer Experience
By Gerry McGovern.
"…As people become better educated and more connected to their peers,
 they become less dependent on organizations, less open to manipulation, less gullible to branding…"
http://gerrymcgovern.com/cult-of-volume-destroys-customer-experience/


[Section one ends.]


++ SECTION TWO:

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

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 05, July 26, 2018.

David Dillard
 




*



*



Laura Carlson <lcarlson@d.umn.edu>

Thu, Jul 26, 2018, 8:15 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 05, July 26, 2018.

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

++ISSUE 05 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: EVENTS.
04: HTML.
05: INFORMATION ARCHITECTURE.
06: JAVASCRIPT.
07: NAVIGATION.
08: TOOLS.
09: USABILITY.
10: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Invitation: Contribute Ideas to Silver
By Jeanne F Spellman.
"Do you have ideas of how to improve W3C accessibility standards?…"
https://www.w3.org/community/silver/2018/07/19/invitation-contribute-ideas-to-silver/

On Designing and Building Toggle Switches
By Sara Soueidan.
"…One of the demos I'm creating is a basic proof of concept for
a simple switch that is used to switch the theme of a UI from light
to dark and vice versa…"
https://www.sarasoueidan.com/blog/toggle-switch-design/

What Is Inclusive Design - and What It Isn't
By Kat Holmes.
"…accessibility is an attribute, whereas inclusive design is a method.
While practicing inclusive design should make a product more accessible,
it's not a process for meeting all accessibility standards…"
https://mismatch.design/stories/2018/6/27/what-is-inclusive-design-what-isnt

Exploring WCAG 2.1 - 1.3.4 Orientation
By Becky Gibson.
"…This is the 6th post in our series on the new WCAG 2.1 Success Criteria…"
https://knowbility.org/blog/2018/WCAG21-134Orientation/

Web Content Accessibility Guidelines (WCAG) 2.1 (Video)
By Nicolas Steenhout, Eric Eggert, Tobias Nyholm, Glenda Sims,
and Sandra Eriksson.
"New accessibility guidelines are coming down the pipe that will
impact our apps with the new WCAG 2.1. We chat about what the
guidelines are and how we can start preparing our apps for them."
https://www.youtube.com/watch?v=6ZZ1625rnyg

WCAG 2.1 Principles Explained: Operability
By Bureau of Internet Accessibility.
"The release WCAG 2.1 has added some new guidelines that directly
relate to the Operability Principle. Developers should be aware of the
 following changes related to operability…"
https://www.boia.org/blog/wcag-2.1-principles-explained-operability

Making Emoticons Accessible and Screen Reader Friendly
By Rakesh Paladugula.
"Making Emoticons accessible is something often ignored
while exchanging information on the web…"
https://www.maxability.co.in/2018/07/making-emoticons-accessible-and-screen-reader-friendly/

Implementing Recommendations from Web Accessibility Guidelines:
Would they also Provide Benefits to Nondisabled Users (PDF)
By Schmutz, Sonderegger, Sauer.
"…To achieve this, high conformance (i.e., level-AA) to current guidelines (i.e., WCAG 2.0) is necessary…"
https://www.unifr.ch/psycho/assets/files/KogErg/SchmutzSondereggerSauer2016.pdf

Common Accessibility Mistakes and How to Avoid Them
By Ben Robertson.
"This weekend I had the privilege to present a session at DrupalCamp Asheville…"
https://benrobertson.io/accessibility/common-accessibility-mistakes-and-how-to-avoid-them

Web Accessibility Isn't a One-and-Done Task
By Riia O'Donnell.
"Website accessibility is not a "one and done" task, a law firm is warning
businesses after an 11th U.S. Circuit Court of Appeals ruling against Hooters…"
https://www.hrdive.com/news/web-accessibility-isnt-a-one-and-done-task/528089/

19 State AGs Write Sessions Sharing CUNA's ADA Concerns
By Credit Union National Association.
"Attorneys General from nineteen states have written Attorney General Jeff Sessions
calling for clarity about how the Americans With Disabilities Act applies to websites…"
http://news.cuna.org/articles/114611-state-ags-write-sessions-sharing-cunas-ada-concerns

Most Business Websites are Sitting Ducks for ADA Suits, Experts Say
By Ron Hurtibise.
"Business owners who think that building a wheelchair ramp
and grab bars in the restroom will ward off South Florida's
accessibility testers and their lawsuits need to fire up their computers,
go to their websites and ask: 'What's missing?…'"
http://www.sun-sentinel.com/business/fl-bz-website-accessibility-status-report-20180719-story.html

For the First Time, Norwegian IT Authorities Provide Daily Fines
for Poorly Designed Websites
By NRK.
"…If the municipality does not correct the errors by Friday 6 July,
they will receive 10,000 kroner daily fines until the errors are corrected…"
https://www.nrk.no/hordaland/kommunen-har-sa-darlige-nettsider-at-de-far-bot-1.14105543

Explanation of Terms of of the NFB's Agreement With Greyhound (PDF)
By National Federation of the Blind (NFB).
"Under the agreement, Greyhound will ensure that Greyhound.com 
and the mobile apps allow  Blind persons to gain the same information
and engage in the same transactions with an ease of  use substantially
equivalent to that of a sighted person using the same browser or operating 
system without screen reader software. Conformance with WCAG 2.0, Level AA…"
https://nfb.org/images/nfb/documents/pdf/legal_program/settlements/addendum_c_to_greyhound_agreement.pdf


+02: CASCADING STYLE SHEETS.

Fractional
By Ethan Marcotte.
"In fairly short order, the fr unit has become one of my favorite parts of the CSS Grid specification.…"
https://ethanmarcotte.com/wrote/fractional/


+03: EVENTS.

Lean A11y: Building Accessibility into Your Agile Lifecycle
July 31, 2018.
Online
https://www.levelaccess.com/resources/agile-lifecycle/

Empathy Driven Development
August 9, 2018.
Online
https://accessibility.deque.com/empathy-driven-development

Digital Accessibility: Enabling Participation in the Information Society
October 8, 2018. (5 Week course)
https://www.futurelearn.com/courses/digital-accessibility/4

HighEdWeb 2018
October 21-24, 2018.
Sacramento, California, U.S.A.
https://2018.highedweb.org/

W3C Technical Plenary / Advisory Committee (TPAC)
October 22-26, 2018.
Lyon, France
https://www.w3.org/2018/10/TPAC/

Madison PHP Conference
November 2, 2018
Madison, Wisconsin, U.S.A.
https://madisonphpconference.com/

Accessibility Club Conference
November 5, 2018.
Berlin, Germany
https://accessibility-club.org/


+04: HTML.

Everything You Need to Know About HTML5 Video Captioning
By Sofia Enamorado.
"With HTML5, video captioning is a whole lot easier…"
https://www.3playmedia.com/2018/07/23/html5-video-how-captioning-works/

Inside Out
By Stuart Langridge.
"Recently the question of whether browsers should have a View Source 
 function has reared its head again…perhaps View Source is a Muggle 
tool and we avout shouldn't use it, but that doesn't mean we should take it away."
https://kryogenix.org/days/2018/07/23/inside-out/


+05: INFORMATION ARCHITECTURE.

Living in Information: Structure
By Jorge Arango.
"…This is an abridged excerpt from chapter seven of Living in Information:
Responsible Design for Digital Places…The key to understanding structure
is recognizing that we perceive things as being composed of interrelated
elements: parts that make a whole…"
http://www.uxbooth.com/articles/living-in-information-structure/


+06: JAVASCRIPT.

Firefox 63 Will Cut Subtrees Marked With aria-hidden
By Marco Zehe.
"Starting in Firefox 63, sections of a web document marked
with aria-hidden="true" will have their sub trees completely
removed from the accessibility tree…"
https://www.marcozehe.de/2018/07/24/firefox-63-will-cut-subtrees-marked-with-aria-hidden/


+07: NAVIGATION.

8 Secrets of the Perfect Link
By Ben Moss.
"The perfect link is simple, honest, and usable. Here's how to design it…"
https://www.webdesignerdepot.com/2018/07/8-secrets-of-the-perfect-link/

Designing Accessible Navigations
By Nicholas Kramer.
"Overlooked features with powerful results…"
https://uxplanet.org/designing-accessible-navigations-3b1a151d3bd7


+08: TOOLS.

Comparing 3 Top Automated Accessibility Testing Tools:
WAVE, Tenon.io, and Google Lighthouse
By Laura Johnson.
"Automated tools for testing accessibility have evolved to a point
where you don't have to look hard to find dozens of examples
of thorough and reliable tools that test for adherence
to Web Content Accessibility Guidelines…"
https://medium.com/myplanet-musings/comparing-3-top-automated-accessibility-testing-tools-wave-tenon-io-and-google-lighthouse-d3897d7bb311


+09: USABILITY.

Checkboxes vs. Switches in Forms (Video)
By Rachel Krause.
"Navigating whether to use checkboxes or switches can help make
your forms easier to use. This video covers guidelines of when to use each."
https://www.nngroup.com/videos/checkboxes-vs-switches-forms/

Design Patterns For Complex Apps and Workflows (Video)
By Page Laubheimer.
"Two design principles for supporting complex and repetitive workflows."
https://www.nngroup.com/videos/complex-apps-workflows/

Intelligent Assistants Have Poor Usability:
A User Study of Alexa, Google Assistant, and Siri
By Raluca Budiu and Page Laubheimer.
"Usability testing finds that both voice-only and screen-based intelligent
assistants work well only for very limited, simple queries
 that have fairly simple, short answers. Users have difficulty with anything else."
https://www.nngroup.com/articles/intelligent-assistant-usability/

The User Experience of Health Insurance Websites
By Jeff Sauro.
"…To understand the online experience of health insurance websites,
we benchmarked the desktop and mobile user experience
of six of the top health insurance websites…"
https://measuringu.com/ux-health-insurance/


+10: XML.

Accessible SVG Flowcharts
By Léonie Watson.
"The accessible SVG line graphs post explains how to use ARIA table semantics
to make that form of data visualisation accessible to screen readers.
This article uses the same ARIA based approach to make a screen reader
accessible SVG flowchart…"
https://tink.uk/accessible-svg-flowcharts/


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


 

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 06, August 2, 2018.

David Dillard
 



+++ WEB DESIGN UPDATE.   - Volume 17, Issue 06, August 2, 2018.

 

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


++ISSUE 06 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: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: NAVIGATION.
11: STANDARDS, GUIDELINES & PATTERNS.
12: TOOLS.
13: USABILITY.
14: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Intopia Launches WCAG 2.1 Map
By Ricky Onsman.
"Intopia launched a brand new visual map of WCAG 2.1,
including the new Success Criteria published just last month.
It's downloadable in digital format as a PDF, which makes it
ideal for printing to hard copy…"
http://intopia.digital/articles/intopia-launches-wcag-2-1-map/

WebAIM's WCAG 2 Checklist
By WebAIM.
"The following is NOT the Web Content Accessibility Guidelines
(WCAG) 2. It is a checklist that presents our recommendations for
implementing accessibility principles and techniques for those
seeking WCAG conformance. The language used here significantly
simplifies and condenses the official WCAG 2.1 specification and
supporting materials to make it easier to implement and verify
for web pages…"
https://webaim.org/standards/wcag/checklist

Exploring WCAG 2.1 - 1.4.10 Reflow
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with
the new level AA criteria aimed at low vision…"
https://knowbility.org/blog/2018/WCAG21-1410Reflow/

WCAG 2.1 Principles Explained: Robustness
By Bureau of Internet Accessibility.
"With only two success criteria, robustness is the shortest of the four
 WCAG 2.0 principles.WCAG 2.1 includes an additional third criterion…"
https://www.boia.org/blog/wcag-2.1-principles-explained-robustness

4.1.3: Status Messages-New SC in the WCAG 2.1
By Suman Damera.
"…The intent of this Success Criterion is to make users aware of important
changes in content that are not given focus, and to do so in a way that
doesn't unnecessarily interrupt their work…"
http://www.sumandamera.com/4-1-3-status-messages-new-sc-in-the-wcag-2-1/

Understanding SC 1.4.3 - Contrast Minimum
By Sathish Kumar.
"This success criterion requires that the texts and image of texts that are
regular in size meet the color contrast ratio of 4.5:1 against their
 background color…"
https://www.digitala11y.com/understanding-sc-1-4-3-contrast-minimum/

10 Ways to Improve Accessibility on Websites and Social Media
By Deborah Edwards-Onoro.
"When I chatted about accessibility with other attendees at WordCamp
 Denver 2018 this weekend, I shared some of my tips and blog posts on
how they could improve accessibility on their websites…"
https://www.lireo.com/10-ways-to-improve-accessibility-on-websites-and-social-media/

Get Started with Accessibility: A Primer Based on Experience
By Susan Jean Robertson.
"…If you do even a little bit of the following, you're doing more than most…"
https://www.susanjeanrobertson.com/writing/get-started-with-accessibility/

Someclusion
By Karl Groves.
"New word: someclusion, for when so-called inclusion efforts leave out
PWDs or even a subset of PWDs…"
https://twitter.com/karlgroves/status/1022865966068391937

Asking about Compliance? You May be Asking the Wrong Question
By Lainey Feingold.
"…Someone asked Lainey whether video captions could be 65% accurate.
A poorly captioned video does not provide equal access. It is not effective
to communicate what people are saying to deaf people. It's better to ask
different questions…"
http://www.lflegal.com/2018/07/ada-28/

Dennis Haynes versus Dunkin' Donuts (PDF)
By US Court of Appeals for 11th Circuit.
"…Haynes sued Dunkin' Donuts, LLC, claiming that
it violated Title III of the Americans with Disabilities Act…by not maintaining
a website compatible with screen reading software…Haynes has alleged a
plausible claim for relief under the ADA…"
http://media.ca11.uscourts.gov/opinions/unpub/files/201810373.pdf


+02: CASCADING STYLE SHEETS.

How Do We Keep Up? What Happens if CSS Grid Changes? (Video)
By Jen Simmons.
"…Jen talks about the struggles to keep up and why it is, indeed, a safe time
to invest effort into learning CSS Grid…"
https://www.youtube.com/watch?v=nCDWzV9wzW4

The Peculiar Magic of Flexbox and Auto Margins
By Robin Rendle.
"…One topic like this (which is an area I've sort of always known about but
never really understood) is how auto margins and flexbox interact with one another…"
https://css-tricks.com/the-peculiar-magic-of-flexbox-and-auto-margins/

Solved with CSS! Logical Styling Based on the Number of Given Elements
By Una Kravets.
"This post is the third in a series about the power of CSS…"
https://css-tricks.com/solved-with-css-logical-styling-based-on-the-number-of-given-elements/


+03: COLOR.

Supporting Users Who Change Colours on GOV.UK
By Nick Colley.
"…I've picked out a few examples below to demonstrate
some of the improvements that have been made…"
https://accessibility.blog.gov.uk/2018/08/01/supporting-users-who-change-colours-on-gov-uk/


+04: EVALUATION & TESTING.

When to Use Which UX Research Method (Video)
By Kara Pernice.
"Don't just do usability tests. Do what you need. Consider five criteria
 to help you determine the most effective UX research method to use for
 your situation, to meet research goals, and achieve desired outcomes/"
https://www.nngroup.com/videos/when-use-which-ux-research-method/


+05: EVENTS.

Document Accessibility Course
Starts August 6, 2018.
Online.
https://webaim.org/training/docs/

Testing for Accessibility on the Web
August 7, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/253076818/
Live Stream: https://www.youtube.com/watch?v=0tW_adH-d0I
Live Captions: http://www.streamtext.net/player?event=CDA

Applying Behavioral Economics Principles to UX Design
August 9, 2018.
Minneapolis, Minnesota, U.S.A.
http://uxpamn.org/event-2927686

Web Accessibility Training
September 11-12, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training/

Wonder Women Tech's 3rd Annual Long Beach National Conference
October 5-6, 2018.
Long Beach, California, U.S.A.
https://wonderwomentech.com/

JS Interactive
October 10-12, 2018.
Vancouver, Canada
https://events.linuxfoundation.org/events/js-interactive-2018/

ASSETS
October 22-24, 2018.
Galway, Ireland
http://assets18.sigaccess.org/


+06: HTML.

HTML/Usage/Headings/h1only
By Steve Faulkner.
"Using only h1 elements in a HTML document results in a flat document
 outline as heading element semantics are conveyed to users as per the
 numeric in the heading element tag name…"
https://www.w3.org/wiki/HTML/Usage/Headings/h1only

HTML5 Draggable Attribute
By Rakesh Paladugula.
"The HTML5 draggable attribute specifies if the element can be picked
for dragging. Links and images are draggable by default…"
http://www.maxability.co.in/2018/07/html5-draggable-attribute/

Sometimes 'sizes' is Quite Important
By Chris Coyier.
"…The entire job of the sizes attribute is to tell the browser what size
the image will be shown at, as per our CSS…"
https://css-tricks.com/sometimes-sizes-is-quite-important/

Short Note on the Accessibility of Styled Form Controls
By Scott O'Hara.
"Sticking with a native form control will almost always give your users
a more accessible experience than trying to recreate one from scratch.
 Though the issue with native form controls is that they have an infamous
 reputation for being problematic to style…"
https://developer.paciellogroup.com/blog/2018/07/short-note-on-the-accessibility-of-styled-form-controls/


+07: INFORMATION ARCHITECTURE.

Customer-Service Information on Websites: The Hub-and-Spoke Model
By Kim Flaherty.
"…we propose the following model for the delivery of customer-service
information on ecommerce websites…"
https://www.nngroup.com/articles/customer-service-model/


+08: JAVASCRIPT.

WAI-ARIA Authoring Practices 1.1
Matt King. James Nurthen. Michiel Bijl, Michael Cooper,
and Joseph Scheuhammer Editors.
"This document provides readers with an understanding of how to use
 WAI-ARIA 1.1 [WAI-ARIA] to create accessible rich internet applications. …"
https://www.w3.org/TR/wai-aria-practices-1.1/

ARIA Role Categories
By Russ Weakley.
"…The chart below shows all WAI ARIA roles including notes on when they
changed category, or where newly introduced…"
https://russmaxdesign.github.io/aria-roles/

Short Note on ARIA Support
By Léonie Watson.
"It is easy to get the idea that ARIA fixes everything for accessibility,
but the reality is that ARIA serves a very specific purpose, for a very
specific audience…"
https://developer.paciellogroup.com/blog/2018/07/short-note-on-aria-support/

Accessibility
By React.
"React fully supports building accessible websites, often by using
standard HTML techniques…"
https://reactjs.org/docs/accessibility.html

JavaScript: More Puppy Love, Less Fatigue
By Christian Heilmann.
"JavaScript is everywhere and it is the hottest thing to have on your CV. For now.…"
https://christianheilmann.com/2018/07/30/javascript-more-puppy-love-less-fatigue/


+09: MISCELLANEOUS.

abc to SVG
By Chris Coyier.
"Here's a little example that Jeremy Keith used to use in his talks.
 It's stuck with me as one of the coolest examples of progressive
 enhancement and Technology Being Cool around…"
https://css-tricks.com/abc-to-svg/


+10: NAVIGATION.

Shortish Note on JAWS Support for Regions
By Steve Faulkner.
"The JAWS screen reader has fairly recently changed the way it supports
 the announcement of ARIA landmark roles and HTML5 elements
that map to landmark roles…"
https://developer.paciellogroup.com/blog/2018/07/shortish-note-on-jaws-support-for-regions/


+11: STANDARDS, GUIDELINES & PATTERNS.

Why are Web Standards So Slow?
By Bruce Lawson.
"…that's why web standards are so slow, and so powerful -
they're made in the open, for everybody."
https://www.brucelawson.co.uk/2018/why-are-web-standards-so-slow/


+12: TOOLS.

3 Simple Design Bookmarklets
By Thomas Park.
"…Grayscale to gauge contrast between light and dark, rather than by colors…
Blurry to examine the composition of colors…Upside-down to get a fresh
perspective on composition and balance…" Try using the Gray one to check
for instances of color alone.
https://thomaspark.co/project/designbookmarklets/

Bookmarklet for Highlighting Images that Lack alt Attributes
By Ted Drake.
"The following bookmarklet will highlight images lacking alt attributes
by turning them grey…"
http://www.last-child.com/bookmarklet-images-lack-alt/


+13: USABILITY.

Toggle-Switch Guidelines
By Alita Kendrick.
"Toggle switches are digital on/off switches. They prompt users to choose
between two mutually exclusive options and always have a default value.
Toggles should provide immediate results, giving users the freedom to
control their preferences as needed."
https://www.nngroup.com/articles/toggle-switch-guidelines/

15 Mobile UX Facts & Insights (2018)
By Jeff Sauro.
"…This is an updated article to the 2017, 2016, 2015, and 2013 articles
based on published data and our own mobile UX research…"
https://measuringu.com/mobile-2018/


+14: XML.

The World Wide Success That is XML
By Liam Quin.
"…There's lots of opportunities to explore in making good, sensible use of XML
technologies. XML is everywhere. Thank you to all who have contributed."
https://www.w3.org/blog/2018/07/the-world-wide-success-that-is-xml/


[Section one ends.]


++ SECTION TWO:

+15: 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.]
Preview YouTube video Testing for Accessibility on the Web

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: August 9, 2018

David Dillard
 


*


Laura Carlson <lcarlson@d.umn.edu>

Thu, Aug 9, 2018, 6:58 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 07, August 9, 2018.

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

++ISSUE 07 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: MISCELLANEOUS.
10: NAVIGATION.
11: TOOLS.
12: USABILITY.
13: XML.


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 - 1.4.11 Non‑text Contrast
By Becky Gibson.
"…The contrast of icons and graphical objects is just as important as that of text.
Use sufficient contrast for all elements on the screen."
https://knowbility.org/blog/2018/WCAG21-1411Contrast/

1.3.4 Orientation
By Rakesh Paladugula.
"…1.3.4 orientation wants authors not to create any content or functionality
that is restricted to one orientation…"
http://www.maxability.co.in/

Are You Ready for WCAG 2.1 Accessibility Guidelines?
By Jack Niland.
"Jack Niland from Spacecraft, Jadu's web agency partner takes us through
the new guidelines and how they may affect you and your website…"
https://www.jadu.net/blog/TheJaduBlog/post/391/are-you-ready-for-wcag-2.1-accessibility-guidelines

WCAG 2.1 and What the New Criteria Really Mean for Your Website
By Corbb O'Connor and Erin Jones.
"…the new version of W3C's Web Content Accessibility Guidelines, WCAG 2.1,
has been released for nearly two months. If you're reading this blog,
you could be asking yourself any number of questions…"
https://siteimprove.com/en-us/blog/wcag-21-and-what-the-new-criteria-really-means-for-your-website/

Why I Love WCAG (And You Should, Too!)
By Jessica Sanders.
"…The internet has given us the world. We're a global community.
And, as a global community, it'd be ideal if we could all access the same,
 necessary information. That's where WCAG comes in to play…"
https://brailleworks.com/why-i-love-wcag-and-you-should-too/

Understanding SC 1.4.2 Audio Control
By Raghavendra Satish Peri.
"Automatic playing content distracts users, especially cognitive,
screen reader users & will hinder in performing their tasks effectively…"
https://www.digitala11y.com/understanding-sc-1-4-2-audio-control/

Accessible Comics
By Hampus Sethfors.
"…In this article we'll look at a case where a team has done great work
 to make their digital comic accessible to people with visual impairments…"
https://axesslab.com/accessible-comics/

'Never Assume Anything': The Golden Rules for Inclusive Design
By Ellen Tannam.
"Why should developers and designers have inclusivity
at the forefront of every project…"
https://www.siliconrepublic.com/companies/henny-swan-inclusive-design

TTML Profiles for Internet Media Subtitles and Captions 1.1
By Pierre Lemieux, Editor.
"This document was published by the Timed Text Working Group
as a Candidate Recommendation. This document is intended to become
a W3C Recommendation. Comments regarding this document are welcome…"
https://www.w3.org/TR/2018/CR-ttml-imsc1.1-20180726/

Website Accessibility Lawsuit Calls Foul on the Miami Heat
By Klein Moynihan Turco.
"…Andres Gomez, the Plaintiff named in the website accessibility lawsuit
against the Miami Heat, is alleging that, as a blind man, the Miami Heat's
online store does not provide him with full accessibility…"
http://www.kleinmoynihan.com/website-accessibility-lawsuit-calls-foul-on-the-miami-heat/

11th Circuit Determines Informational Websites
for Places of Public Accommodation Are Subject to ADA
By Robert S. Fine.
"…the 11th Circuit held 'the website is a service that facilitates the use
of Dunkin' Donuts shops which are places of public accommodation.
 And the ADA is clear that whatever goods and services Dunkin' Donuts
offers as a part of its place of public accommodation, it cannot discriminate
against people on the basis of a disability, even if those goods and services
are intangible.'…"
https://www.gtlaw.com/en/insights/2018/7/11th-circuit-determines-informational-websites-for-places


+02: CASCADING STYLE SHEETS.

Being Aware of Initial Values in Your CSS
By Louis Lazaris.
"In CSS, every property has what's referred to as an initial value.
 Sometimes this is called the default value, but the spec uses the term initial,
which I think is a slightly better term…"
https://www.impressivewebs.com/being-aware-of-initial-values-in-your-css/

Save Time With the CSS 'grid' Shorthand Property
By Ian Yates.
"In this tutorial we're going to look at the shorthand property grid
 which quickly deals with all of the above in a single statement…"
https://webdesign.tutsplus.com/tutorials/save-time-with-the-css-grid-shorthand-property--cms-31590

What Happens When You Create A Flexbox Flex Container?
By Rachel Andrew.
"In my ideal world, CSS Grid and Flexbox would have arrived together,
fully formed to make up a layout system for the web. Instead, however,
we got Flexbox first and, due to it being better at creating grid-type layouts
than floats, we ended up with a lot of Flexbox-based grid systems.
In fact, many of the places where people find Flexbox difficult or confusing
are really due to this attempt to make it a method for grid layout."
https://www.smashingmagazine.com/2018/08/flexbox-display-flex-container/

CSS Properties Index
By Jens Oliver Meiert.
"A continuously updated list of all CSS properties…"
https://meiert.com/en/indices/css-properties/


+03: DRUPAL.

Caring About Webform Accessibility
By Jacob Rockowitz.
"At Design4Drupal in Boston, caring about accessibility became the central
theme for my presentation, titled 'Webform Accessibility'…"
https://www.jrockowitz.com/blog/caring-about-accessibility

Personalization & Accessibility with Drupal
By Mike Gifford.
"…'Fluid is an open, collaborative project to improve the user experience and
inclusiveness of open source software.'…I was convinced of its usefulness.
There was even an existing module for it in Drupal. Unfortunately,
the module was abandoned and hadn't kept up with either Drupal or the Fluid
project. We have now contributed code back to the community to address this
in both Drupal 7 and 8. We want to see this pattern be more widely
implemented on other sites…"
https://openconcept.ca/blog/mike/personalization-accessibility-drupal


+04: EVALUATION & TESTING.

15 Metrics for UX Benchmarking
By Jeff Sauro.
"A benchmark study tells you where a website, app, or product falls relative
to some meaningful comparison…"
https://measuringu.com/ux-benchmark-metrics/


+05: EVENTS.

A11Y Talks with Dennis Deacon
August 14, 2018.
Online
https://groups.drupal.org/node/534190

Accessible Presentations: How to Design and Deliver Content
for Diverse Audiences
August 21, 2018.
Online.
http://aem.cast.org/about/events/2018/08/design-and-deliver-content-diverse-audiences.html

Better By Design
August 23-24, 2018.
Madison, Wisconsin, U.S.A.
https://betterbydesignconference.com/

Digging in to Inclusive Design with Derek Featherstone
August 28, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/253435305/

Inclusive Learning and Teaching Environments
Starts September 3, 2018.
Online
https://www.futurelearn.com/courses/inclusive-learning-teaching/

Accessibility Camp Chicago 2018
September 8, 2018.
Chicago, Illinois, U.S.A.
https://www.a11ycampchi.org/

Online Video Accessibility
September 20, 2018.
Online
https://www.accessibilityonline.org/ada-tech/session/?id=110664


+06: HTML.

Enshrining Accessibility at Every Level
By Michiel Bijl.
"When I started to learn HTML, I began with basic elements like h1, p, div,
and button. I learned about semantics, creating sections with headings,
and styling elements with CSS. Unconsciously, I was laying a foundation
of knowledge on how to build accessible websites…"
https://moiety.me/thinks/enshrining-accessibility-at-every-level.html

Nutrition Cards for Accessible Components
By Dave Rupert.
"A11Y Nutrition Cards is an attempt to digest and simplify the accessibility
expectations when it comes to component authoring.
Based on the WAI ARIA Authoring Practices Guide…"
https://davatron5000.github.io/a11y-nutrition-cards/


+07: INFORMATION ARCHITECTURE.

Ceci n'est pas une prototype
By Katherine Olvera.
"…A prototype is an internal communication tool, not a product.
This was always clear while designing physical products because
the final production medium was distant from the design tooling…"
https://www.viget.com/articles/ceci-nest-pas-une-prototype/


+08: JAVASCRIPT.

Fixing Variable Scope Issues with ECMAScript 6
By Brandon Gregory.
"…But ECMAScript 6 introduced some new features to help give
developers more control of variable scope. Browser support is
pretty great and these features are ready to use for most developers
today. But which to choose? And what, exactly, do they do?…"
https://alistapart.com/article/fixing-variable-scope-issues-with-ecmascript-6

aria-colindex(property) Part 1
By Suman Damera.
"…When aria-colindex property is set on the cell container of the table
 then screen readers would understand column index of that cell and
 announces the column index accordingly…"
http://www.sumandamera.com/aria-colindexproperty_part1/


+09: MISCELLANEOUS.

WorldWideWeb: Summary
By Tim Berners-Lee.
"…On 6 August 1991 @timberners_lee first invited the public to participate
in the world wide web. 'The WWW project merges the techniques of
information retrieval and hypertext to make an easy but powerful global
information system.' He added: 'Try it'…"
https://www.w3.org/People/Berners-Lee/1991/08/art-6487.txt

Accessibility in Tech with Haben Girma
By Mark Mandel and Melanie Warrick.
"On this episode of the podcast we continue a conversation we started
 with Haben Girma, an advocate for equal rights for people with
 disabilities, regarding the value of tech accessibility. Melanie and Mark
talk with her about common challenges and best practices when
 considering accessibility in technology design and development…"
https://gcppodcast.com/post/episode-141-accessibility-in-tech/

Interview with Eric Meyer - Part 1
By Nicolas Steenhout.
"Eric talks about accessibility, of course, and semantics,
and frameworks, and more…"
https://a11yrules.com/podcast/e51-interview-with-eric-meyer-part-1/

Securing Web Sites Made Them Less Accessible
By Eric A. Meyer.
"…The drive to force every site on the web to HTTPS
has pushed the web further away from the next billion users-not to mention
a whole lot of the previous half-billion…I saw, first-hand, the negative
externality that was pushed onto people far, far away from our data
centers and our thoughts." 
https://meyerweb.com/eric/thoughts/2018/08/07/securing-sites-made-them-less-accessible/

The Bullshit Web
By Nick Heer.
"…An honest web is one in which the overwhelming majority of the code and
assets downloaded to a user's computer are used in a page's visual presentation,
with nearly all the remainder used to define the semantic structure and associated
metadata on the page. Bullshit - in the form of CPU-sucking surveillance,
 unnecessarily-interruptive elements, and behaviours that nobody responsible
for a website would themselves find appealing as a visitor - is unwelcome and
intolerable…"
https://pxlnv.com/blog/bullshit-web/


+10: NAVIGATION.

Removing Site Tracking
By Charlie Owen.
"In truth, Google Analytics has always been a bit of a childish self-validation crutch.
'Look how many visits I'm getting ma!' It doesn't really serve a purpose for me.
I design my site for everybody, so I don't need to track where people are coming from.
I design my site for every device, so I don't need to track OS and Browser.
I have zero interest in the awfully revealing demographic data that GA exposes.
I really have no need to see real-time data on visitors. It's all really for nothing…"
https://sonniesedge.co.uk/posts/removing-tracking


+11: TOOLS.

Specificity Visualizer
By Francesco Schwarz.
"A visual way to analyze the specificity of selectors in CSS."
https://isellsoap.github.io/specificity-visualizer/


+12: USABILITY.

Self-Service UX: 'Cards' Dashboards Must Be Highly Consistent and Appropriately Styled
By Edward Scott.
"Cards can be effective at improving the scannability of the dashboard,
as users should be able to quickly find the account feature they're looking
for by scanning card headers or prominent card content (e.g., 'Your Lists',
'Purchase History', etc.). During testing, however, 'Cards' dashboards
performed poorly when card content wasn't implemented
 with a very high level of consistency."
https://baymard.com/blog/cards-dashboard-layout

Keeping Digital Teams Happy Versus Keeping Customers Happy
By Gerry McGovern.
"…If you really want to deliver excellent customer experience, then measure
use and usefulness. Measure how easy it is for customers to find and use the
things they want to find and use."
http://gerrymcgovern.com/keeping-digital-team-happy-versus-keeping-customers-happy/

Intelligent Assistants: Creepy, Childish, or a Tool? Users'
Attitudes Toward Alexa, Google Assistant, and Siri
By Page Laubheimer and Raluca Budiu.
"Users assume that assistants have a low level of competence for complex tasks and
find them to be socially awkward to interact with."
https://www.nngroup.com/articles/voice-assistant-attitudes/

What is UX Strategy?
By Charlie Martin.
"As you can imagine, I get asked this question a lot. So, I thought I'd follow up my
recent webinar on this topic with an article (a 5-10 minute read) on what UX Strategy
is and how it can come together…"
https://www.nomensa.com/blog/2018/what-ux-strategy

5 Ways to Lower Your Sites Barrier to Entry
By Ezequiel Bruni.
"All sites have a barrier to entry. The lower you can make that barrier,
the most users you'll encourage to use your site, and the more successful
your endeavors. We look at five ways to reduce barriers to entry on websites…"
https://www.webdesignerdepot.com/2018/07/5-ways-to-lower-your-sites-barrier-to-entry/

What Can Bike Sharing Apps Teach Us About Mobile On-boarding Design?
By Luke Wroblewski.
"Given the proliferation of bike/scooter sharing services these days,
I thought it would be interesting to compare the mobile app on-boarding
 experiences of the ones I could access. To do so, I went through the new
 customer flow for six of these services…"
https://www.lukew.com/ff/entry.asp?1995

Designing a Complex Table for Mobile Consumption
By Joe Caron.
"When faced with overwhelming content, focusing on user behavior
can help define the design approach…"
https://uxdesign.cc/designing-a-complex-table-for-mobile-consumption-nom-7472f7b11fe6


+13: XML.

Scalable Vector Graphics (SVG) 2
By W3C.
"This specification defines the features and syntax
for Scalable Vector Graphics (SVG) Version 2. SVG is a language based on XML
for describing two-dimensional vector and mixed vector/raster graphics…"
https://www.w3.org/TR/2018/CR-SVG2-20180807/


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

 

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: August 16, 2018

David Dillard
 



[webdev] Web Design Update: August 16, 2018

 

 

Laura Carlson <lcarlson@d.umn.edu>

Thu, Aug 16, 2018, 6:35 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 08, August 16, 2018.

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

++ISSUE 08 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: DRUPAL.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: TYPOGRAPHY.
11: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 -  1.4.12 Text Spacing
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues
with another level AA criteria aimed at low vision, 1.4.12 Text Spacing…"
https://knowbility.org/blog/2018/WCAG21-1412TextSpacing/

The Whats and Whys of WCAG 2.1
By Nathan Haines.
"…In this post I'd like to give a brief overview of what each
new recommendation is and why we should care about it…"
https://objectpartners.com/2018/08/09/the-whats-and-whys-of-wcag-2-1/

WCAG 2.1 Summary for Web Writers
By Dey Alexander.
"This summary is for web content managers, editors and writers.
It's limited to level A and AA guidelines relevant to content production.
 Organised in topics so you can skip things that aren' t relevant to your role…"
https://4syllables.com.au/articles/wcag-summary-writers/

Rethinking Accessibility: Role-Based Analysis of WCAG 2.0 (Video)
By Bill Tyler.
"Focusing on accessibility with developers after they deliver code
"feels wrong." It should. Analyzing WCAG success criteria reveals
many issues arise from decisions made by other roles well before
a line of code is written…"
https://www.youtube.com/watch?v=8ovXWPxkA4c
Slides:
https://www.slideshare.net/BillTyler1/a11y-by-design-2018-rethinking-accessibility-20180508

Navigating Accessibility in Two Dimensions
By Sarah Higley.
"…In this two-part series, we first take a closer look at the challenges
 of displaying accessible map markers with the Google Maps API
and then propose some solutions…"
https://www.sitepen.com/blog/2018/08/08/navigating-accessibility-in-two-dimensions/

A Web of Anxiety: Accessibility for People with Anxiety and Panic Disorders [Part 1]
By David Swallow.
"…I talked with several people with anxiety and panic disorders about
aspects of user interface (UI) and user experience (UX) design that
 contribute to feelings of anxiety and panic. Several themes emerged…"
https://developer.paciellogroup.com/blog/2018/08/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-1/

Technologic (Human Afterall): Accessibility Mix (Video)
By Léonie Watson.
"With a little help from Daft Punk, Léonie will explain accessibility mechanics
in the browser, why CSS isn't just about looking good, and what tools
you can use to get ahead of the game…"
https://www.youtube.com/watch?v=vGpjE_eecmY

How To Ask YouTubers To Caption Their Videos
By Rikki Poynter.
"…I've mentioned in a few videos what you can do, but here, I'll give you an
entire list of what you can do and where to do it…"
https://medium.com/@rikkipoynter/how-to-ask-youtubers-to-caption-their-videos-44306bee2a4a

Eleventh Circuit Dunks on Businesses With Websites
By Jennifer Rusie and David Raizman.
"…The court concluded that the alleged barriers on the website
 denied the plaintiff access to the services of the physical locations
 that are available online and permitted the case to move forward…"
https://ogletree.com/shared-content/content/blog/2018/august/eleventh-circuit-dunks-on-businesses-with-websites

BECU Shows ADA Disputes Don't Have to be Acrimonious
By Michael Bartlett.
"Website accessibility has become a hot-button issue for credit unions
over the last year - due in no small part to one law firm in California that
has generated hundreds of demand letters to CUs alleging violations of
the Americans With Disabilities Act, even though in many cases the
alleged plaintiff had no ability to join the credit union in question…"
https://www.cujournal.com/news/becu-shows-ada-disputes-dont-have-to-be-acrimonious


+02: CASCADING STYLE SHEETS.

Everything You Need To Know About Alignment In Flexbox
By Rachel Andrew.
"…we will take a look at the alignment properties, and how these work with Flexbox…"
https://www.smashingmagazine.com/2018/08/flexbox-alignment/

Switch Font Color for Different Backgrounds with CSS
By Facundo Corradini.
"Ever get one of those, "I can do that with CSS!" moments while
watching someone flex their JavaScript muscles?…"
https://css-tricks.com/switch-font-color-for-different-backgrounds-with-css/

Changes on CSS Grid Layout in Percentages and Indefinite Height
By Manuel Rego Casasnovas.
"A s̶h̶o̶r̶t̶ long story on how percentage work on CSS in general and
in CSS Grid Layout row tracks and gutters particularly."
https://blogs.igalia.com/mrego/2018/08/10/changes-on-css-grid-layout-in-percentages-and-indefinite-height/


+03: COLOR.

End of the Rainbow? New Map Scale Is More Readable by People Who
Are Color Blind (Hat tip to Peter Angelos)
By Betsy Mason.
"The improved palette also avoids some of the problems existing
data visualization schemes pose for people with typical vision…"
https://www.scientificamerican.com/article/end-of-the-rainbow-new-map-scale-is-more-readable-by-people-who-are-color-blind/

The Possibilities of the color-adjust Property
By Eric Bailey.
"…There are two values for color-adjust: economy and exact.
A value of exact tells the browser it shouldn' t make adjustments
to the colors declared in the stylesheet…"
https://css-tricks.com/the-possibilities-of-the-color-adjust-property/


+04: EVALUATION & TESTING.

5 Common Rating Scales Explained
By Jeff Sauro.
"…Here are 15 scales, in roughly the order of most to least commonly used…"
https://measuringu.com/rating-scales/


+05: EVENTS.

UX Week 2018
August 21-24, 2018.
San Francisco, California, U.S.A.
http://uxweek.com/

Design + Diversity
August 23-25, 2018.
Saint Louis, Missouri, U.S.A.
http://designplusdiversity.com/

Quick Start to Captioning
September 6, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-09-06-2018/

State of the Browser
September 8, 2018.
London, England, United Kingdom
https://2018.stateofthebrowser.com/

SmashingConf Freiburg
September 10-11, 2018.
Freiburg, Germany
https://smashingconf.com/freiburg-2018/

Developing Accessibility Training Strategies in Higher Ed
September 13, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-09-13-2018/

WavePHP
September 19-21, 2018.
San Diego, California, U.S.A.
http://wavephp.com/


+06: HTML.

Is Placeholder Text a Sufficient Accessible Label for Form Fields
By David MacDonald.
"In a mobile first world many websites use placeholder text to save space.
Let's test to see if its a good idea…"
http://davidmacd.com/blog/is-placeholder-accessible-label.html

Understanding Why Semantic HTML is Important, as Told by TypeScript.
By Mandy Michael.
HTML isn't just the foundation that we build our websites on
it plays a vital role in making our websites function as expected across
those platforms and technologies. If you use HTML to it's full potential
from the beginning, you're not just making the most out of built in features
you're making it more functional for people, bots, and for any tech, not just
now but in the future as well…"
https://medium.com/@mandy.michael/understanding-why-semantic-html-is-important-as-told-by-typescript-bd71ad41e6c4

Back to School - Semantic Markup Review
By Harshala Bhandari.
Reduce JS payloads with tree shaking.
"…The benefit of writing semantic HTML stems from what should be the
driving goal of any web page- the desire to communicate…"
https://webprofessionals.org/back-to-school-semantic-markup-review/

Draggable Attribute
By Paul J. Adam.
"This demo is to test screen reader support for the HTML draggable
 attribute and its usage with role=application and aria-grabbed…"
http://pauljadam.com/demos/draggable.html


+07: JAVASCRIPT.

A Little-known Fact About JavaScript Hoisting
By Louis Lazaris.
"At some point when reading about scope in JavaScript, you may
have come across the term hoisting…"
https://www.impressivewebs.com/javascript-hoisting-little-known-fact/


+08: MISCELLANEOUS.

Stop Building for San Francisco
By Ben Werdmüller.
"Overwhelmingly, our software is built by well-paid teams with huge
monitors and incredibly fast computers running on a high-bandwidth
 internet connection. We run MacBook Pros, we have cinema displays,
we carry iPhones. That's not what the rest of the world looks like…"
https://werd.io/2018/stop-building-for-san-francisco


+09: NAVIGATION.

Accessibility: Keyboard Navigation
By Susan Jean Robertson.
"…Today we' re going to dive into the world of making sure that
people can navigate your site using their keyboard…"
https://susanjeanrobertson.com/writing/accessibility-keyboard


+10: TYPOGRAPHY.

What is Typesetting?
By Tim Brown.
"Typesetting is the most important part of typography,
because most text is meant to be read, and typesetting involves
preparing text for reading.…"
https://alistapart.com/article/flexible-typesetting


+11: USABILITY.

Creating Usability Maturity Models for Large-Scale Projects
By Angela Huenerfauth and David Teller.
"…Usability maturity is our way to measure and track usability
evolution during product development so we know when our
products are ready to ship. This technique is especially useful
for managing large-scale, complex projects…"
http://uxpamagazine.org/creating-usability-maturity-models/

Designing Effective Infographics
By Lexie Martin.
"Information graphics translate data into a visual medium that
is easy to understand and engaging. Integrated visuals with text
and pictures that strengthen each other are the goal, but hard to
achieve."
https://www.nngroup.com/articles/designing-effective-infographics/

Choice Overload is Harming Your Users (Video)
By Alita Joyce.
"Excessive product or service offerings can make it impossible
for users to make a decision. Alternatively, too many options can
also cause users to hastily make a decision and later regret their
choice."
https://www.nngroup.com/videos/choice-overload-harms-users/

Dark Pattern Design - It's Downright Unethical & Irresponsible
By Ainsley Yeung.
"Dark patterns are tricks on a website or application that mislead
the users so they do something they have no intention to do…"
https://uxplanet.org/dark-pattern-design-its-downright-unethical-irresponsible-c2a3612a1640

[Section one ends.]


++ SECTION TWO:

+12: 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 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.]
Preview YouTube video Technologic (Human Afterall): Accessibility mix

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: August 23, 2018

David Dillard
 




 [webdev] Web Design Update: August 23, 2018

 

 

Laura Carlson <lcarlson@d.umn.edu>

Thu, Aug 23, 2018, 7:20 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 09, August 23, 2018.

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

++ISSUE 09 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: TOOLS.
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.

Multimedia Accessibility: I Hear What You See
By Aparna Pasi.
"If I ask one of my friends to watch a video closing his eyes and explain the info,
naturally, he/she would ask 'Are you out of mind'? I know it's weird to do so.
But every day people who are blind watch videos like that and it is not weird for them…"
https://www.digitala11y.com/multimedia-accessibility/

Exploring WCAG 2.1 - 1.4.13 Content on Hover or Focus
By Becky Gibson.
"…1.4.13 Content on Hover or Focus is at level AA and primarily targets users with low vision.
People with cognitive disabilities and users with tremors or limited movement also benefit…"
https://knowbility.org/blog/2018/WCAG21-1413ContentHoverFocus/

Your Website, Accessibility, and Why WCAG 2.1 Should Excite You
By Ed Neenan.
"…Without question, the new 2.1 guidelines are highly beneficial. At their core they set out to
significantly reduce accessibility issues across various impaired populations…"
https://www.saidigital.com/news-and-insights/your-website-accessibility-and-why-wcag-21-should-excite-you

The Easiest Way to Keep Your Web Apps Accessible: Just Use Text
By Jason Rodriguez.
"…By being more deliberate in our choices as developers, especially by favoring text and
thoughtful, semantic markup, we have the power to improve the lives of a lot of people.
So take some time to think about your applications and the techniques you use to build them…"
https://blog.logrocket.com/the-easiest-way-to-keep-your-web-apps-accessible-c2b57506cc2a

A Realistic Guide for Improving Web Accessibility
By Kristi Eaves-McLennan.
"Follow these five practical steps to make your institution's website more accessible…"
https://www.insidehighered.com/blogs/call-action-marketing-and-communications-higher-education/realistic-guide-improving-web

What Is Transcription?
By Jaclyn Leduc.
"US adults spend 11 hours per day connected to media, and nearly 6 of those are spent
watching video…"
https://www.3playmedia.com/2018/08/17/what-is-transcription/

Challenges in Measuring Automatic Transcription Accuracy
By Jason Kincaid.
"…Ever wonder how Speech Recognition researchers evaluate the accuracy of their systems -
and why it's so tricky to test?…"
https://medium.com/descript/challenges-in-measuring-automatic-transcription-accuracy-f322bf5994f

Flowcharts & Concept Maps
By Penn State.
"A common type of technical diagram is a flowchart, concept map showing relationships between
different concepts. In many cases, the long description could be a list-based outline describing
different parts of the process…"
http://accessibility.psu.edu/images/flowcharts/

Dear PDF and PDF/UA Committee Members (PDF)
By Karen McCall.
"…As of the date of this letter, with PDF-2 published and PDF/UA 2 pending,
we've lost any ground that we had advanced in 2012 in the PDF file format…"
https://www.karlencommunications.com/adobe/PDF-ResignationLetterMcCallAugust2018.pdf

A Mid-Year Review of the Current State of ADA Website Accessibility Lawsuits
By Joshua Briones and Nicole Ozeran.
"…mid-way through 2018 and nearly 685 federal ADA website accessibility lawsuits
have already been filed…"
https://www.bna.com/insight-midyear-review-n73014481764/

Apple Web Design Violates Law, Claims Blind Person
By Thomas Claburn.
"Incompatibility of apple.com with screen-readers said to harm the sight impaired…"
https://www.theregister.co.uk/2018/08/21/apple_web_design_violates_law_claims_blind_person/

Apple Sued Over Claims Website is Inaccessible to Visually Impaired Users
By Malcolm Owen.
"Apple has become the target of a new lawsuit, one that claims the iPhone producer's
website is violating the Americans with Disabilities Act (ADA) by not being fully
accessible to blind or visually-impaired consumers, due to the way the website itself is
coded…It is also alleged the lack of compliance with WCAG 2.0 guidelines means
Apple has 'engaged in acts of intentional discrimination'…"
https://appleinsider.com/articles/18/08/20/apple-sued-over-claims-website-is-inaccessible-to-visually-impaired-users

A New Class Action Lawsuit has been Filed Against Apple on Behalf of those that are
Legally Blind or Visually Impaired
By Jack Purcher.
"…Himelda Mendez filed a five count class action against Apple in the Southern District
of New York on behalf of herself and those that are legally blind or visually impaired.
The lawsuit was filed due to Apple's failure to design, construct, maintain, and operate
its website to be fully accessible to and independently usable…"
http://www.patentlyapple.com/patently-apple/2018/08/a-new-class-action-lawsuit-has-been-filed-against-apple-on-behalf-of-those-that-are-legally-blind-or-visually-impaired.html


+02: CASCADING STYLE SHEETS.

Easy and Responsive Modern CSS Grid Layout
By Ahmed Bouchefra.
"In this article, we'll show how to create a responsive modern CSS Grid layout,
demonstrating how to use fallback code for old browsers, how to add CSS Grid
progressively, and how to restructure the layout in small devices and center
elements using the alignment properties…"
https://www.sitepoint.com/easy-responsive-modern-css-grid-layout/

CSS Flow Layout
By Rachel Andrew.
"Normal Flow, or Flow Layout is the way that Block and Inline elements are
displayed on a page before any changes are made to their layout. The flow is
essentially a set of things that are all working together, and know about each
other in your layout. Once something is taken out of flow it works independently…"
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flow_Layout

Practical CSS Scroll Snapping
By Max Kohler.
"CSS scroll snapping allows you to lock the viewport to certain elements
or locations after a user has finished scrolling…"
https://css-tricks.com/practical-css-scroll-snapping/

A Tale of Two Buttons
By James Nash.
"…I think embracing CSS's cascade can be a great way to encourage consistency
and simplicity in UIs. Rather than every new component being a free for all,
it trains both designers and developers to think in terms of aligning with and
re-using what they already have. Remember, every time you set a property in CSS
you are in fact overriding something (even if it's just the default user agent styles).
In other words, CSS code is mostly expressing exceptions to a default design…"
https://medium.com/buildit/a-tale-of-two-buttons-e63185aefd5f


+03: EVALUATION & TESTING.

Practical Tips for Running a PURE Evaluation
By Jeff Sauro.
"In an earlier article, I described the PURE methodology. PURE stands
for Practical Usability Rating by Experts…"
https://measuringu.com/pure-tips/


+04: EVENTS.

Digging in to Inclusive Design with Derek Featherstone
August 28, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/253435305/
Live Stream: https://www.youtube.com/watch?v=DZ5Yh6vBNn8
Live Captions: http://www.streamtext.net/player?event=CDA

Including People with Disabilities in Design
August 30, 2018.
Online
https://zoom.us/webinar/register/WN_Tpi6f_7XRjuLOXUD-xQ2xA

Inclusive PDFs by Design
September 18, 2018.
Online
http://aem.cast.org/about/events/2018/09/inclusive-pdfs-by-design.html

Why Your Inaccessible Website Could Get You Sued & How To Prevent It
September 27, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-09-27-2018/

Accessibility Lawsuits, How to Handle Them; How to Avoid Them
October 1-2, 2018.
Washington, DC, U.S.A.
https://www.accessibility.legal/

ACCESS DC
October 2, 2018.
Washington, DC, U.S.A.
https://www.3playmedia.com/access-dc-2018/

Intro to Audio Description
October 4, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-10-04-2018/

Web Accessibility Testing Tools
October 9, 2018.
Online
http://www.maxability.co.in/2018/08/maxability-webinar-october-2018-web-accessibility-testing-tools/


+05: HTML.

Getting to the Picture Element
By Jay Hoffmann.
"The story of how responsive images made its way into the browser doubles
as an inside look at the standards making process itself …"
https://thehistoryoftheweb.com/responsive-design-picture-element/


+06: TOOLS.

Accessibility Scanner App on Android
By Rakesh Paladugula.
"Accessibility scanner is an accessibility testing tool available for Android devices…"
http://www.maxability.co.in/2018/08/accessibility-scanner-app-on-android/


+07: TYPOGRAPHY.

Pixels vs Ems Commentary
By Alastair Campbell.
"An article from Evan Minto did the rounds on Medium a while ago: Pixels vs. Ems:
Users DO Change Font Size, and I posted a couple of comments  which I'd rather
didn't disappear so I'll summarise them here…"
https://alastairc.ac/2018/08/pixels-vs-ems-commentary/

Variable Fonts and Dyslexia
By Adrian Roselli.
"Dyslexia is not a black or white, on or off condition. Some with dyslexia report
different challenges than others, ranging from typefaces to page layout to other
factors…"
http://adrianroselli.com/2018/08/variable-fonts-and-dyslexia.html


+08: USABILITY.

Carousels on Mobile Devices
By Raluca Budiu.
"Carousels on touch screens are plagued by low discoverability and sequential
access, and not all designs implement swipe as a carousel control."
https://www.nngroup.com/articles/mobile-carousels/

Prominence-Interpretation Theory
By Therese Fessenden.
"Prominence-interpretation theory helps determine what shapes users'
perceptions of a site's credibility."
https://www.nngroup.com/articles/prominence-interpretation-theory/

How to Do User Research Within Constraints (Video)
By Rachel Krause.
"There will always be constraints that we have to work in, whether it's not having
enough time or not having dedicated researchers on our UX projects.
"This video offers tips on how to do user research without feeling stuck."
https://www.nngroup.com/videos/user-research-within-constraints/

Beating Creative Blocks in UX Design Through Reframing (Video)
By Kate Moran.
"A method for getting unstuck from a design challenge. By reframing the problem,
you can find inspiration in unexpected places."
https://www.nngroup.com/videos/beating-creative-blocks-reframing/

Why Redesigns Don't Make Users Happy
By Vitaly Dulenko.
"…Redesigns are changes and people don't like changes. People don't like them
for two reasons - changes require efforts to make and people don't know what to
expect from changes…"
https://uxplanet.org/why-redesigns-dont-make-users-happy-f1b29cc940ce

The Power of Three - How to Blend UX, Design and Content
By Lauren Ellis.
"…The Power of Three, however, includes a cross-discipline approach that combines
UX, design and content expertise. This way, each member of the team is bolstered by
the others' knowledge…"
https://www.nomensa.com/blog/2018/power-three-how-blend-ux-design-and-content

Complete Beginner's Guide to Interaction Design
By UX Booth.
"…This article serves as a good jumping off point for people interested in learning
more about Interaction Design. To that end, we'll briefly cover the history, guiding
principles, noteworthy contributors, and tools related to this fascinating discipline…"
http://www.uxbooth.com/articles/complete-beginners-guide-to-interaction-design/

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

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: August 30, 2018

David Dillard
 




Laura Carlson <lcarlson@d.umn.edu>

Aug 30, 2018, 7:06 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 10, August 30, 2018.

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

++ISSUE 10 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 th


 

ese categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: EVALUATION & TESTING.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: NAVIGATION.
09: USABILITY.
10: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 - 4.1.3 Status Messages
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues
with the last of the new low vision related success criteria, 4.1.3 Status Messages.
 It falls under guideline 4.1, Compatible…"
https://knowbility.org/blog/2018/WCAG21-413StatusMessages/

What is the Best Way to Dismiss Content on Hover or Focus?
By Detlev Fischer.
"The new WCAG 2.1 Success Criterion 1.4.13 Content on hover or focus
is a very recent addition to the standard. There is some uncertainty what
authors should do to make content on hover or focus dismissible - 
especially if content is shown just by CSS, i.e. without intervention of script…"
https://accessuse.eu/en/blog-post-en/what-is-the-best-way-to-dismiss-content-on-hover-or-focus.html

WCAG 2.1 Accessibility Checklist
By accessw3.
"Dynamic Checklist with Success Criteria copied from WCAG 2.1 Standard…"
http://accessw3.com/wcag21-accessibility-checklist.html

Digging into Inclusive Design with Derek Featherstone (Video)
By Chicago Digital Accessibility & Inclusive Design.
"…In this session, join Derek Featherstone as we dig into inclusive design 
as a practice and how it helps you systematically reach your goal of making 
things accessible…"
https://www.youtube.com/watch?v=DZ5Yh6vBNn8

Designing for Accessibility with POUR (Video)
By National Center on Accessible Educational Materials.
"An introduction to the four POUR principles 
(Perceivable, Operable, Understandable and Robust) that make 
for a more accessible experience in learning materials…"
https://www.youtube.com/watch?v=dzzlJQXmJIw

The Importance of Text Accessibility: How IBM's Content Clarifier Shows Us What We've Forgotten
By Jonathan Hassell.
"…Simpler means more credible, as well as more accessible. 
There's a prize to be won here, whatever the Guidelines say…"
http://www.hassellinclusion.com/blog/importance-text-accessibility/

Experiencing Accessibility
By Dan Oehmke and Jennie Delisi.
"During a conference call some time ago, my stress and frustration levels quickly maxed out.
We were reporting issues with accessibility for an enterprise application to one of our software vendors…"
https://mn.gov/mnit/media/blog/?id=38-350614

Accessibility Terms Defined
By Jaclyn Leduc.
"…we define everything from 'keyboard accessibility' to accessibility-related organizations and laws.
It's important to have a solid grasp on accessibility and how it may apply to you, and it starts
 by understanding the basics…"
https://www.3playmedia.com/2018/08/23/accessibility-terms-defined/

Beyond the Marketing Minute: WCAG 2.1 Compliance Tips for Designers
By Ashley Mugnolo.
"WCAG 2.1 is finally here with new recommendations for designers and UX professionals
so they can update and create websites and digital content in a host of industries to make
 them more accessible than ever to millions of users with a range of sensory disabilities…"
https://www.oneupweb.com/blog/wcag-2-1/

Exploring WCAG 2.1 for Australian Government Services
By The Digital Transformation Agency.
"Since the Web Content Accessibility Guidelines (WCAG) 2.1 were released
in June we've received questions about how to approach the development
of government services to meet these updated accessibility guidelines…"
https://www.dta.gov.au/blog/exploring-wcag-2-1-for-australian-government-services/

Policy Update: Accessibility of Information Technology
By University of Minnesota.
"The revised Policy on Accessibility of Information Technology:
Establishes the latest World-Wide Web Consortium (W3C) Web Content Accessibility Guidelines
(WCAG) 2.1 level AA to serve as the University standard…"
https://itss.d.umn.edu/news/a11y-u-policy


+02: CASCADING STYLE SHEETS.

How to Create Printer-Friendly Pages with CSS
By Craig Buckler.
"In this article, we review the art of creating printer-friendly web pages with CSS.…"
https://www.sitepoint.com/css-printer-friendly-pages/


+03: EVALUATION & TESTING.

Are Two Pairs of Eyes Better Than One? A Comparison of Concurrent Think- Aloud
and Co-Participation Methods in Usability Testing
By Obead Alhadreti, Pam Mayhew.
"This paper presents the results of a study that aimed to compare the traditional concurrent
think-aloud protocol with the co-participation method to determine the benefit of adding
an additional participant to the testing session…"
http://uxpajournal.org/concurrent-think-aloud-co-participation-methods-usability/

What Goes into a Well-Done Critique
By Jared M. Spool.
"…Four Elements of a Well-Done Critique…1: Respect…2: Dispassionate …3:
Lacking Authority…Justified Impressions and Concerns…"
https://articles.uie.com/critique/

Benchmarking State Government Websites
By Daniel Castro and Michael McLaughlin.
"A detailed review of 400 state government websites finds that while some states have
much better sites than others, every state has room to significantly improve so that it
better serves the public with easy and secure access to e-government services and
information.…59 percent of state websites passed the accessibility standard…"
https://itif.org/publications/2018/08/27/benchmarking-state-government-websites

How to Setup a Desktop Usability Test (Video)
By Kim Flaherty.
"There are a lot of elements involved in usability studies with a desktop computer.
In this video, we'll walk you through an example test setup, including the necessary
equipment, and discuss how to prepare for a test."
https://www.nngroup.com/videos/how-setup-desktop-usability-test/

Case Study: Iterative Design and Prototype Testing of the NN/g Homepage
By Kathryn Whitenton and Sarah Gibbons.
"The NN/g homepage redesign relied on rapid iterative prototyping, and usability testing,
to balance multiple design objectives."
https://www.nngroup.com/articles/case-study-iterative-design-prototyping/

User Personas: Traps And How To Overcome Them
By Anikó Kocsis.
"…We still think personas have proven themselves a necessary technique,
 but where does the controversy come from and how can we create good ones?…"
https://uxstudioteam.com/ux-blog/user-persona/


+04: EVENTS.

Digital Accessibility in Theory and Practice
September 12, 2018.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/253960204/

A11Y Talks - Love thy Keyboard
September 25, 2018.
Online
https://groups.drupal.org/node/534258

MidwestUX Conference 2018
October 11-13, 2018.
Chicago, Illinois, U.S.A.
https://www.2018.midwestuxconference.com/

CONNECT.TECH 2018
October 17-19, 2018.
Atlanta, Georgia, U.S.A.
http://connect.tech/

Talk UX Boston
October 17-19, 2018.
Boston, Massachusetts, U.S.A.
https://www.talk-ux.com/

ICT Accessibility Testing Symposium: Mobile Testing, 508 Revision, and Beyond
November 7-8, 2018.
Arlington, Virginia, U.S.A.
https://www.ictaccessibilitytesting.org/

ffconf 2018
November 8-9, 2018.
Brighton, England, United Kingdom
https://2018.ffconf.org/


+05: HTML.

UX And HTML5: Let's Help Users Fill In Your Mobile Form (Part 2)
By Stéphanie i Walter.
"…This is the second part in a series on enhancing mobile forms for users…"
https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-2/


+06: JAVASCRIPT.

JavaScript for Impatient Programmers
By Axel Rauschmayer.
"Goal of this book: make JavaScript less challenging to learn for newcomers,
by offering a modern view that is as consistent as possible…"
http://exploringjs.com/impatient-js/index.html


+07: MISCELLANEOUS.

Become a Standards and Accessibility Champion (Interview)
By Net staff.
"…Bruce Lawson has spent years diligently advocating on behalf of developers
and championing inclusivity in user experience design for brands such as
Opera and Wix. We catch up with him to discuss building at scale, developer
advocacy and his Generate London talk…"
https://www.creativebloq.com/advice/become-a-standards-and-accessibility-champion

Microsoft's Hackathon Isn't Just About Fixing the World's Problems
By Ian Sherr and Connie Guglielmo.
"…'When we talk about our mission of empowering every person and every organization
on the planet to achieve more, it can't be just a set of words. It has to in some sense
capture the very essence of who we are in all of the decisions we make, in the products
we create and how we show up with our customers, Nadella said in an interview'…"
https://www.cnet.com/news/microsofts-hackathon-isnt-just-about-fixing-the-worlds-problems/


+08: NAVIGATION.

Accessible Breadcrumb Navigation Pattern
By Scott O'Hara.
"Examples of a breadcrumb navigation using aria-label to provide an accessible name,
and aria-current to indicate the currently active link…"
https://scottaohara.github.io/a11y_breadcrumbs/


+09: USABILITY.

How To Make A Dashboard That Doesn't Suck
By Dylan Wilbanks.
"…there's a problem when you prioritize curb appeal above all else:
Your dashboard will likely be utterly useless. It will be a work of art
to hang from a wall, but it won't be a dashboard…"
http://www.uxbooth.com/articles/how-to-make-a-dashboard-that-doesnt-suck/

UX And HTML5: Let's Help Users Fill In Your Mobile Form (Part 1)
By Stéphanie Walter.
"Do you test your forms on real users and real devices? If not, you should.
Let's take a look at some of the techniques that can help you take your forms
to the next level and help users fill them in."
https://www.smashingmagazine.com/2018/08/ux-html5-mobile-form-part-1/

Simple Rules for Designing Web & Mobile Forms
By Thomas Drach.
"…Forms should be designed well. Here are a couple notes and observations…"
http://subtract.design/entry/forms/

Does Anyone Use Social Sharing Buttons on Mobile?
by Moovweb.
"Visit a lot of websites, and you'll see precious screen space dedicated
 to social sharing buttons on mobile websites, imploring users to share
 the content on Facebook, Twitter, Pinterest or other social networks…"
https://www.moovweb.com/anyone-use-social-sharing-buttons-mobile/

The User Experience of U.S. Government Websites
By Jeff Sauro.
"…We collected SUPR-Q data, including NPS data, and investigated visitors'
reasons for using the site, website attitudes, understanding of key features,
and ability to complete tasks on each of the websites…"
https://measuringu.com/usgov-ux/


+10: XML.

Real World Use of CSS with SVG
By Craig Buckler.
"SVG is a lightweight vector image format that's used to display a variety of
graphics on the Web and other environments with support for interactivity
and animation. In this article, we'll explore the various ways to use CSS
with SVG, and ways to include SVGs in a web page and manipulate them."
https://www.sitepoint.com/real-world-use-of-css-with-svg/


[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

lcarlson@d.umn.edu


[Issue ends.]
Preview YouTube video Designing for Accessibility with POUR

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: September 5, 2018

David Dillard
 





[webdev] Web Design Update: September 5, 2018


Laura Carlson <lcarlson@d.umn.edu>

Sep 5, 2018, 7:51 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 11, September 5, 2018.

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

++ISSUE 11 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: NAVIGATION.
08: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility is Not a Feature.
By Ethan Marcotte.
"I care pretty deeply about accessible design. I wouldn't call myself
an accessibility specialist, mind you, but I've always felt that
'designing for the web' means ensuring our work is accessible as
broadly as possible. Not just accessible to differently-sized screens,
but for people who might not browse the web like I do…"
https://ethanmarcotte.com/wrote/accessibility-is-not-a-feature/

Survey of Users with Low Vision #2
By Jared Smith.
"This survey for people with low vision will provide insight and data
to better support accessibility best practices. Please share with
potential respondents…"
https://webaim.org/projects/lowvisionsurvey2/

Exploring WCAG 2.1 - 1.3.5 Identify Input Purpose
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with the
new success criteria focused on cognitive accessibility. This post
will review 1.3.5 Identify Input Purpose. It falls under guideline
1.3, Adaptable…"
https://knowbility.org/blog/2018/WCAG21-135InputPurpose/

WCAG 2.0: The International Standard for Web Accessibility and Inclusive Design
By Sofia Enamorado.
"Aside from state and federal web accessibility laws, the most widely
adopted and comprehensive technical standards have emerged not from a
law, but from the W3C's Web Content Accessibility Guidelines (WCAG)…"
https://www.3playmedia.com/2018/08/31/wcag-2-0-the-international-standard-for-web-accessibility-and-inclusive-design/

WCAG 2.1: What's up with Accessibility Guidelines
By Sathish Kumar.
"The fifth of June 2018 saw a lot of buzz in the world of digital
accessibility, social media and in blogs. What was this all about?…"
https://www.digitala11y.com/wcag-2-1-whats-up-with-accessibility-guidelines/

Project Silver - what it means for accessibility and how you can help
make the web more inclusive
By Ability Net.
"It's just a few months since the Web Accessibility Guidelines 2.1
(WCAG) were publicly released by the World Wide Web Consortium (WC3).
But, work has already started on the guidelines' successor, currently
known as Project Silver."
https://www.abilitynet.org.uk/news-blogs/project-silver-accessibility-make-web-inclusive

Lawsuit Claims Apple's Website is Inaccessible for Visually Impaired Users
By Tristan Parker.
"A lawsuit has been filed against electronics giant Apple in the
United States, over claims that its website violates the Americans
with Disabilities Act (ADA) and is not fully accessible to people who
are blind or visually impaired…"
http://www.headstar.com/eablive/?p=1696

Blind Woman Sues Brooklyn Brewery Over 'Inaccessible' Website
By Colin Mixson.
 "A blind woman hauled the owners of Brooklyn Brewery to civil court
on federal discrimination charges for allegedly failing to provide a
handicapped-accessible website, her lawyer said…"
https://www.brooklynpaper.com/stories/41/35/dtg-brooklyn-brewery-sued-2018-08-31-bk.html


+02: BOOKS.

Pickering, Heydon. Inclusive Components: The Book, 2018.
http://book.inclusive-components.design/


+02: CASCADING STYLE SHEETS.

Take A New Look At CSS Shapes
By Rachel Andrew.
"In this article, we take a look at CSS Shapes and how to create
non-rectangular shapes using images, gradients, and basic shapes. We
also discover how the new tools in Firefox make editing shapes
easier…"
https://www.smashingmagazine.com/2018/09/css-shapes/

Super-Powered Grid Components with CSS Custom Properties
By Michelle Barker.
"…Grid is neither a substitute for flexbox nor vice versa. In fact,
using a combination of the two gives us even more power when building
components…"
https://css-tricks.com/super-power-grid-components-with-css-custom-properties/


+03: COLOR.

Understanding WCAG 2 Contrast and Color Requirements
By WebAIM.
"Contrast and color use are vital to accessibility. Users, including
users with visual disabilities, must be able to perceive content on
the page. There is a great deal of fine print and complexity within
the Web Content Accessibility Guidelines (WCAG) 2 that can easily
confuse web content creators and web accessibility evaluators. This
article pulls together the terms and principles needed to understand
WCAG 2 requirements for contrast and color…"
https://webaim.org/articles/contrast/


+04: EVALUATION & TESTING.

Using the Cognitive Interview to Improve Your Survey Questions
By David Travis.
"In an ideal survey, each respondent interprets the question in the
way we intended But in reality, survey questions are misunderstood…"
https://www.userfocus.co.uk/articles/cognitive-interviewing-for-surveys.html

User Research or User Experience Research?
By David Farkas and Brad Nunnally.
"It's hard to conduct user research if you don't have anyone to
research. Recruitment lets you find people that have the information
you seek to learn. Recruitment is risky since the effort hinges on
getting the right people in the room. There are a number of factors at
play, and various methods a team can use to find the right kind of
participants. Before worrying about the risks and before scheduling
participants, you first must document whom you want to recruit…"
https://www.oreilly.com/ideas/how-to-recruit-for-user-research

Quantitative UX Research in Practice
By Kate Moran.
"Across 429 UX professionals, 71% of teams report performing some kind
of quant UX research at least sometimes, and almost everyone reported
struggling with challenges to get quant research done."
https://www.nngroup.com/articles/quant-research-practice/

4 Classes of Survey Questions
By Jeff Sauro.
"…While rating scales are an important part of a survey, they aren't
the only part. Another key ingredient to a successful survey is
knowing which type of question to use…"
https://measuringu.com/survey-question-classes/


+05: EVENTS.

Writing for Inclusivity: A Co-Meetup with Write The Docs PDX
September 11, 2018.
Portland Oregon, U.S.A.
https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/254008027/

2018 Digital Accessibility Trends Update
September 13, 2018.
Online
https://www.levelaccess.com/resources/2018-digital-accessibility-trends-mid-year-update/

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

EDUCAUSE Annual Conference
October 30-November 2, 2018.
Denver, Colorado, U.S.A.
https://events.educause.edu/annual-conference

ThunderPlains Developer Conference
November 1, 2018.
Oklahoma City, Oklahoma, U.S.A.
https://2018.thunderplainsconf.com/

Web Directions Summit
November 1-2, 2018.
Sydney, Australia
http://webdirections.org/wds/

CanUX
November 1-4, 2018.
Ottawa, Canada
http://canux.io/


+06: HTML.

Conversational Semantics
By Aaron Gustafson.
"Semantic markup has always mattered, but with voice interfaces
rapidly becoming the norm, it now matters more than ever. Aaron
Gustafson shows us how simple HTML tags can have a huge impact with
voice interfaces…"
https://alistapart.com/article/conversational-semantics

Heading Structures are Tables of Contents
By Hidde de Vries.
"The heading structure of a web page is like its table of contents. It
gives people who can't see your page a way to navigate it without
reading everything…"
https://hiddedevries.nl/en/blog/2018-09-01-heading-structures-are-tables-of-contents

The Details and Summary Elements
By Scott O'Hara.
"The details and summary elements are two of HTML's interactive
elements and together are the elements that create a native disclosure
widget…"
https://www.scottohara.me/blog/2018/09/03/details-and-summary.html


+07: NAVIGATION.

Don't Use 'Click Here'
By Mark Caron.
I'm not the only one to write about this. In fact, you can easily
search 'should I use click here for links' in Google and pretty much
find all the information you need to convince yourself it's a bad
practice.
https://medium.com/@heyoka/dont-use-click-here-f32f445d1021


+08: USABILITY.

Best Practices For Mobile Form Design
By Nick Babich.
"Users can be hesitant to fill out forms. That is why it is our goal
as designers to make the process of filling out a form as easy as
possible. Nick shares some techniques that can help you design
effective forms…"
https://www.smashingmagazine.com/2018/08/best-practices-for-mobile-form-design/

Form Usability: Getting 'Address Line 2' Right
By  Edward Scott.
"While there's nothing wrong with including 'Address Line 2' in the
address form, our large-scale Cart & Checkout testing reveals that the
'Address Line 2' form field can be a surprisingly difficult hurdle for
some users to overcome when filling out their address information."
https://baymard.com/blog/address-line-2

Peak-End Rule: Use to Your Advantage (Video)
By Alita Joyce.
"Users largely judge their experience with your product or service on
two data points: the peak and the end."
https://www.nngroup.com/videos/peak-end-rule/

Mobile Login Methods Help Chinese Users Avoid Password Roadblocks
by Xinyi Chen and Yuxuan (Tammy) Zhou.
"In China, QR-code scanning and verification codes are popular
mobile-login alternatives that circumvent the problem of remembering
and typing passwords."
https://www.nngroup.com/articles/mobile-login-china/


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










--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 12, September 14, 2018.

David Dillard
 


 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 12, September 14, 2018.



Laura Carlson <lcarlson@d.umn.edu>

Sep 14, 2018, 7:39 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 12, September 14, 2018.

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

++ISSUE 12 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: INFORMATION ARCHITECTURE.
08: JAVASCRIPT.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Web Accessibility: How Can You Get Started? (Video)
By Deborah Edwards-Onoro.
"Web accessibility. Lots of people are talking about it. But what is
it? And how do you get started?…"
https://www.lireo.com/web-accessibility-how-can-you-get-started-video/

Audio Descriptions - At a Glance (Video)
By Microsoft.
"This video is an introduction to audio descriptions and explains what
they are, why they matter to people who are blind, and what are some
best practices for including them in videos."
https://www.youtube.com/watch?v=y89reMUP1Jk

Describing aria-describedby
By Scott O'Hara.
"A well-designed user interface (UI) should clearly identify important
content and controls. Often people correlate this to using prominent
visual cues to help guide individuals through a task or point them to
necessary information. However, what may be visually apparent to some
could be misunderstood or completely passed over by others…"
https://developer.paciellogroup.com/blog/2018/09/describing-aria-describedby/

WCAG 2.1 Adoption in Europe
By Shadi Abou-Zahra.
"Last week the three official European Standards Organizations (ESOs),
CEN, CENELEC, and ETSI, published an updated version of EN 301 549
'Accessibility requirements for ICT products and services'. The most
significant change in this version is adoption of the W3C 'Web Content
Accessibility Guidelines (WCAG) 2.1″ for web content, electronic
documents, and non-web software, such as native mobile applications…"
https://www.w3.org/blog/2018/09/wcag-2-1-adoption-in-europe/

Mobile Accessibility at W3C
By Web Accessibility Initiative (WAI).
"Mobile accessibility is covered in existing W3C WAI accessibility
standards/guidelines. There are not separate guidelines for mobile
accessibility…"
https://www.w3.org/WAI/standards-guidelines/mobile/

PDF Validator-The Free Tool You Need to Start Using Today
By David Herr.
"…CommonLook's free PDF Validator is the most functionally rich PDF
testing tool available. It's the perfect tool for testing and
validating documents against the leading accessibility standards…"
https://www.digitala11y.com/pdf-validator-the-free-tool-you-need-to-start-using-today/

We Build Stores With Disabilities In Mind. Why Not Websites?
By Ben Crudo.
"Users with hearing impairment, vision loss and dyslexia deserve the
same access as everyone else…"
https://www.huffingtonpost.ca/ben-crudo/website-design-for-disabilities_a_23518259/

WCAG 1.0 to be Marked Superseded
By Web Accessibility Initiative (WAI).
"Web Content Accessibility Guidelines (WCAG) 1.0 is the first version
of the guidelines finalized in 1999. We plan to mark WCAG 1.0
'superseded' by the end of this year…"
https://www.w3.org/WAI/news/2018-08-30/WCAG-10-Superseded/

Lawsuit Says Purple's Website Discriminates to Visually Impaired
By Noddy A. Fernandez.
"Purple Innovation is accused of violating the Americans with
Disabilities Act for allegedly failing to have a website that can be
accessed by visually impaired users…"
https://pennrecord.com/stories/511512393-lawsuit-says-purple-s-website-discriminates-to-visually-impaired

Senators Write DOJ Sharing CUNA Concerns Over ADA, Websites
By CUNA.
"Six Senators wrote to Attorney General Jeff Sessions Wednesday with
concerns shared by CUNA over how the Americans with Disabilities Act
(ADA) applies to websites…"
http://news.cuna.org/articles/114799-senators-write-doj-sharing-cuna-concerns-over-ada-websites


+02: CASCADING STYLE SHEETS.

Customise Radio Buttons Without Compromising Accessibility
By Chen Hui Jing.
"…we're going to cover the different methods of hiding input elements,
their effects on accessibility and how to ensure they remain navigable
via keyboard after being styled. There will also be a small bonus
section on layout, because after making our radio buttons pretty, we
want them to go into the right place…"
https://www.chenhuijing.com/blog/customise-radios-without-compromising-accessibility/

Changes on CSS Grid Layout in Percentages and Indefinite Height
By Manuel Rego Casasnovas.
"A s̶h̶o̶r̶t̶ long story on how percentage work on CSS in general and
in CSS Grid Layout row tracks and gutters particularly…"
https://blogs.igalia.com/mrego/2018/08/10/changes-on-css-grid-layout-in-percentages-and-indefinite-height/

CSS Architecture: Block-Element-Modifier (BEM) and Atomic CSS
By Tiffany Brown.
"In this article, we'll look at two methodologies for naming things in
CSS. Both methods were created to improve the development process for
large sites and large teams; however, they work just as well for teams
of one. Whether you choose one or the other, neither, or a mix of both
is up to you. The point of introducing them is to help you to think
through approaches for writing your own CSS.
Block-Element-Modifier (BEM)…"
https://www.sitepoint.com/css-architecture-block-element-modifier-bem-atomic-css/


+03: COLOR.

Understanding SC 1.4.1 Use of Color
By Raghavendra Satish Peri.
"This success criterion requires that color should not be the sole
method of conveying information to the users…"
https://www.digitala11y.com/understanding-sc-1-4-1-use-of-color/

Designing UI with Color Blind Users in Mind
Rich Staats
By Rich Staats.
"…in this article, we'll share some tips on how you can improve your
site's accessibility and the experience it delivers for color blind
people…"
https://www.secretstache.com/blog/designing-for-color-blind-users/


+04: EVALUATION & TESTING.

The Importance Of Manual Accessibility Testing
By Eric Bailey.
"Automated accessibility tests are a great resource to have, but they
can't automatically make your site accessible. Use them as one step of
a larger testing process…"
https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/

UX Copywriting: 3 Copy Testing Methods That Beat A/B Testing + QUIZ
By Tímea Falmann.
"UX copywriting and user testing? It might sound like a new match in
the UX design world. But you don't have to start from scratch when it
comes to testing content and microcopy. We, at UX studio, collected
three methods that provide more insights than general AB testing. We
also gathered some tips from around the web to help you implement
testing UX copy into your user experience research processes like a
pro…"
https://uxstudioteam.com/ux-blog/ux-copywriting/

When It Comes To Personas, The Real Value Is In The Scenarios
By Jared M. Spool.
"…Too many times, what the team required for their personas was far
less than what they created. Had they put the resources into creating
great scenarios, the effort would have played a bigger role in a
better-designed product…"
https://articles.uie.com/when-it-comes-to-personas-the-real-value-is-in-the-scenarios/

How Harmful Is the Net Promoter Score?
By Jeff Sauro.
"The Net Promoter Score (NPS) is widely used. But it's not necessarily
widely loved…"
https://measuringu.com/nps-harmful/


+05: EVENTS.

#UDLHE Inaugural Chat
September 20, 2018.
Online.
https://www.smore.com/vw7zk-udlhe-higher-ed-inaugural-chat

WCAG 2.1 Jumpstart
September 20, October 16, and December 4, 2018.
Online
https://www.eventbrite.com/e/web-content-accessibility-guidelines-wcag-21-jump-start-webinar-tickets-49561539900

DrupalCorn Camp
September 27-30, 2018.
Des Moines, Iowa, U.S.A.
https://2018.drupalcorn.org/

UX Conference New York City
October 20-26, 2018.
New York, New York, U.S.A.
https://www.nngroup.com/training/new-york-city/

W3C Developer Meetup
October 22, 2018.
Lyon, France.
https://www.w3.org/2018/10/Meetup/

SmashingConf New York
October 23-24, 2018.
New York, New York, U.S.A.
https://smashingconf.com/ny-2018

Disability Rights Advocates 25th Anniversary Gala
October 25, 2018.
San Francisco, California, U.S.A.
https://dralegal.org/dras-25th-anniversary-gala/

Boston Accessibility
October 27, 2018.
Boston, Massachusetts, U.S.A.
http://a11y-bos.org/about-a11ybos-2018/

UX Conference London
November 3-9, 2018.
London, England, United Kingdom
https://www.nngroup.com/training/london/


+06: HTML.

Chrome's NOSCRIPT Intervention
By Tim Kadlec.
"Long story short, the NOSCRIPT intervention looks like a really great
feature for users. More often than not it provides significant
reduction in data usage, not to mention the reduction in CPU time-no
small thing for the many, many people running affordable, low-powered
devices."
https://timkadlec.com/remembers/2018-09-06-chromes-noscript-intervention/

Google AMP Can Go To Hell
By Polemic.
"Google wants websites to adopt AMP as the default approach to
building webpages. Tell them no…"
https://www.polemicdigital.com/google-amp-go-to-hell/


+07: INFORMATION ARCHITECTURE.

Open vs. Closed Card Sorting (Video)
By Kathryn Whitenton.
"There are two types of card sorting, which measure different aspects
of users' mental models for information architecture."
https://www.youtube.com/watch?v=0tNPT6X9Lhc


+08: JAVASCRIPT.

The 'Developer Experience' Bait-and-Switch
By Alex Russell.
"we cannot continue to use as much JavaScript as is now 'normal' and
expect the web to flourish. At the same time, most developers
experience no constraint on their use of JS…until it's too late. 'JS
neutral' and 'TTI negative' tools are here, but we're stuck in a
rhetorical rut. We need to reset our conversation about 'developer
experience' to factor in the asymmetric cost of JS…"
https://infrequently.org/2018/09/the-developer-experience-bait-and-switch/

aria-rowcount (property)
By Rakesh Paladugula.
"…Developers must set the value of aria-rowcount to an integer equal
to the number of rows in the full table. In case the total number of
rows is unknown, authors must set the value of aria-rowcount to -1 to
indicate that the value should not be calculated by the user agent…"
http://www.maxability.co.in/2018/09/aria-rowcount-property/


+09: USABILITY.

Signal-to-Noise Ratio
By Xinyi Chen.
"Relevant information is 'signal,' while irrelevant information is
'noise'. A high signal-to-noise ratio is a key outcome for any UX
professional's work, in terms of both content and page design."
https://www.nngroup.com/articles/signal-noise-ratio/

Decorative Images: Delightful or Dreadful? (Video)
By Katie Sherwin.
"Images are content, and different types of images serve different
purposes. Decorative images have a role in establishing tone and
emotional appeal, but they must not interfere with a user's ability to
accomplish a task…"
https://www.youtube.com/watch?v=Y3m9kpK0rok

Robustness and Least Power
By Jeremy Keith.
"…Even though the robustness principle was formulated for
packet-switching, I see it at work in all sorts of disciplines,
including design…"
https://adactio.com/journal/14327

Disruptive Interfaces & The Emerging Battle To Be The Default
By Scott Belsky.
"A new battle is brewing to be the default of every choice we make…"
https://medium.com/positiveslope/disruptive-interfaces-the-emerging-battle-to-be-the-default-23a6485a6f29


[Section one ends.]


++ SECTION TWO:

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

Preview YouTube video Open vs. Closed Card Sorting

Preview YouTube video Decorative Images: Delightful or Dreadful?


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: September 20, 2018

David Dillard
 



[webdev] Web Design Update: September 20, 2018


 

 

Laura Carlson <lcarlson@d.umn.edu>

Sep 20, 2018, 7:49 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 13, September 20, 2018.

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

++ISSUE 13 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: JAVASCRIPT.
07: MISCELLANEOUS.
08: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 - 2.2.6 Timeouts
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with the
next level AAA success criteria focused on cognitive accessibility.
Success criterion 2.2.6 Timeouts helps to prevent data loss when
entering data. It falls under guideline 2.2, Enough Time…"
https://knowbility.org/blog/2018/WCAG21-226Timeouts/

WCAG 2.1 Article Series via Knowbility
By Dennis Lembree.
Dennis recaps Becky Gibson's series on WCAG 2.1.
http://www.webaxe.org/wcag-2-1-article-series-knowbility/

Content on Hover & Focus
By Detlev Fischer.
"Some content is transient: it appears as a pop-up in a layer on top
of the page. The pop-up is displayed when the user hovers over a
trigger element with the mouse, or focuses the trigger with the
keyboard…"
https://accessuse.eu/en/Content-hover-focus.html

Dunkin' Donuts Gets Burned by ADA Decision
By Jesse M. Brody.
"In a plaintiff-friendly decision, the U.S. Court of Appeals for the
Eleventh Circuit sided with a blind man to find that his allegations
of website inaccessibility were sufficient to move his Americans with
Disabilities Act (ADA) suit forward…"
https://manatt.com/Insights/Newsletters/Advertising-Law/Dunkin-Donuts-Gets-Burned-by-ADA-Decision

Senators Urge DOJ to Weigh in On ADA Impact on Websites
By Ben Jacobson.
"A pair of U.S. senators from Iowa say it's unclear whether the
landmark Americans with Disabilities Act transcends the physical world
into the cyber realm…"
http://www.telegraphherald.com/news/politics/article_c4d4963c-5b7d-59fb-9c31-1360d53b811a.html


+02: CASCADING STYLE SHEETS.

Flexbox: How Big is That Flexible Box?
By Rachel Andrew.
"In the last two articles, we have looked at what happens when we
create a flex container, and also taken a look at alignment. This time
we explore the often confusing issue of sizing in Flexbox. How does
Flexbox decide how big things should be?…"
https://www.smashingmagazine.com/2018/09/flexbox-sizing-flexible-box/

CSS Dismissal is About Exclusion, Not Technology
By Kevin Ball.
"…It's become increasingly clear that the "debate" about CSS is not
about technology. It's about gender privilege and exclusion…"
https://zendev.com/2018/09/11/css-dismissal-is-about-exclusion-not-technology.html


+03: EVALUATION & TESTING.

5 Ways to Interpret a SUS Score
By Jeff Sauro.
"…1. Percentiles… 2. Grades… 3. Adjectives… 4. Acceptability… 5.
Promoters and Detractors…"
https://measuringu.com/interpret-sus-score/

Ethics in UX — Yes, you do need to think about this
By Loop11.
"I wanted to share a recent article we wrote about Ethics in UX. It's
inspired by the story of a UX professional who had an unbelievably
shocking experience acting as a participant within a usability study
for Freelancer.com…"
https://medium.com/@Loop11/ethics-in-ux-yes-you-do-need-to-think-about-this-60006f2adcbf


+04: EVENTS.

What You Need to Know About WCAG 2.1
September 26, 2018.
Online
https://zoom.us/webinar/register/8915355480728/WN__Ajriw-dQt65h4__cTZZ5A

World Usability Day
November 9, 2018.
Everywhere
https://worldusabilityday.org/

PHP World
November 14-15, 2018.
Washington D.C., U.S.A.
https://world.phparch.com/

Agile Accessibility in a Regulated Industry
Online.
November 15, 2018.
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=527

Creating Accessible Documents with Adobe InDesign
November 15, 2018.
Online
https://www.accessibilityonline.org/ada-tech/session/?id=110677


+05: HTML.

The dialog Element
By Chris Manning.
"Simplify pop-ups and modals using the HTML dialog element…"
https://www.viget.com/articles/the-dialog-element/

HTML elements, unite! The Voltron-Like Powers of Combining Elements.
By Mandy Michael.
"Guides, resources and discussions about Semantic HTML are often
focused around specific elements, like a heading, or a sectioning
element, or a list. It's not often that we talk specifically about how
we can combine HTML elements to increase their effectiveness…"
https://css-tricks.com/html-elements-unite-the-voltron-like-powers-of-combining-elements/


+06: JAVASCRIPT.

On Using Tracking Scripts
By Michael Scharnagl.
"…When looking at the costs versus the benefits it is hard to believe
that almost every website is using tracking scripts…"
https://justmarkup.com/log/2018/09/on-using-tracking-scripts/


+07: MISCELLANEOUS.

What's Best for Users
By Winston Hearn.
"…The incentives that Google technology created were very important in
the evolution of this current stage of the web. I think we should be
skeptical of AMP because once again a single company's technology -
the same single company - is creating the incentives for where we go
next…I'm not sure I am yet willing to cede the web to a single
monopolized company…"
http://winstonhearn.com/the-incentives-shaping-the-web-amp-google/


+08: USABILITY.

Pages at a Glance -- The Importance of the First Two Sentences of Any Topic
By Tom Johnson.
"Showing users the 'Pages at a glance' when they click a folder title
in a sidebar can help users get a quick understanding of the whole
without slogging through the details of each page. The first two
sentences of a topic should encapsulate the point of the whole topic
is a condensed and informative way."
https://idratherbewriting.com/2018/09/15/pages-at-a-glance-feature/

Help Users Skim Contents with Titled Sections
By Priscilla Esser.
"Text-heavy websites, such as those of all the major newspapers that
have embraced the web as an essential medium for the future, know the
importance of using titled sections to reel the readers in. There's a
perfect art to the craft, and it stems from an exact science
concerning how human beings process information…"
https://www.interaction-design.org/literature/article/help-users-skim-contents-with-titled-sections

Form Field Usability: Avoid Multi-Column Layouts (13% Get It Wrong)
By Edward Scott.
"…Consequences of using a multi-column form layout include users
skipping fields where they actually have data to input, inputting data
into the wrong fields, or simply coming to a halt and puzzling over
how to proceed with inputting their data in the first place…"
https://baymard.com/blog/avoid-multi-column-forms

Branding Manipulation
By Gerry McGovern.
"Branding can mean something. It can be a way to summarize what you
are, what you stand for. However, branding is too often used to make
gullible people believe anything. Much branding is a form of
psychological trickery, emotional manipulation, magic…"
http://gerrymcgovern.com/branding-manipulation/

What is a Mental Model? (Video)
By Aurora Harley.
"What users think they know about your system will determine how they
interact with the design. Understand users' mental models to design
something that'll work well in practice."
https://www.youtube.com/watch?v=nAgXISssAws

Why is UX so Difficult? (Video)
By Kara Pernice.
"UX practitioners who feel inept at their job usually face far greater
challenges than improving their design, craft or research prowess.
Rather, addressing development schedules, Agile, Scrum, Lean, and team
member's roles can create the greatest challenges."
https://www.youtube.com/watch?v=qV5lLjmL278

A Personal Journey Through User Experience
By Marc Hassenzahl.
"Twenty years ago, it seemed as if functionalism had finally won. Back
then, effective and efficient use had been the sole mission for
practitioners of human-computer interaction (HCI)…"
http://uxpajournal.org/personal-journey-user-experience/


[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 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.]
Preview YouTube video Why is UX so difficult?

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: September 27, 2018

David Dillard
 



 [webdev] Web Design Update: September 27, 2018

 




Laura Carlson <lcarlson@d.umn.edu>

Sep 27, 2018, 7:20 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 14, September 27, 2018.

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

++ISSUE 14 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: JAVASCRIPT.
07: MISCELLANEOUS.
08: TOOLS.
09: TYPOGRAPHY.
10: USABILITY.


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 - 2.3.3 Animations from Interaction
By Becky Gibson.
"Our series on the new WCAG 2.1 Success Criteria continues with the
last of the success criteria to focus on cognitive accessibility.
Level AAA success criterion 2.3.3, Animations from Interactions,
limits unexpected motion. It falls under guideline 2.3, Seizures and
Physical Reactions…"
https://knowbility.org/blog/2018/WCAG21-233Animations/

10 Things People With Disabilities Wish Online Retailers Knew
By Derek Featherstone.
"…15 percent of people worldwide have a disability that affects their
daily life, according to the United Nations, and many retailers are
unaware that their websites are not always accessible to them…"
https://www.ecommercetimes.com/story/85578.html

What Happens with aria-labelledby, aria-label and aria-describedby on
Static HTML Elements?
By David MacDonald.
David updated his article on aria-label on static content to include
aria-labelledby, aria-describedby and Talkback testing results.
http://davidmacd.com/blog/does-aria-label-override-static-text.html

Making Electronic Documents Accessible
By Minnesota IT Services (MNIT).
"These resources can help make sure your documents are accessible to everyone…"
https://mn.gov/mnit/about-mnit/accessibility/electronic-documents.jsp

Universal Design for Learning and Digital Accessibility: Compatible
Partners or a Conflicted Marriage?
By Judith Ableser and Christina Moore.
"UDL and digital accessibility's perceived tensions can be reduced
when institutions create and follow an implementation plan…Conflicts
arise, however, because accessibility accommodations can sometimes
complicate efforts to quickly disseminate flexible learning options to
a broad student population…"
https://er.educause.edu/articles/2018/9/universal-design-for-learning-and-digital-accessibility-compatible-partners-or-a-conflicted-marriage

A Plan for Accessible Charts
By Benjy Stanton.
"A list of user research findings, accessibility report findings, best
practice, resources and good ideas that I've collected over the past 2
years…"
https://www.benjystanton.co.uk/blog/a-plan-for-accessible-charts/

Accessibility Cheatsheet
By Moritz Giessmann.
"Practical approaches to Universal Design for making your
website/webapp accessible to everyone…"
https://moritzgiessmann.de/accessibility-cheatsheet/

Understanding SC 1.3.3 Sensory Characteristics
By Sathish Kumar.
"This success criterion requires that instructions or information to
understand or operate the web content do not use only visual or
auditory clues…"
https://www.digitala11y.com/understanding-sc-1-3-3-sensory-characteristics/

ADA Web Accessibility Lawsuit Report [Infographic]
By UsableNet.
"…UsableNet's research team has complied and published the below
Infographic after tracking court cases for the last 12 months…"
http://blog.usablenet.com/ada-web-accessibility-lawsuit-report-infographic

Are Automatic Captions WCAG, ADA, or 508 Compliant?
By Sofia Enamorado.
"In order to avoid litigation, it's important to make sure that your
content is captioned. But that's not all. Inaccurate and intelligible
captions are not accessible…"
https://www.3playmedia.com/2018/09/24/automatic-captions-wcag-ada-508-compliant/

What You Can Learn from Major Accessibility Lawsuits
By Samantha Sauld.
"…Read on to learn more about what your organization can learn from
recent accessibility lawsuits, and how to increase accessibility all
at the same time…"
https://www.3playmedia.com/2018/09/20/accessibility-lawsuits/


+02: CASCADING STYLE SHEETS.

All Fired Up About Specificity
By Chris Coyier.
"You never know where the next Grand Debate in front-end is going to come from…"
https://css-tricks.com/all-fired-up-about-specificity/

Responsive Images
By Mat Marquis.
"I come here not to bury img, but to praise it. Well, mostly…"
https://alistapart.com/article/responsive-images

New Tools for CSS Layout
By Rachel Andrew.
"A presentation at W3C Workshop on Digital Publication Layout and
Presentation in September 2018 in Tokyo, Japan…"
https://noti.st/rachelandrew/tJeWKI/new-tools-for-css-layout

Putting Things on Top of Other Things
By Isabel Brison.
"…that is the gist of it: stacking contexts are caused by a variety of
properties and the main reasons for their existence are performance
concerns and ease of implementation by browsers. They are not always
related to z-index or ordering; they pop up wherever it makes sense to
have several elements all on the same layer for rendering purposes…"
http://tellthemachines.com/stacking-contexts/

Don't Use Empty or Low Content for Your Design System Grid Examples
By Chris Coyier.
"Dave and I had Jen Simmons on ShopTalk the other day. Jen was talking
about Intrinsic Web Design and how one of the core tenets of it is
grids with rows and columns that don't necessarily change at the same
rate or ones that have essentially different rules for how they
behave. "
https://css-tricks.com/putting-things-on-top-of-other-things/


+03: EVALUATION & TESTING.

Creating Personas Is Like Sorting Rocks (Video)
By Kim Flaherty.
"Analyzing data to identify meaningful segments of users is the most
difficult part of persona creation. In this video we'll discuss how to
look for similarities in various attributes using something much more
straightforward than people: rocks!"
https://www.nngroup.com/videos/creating-personas-sorting-rocks/


+04: EVENTS.

Accessibility 101 with Girl Develop It
October 2, 2018, 6:30pm Central Time.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/254792069/
Live Stream URL: https://www.youtube.com/watch?v=7sVrPf9fvn0
Live Captions: http://www.streamtext.net/player?event=CDA

Technica11y
October 2, 2018. (Nic Steenhout presenter)
Additional dates are listed for future presentations.
Online.
https://zoom.us/webinar/register/WN_JWCKbDSwRNOqRuByD8emvA

CascadiaJS 2018
November 15-16, 2018.
Seattle, Washington, U.S.A.
https://2018.cascadiajs.com/

Easy Accessibility Fixes
November 19, 2018.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/253346733/

OZeWAI Conference 2018
November 21-23, 2018.
Sydney, Australia
http://ozewai.org/2018/

2018 Legal Update on Digital Access Cases with Lainey Feingold
November 29, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-11-29-2018/

TechShare Pro 2018
November 29, 2018.
London, England, United Kingdom
https://www.eventbrite.co.uk/e/techshare-pro-2018-tickets-48443414557


+05: HTML.

The State of fieldset Interoperability
By Simon Pieters.
"As part of my work at Bocoup, I recently started working with browser
implementers to improve the state of fieldset, the 21 year old feature
in HTML, that provides form accessibility benefits to assistive
technologies like screen readers…"
https://blog.whatwg.org/the-state-of-fieldset-interoperability

The State of Fieldset Interoperability - Bocoup
By Jeremy Kieth.
"…I'm a little shocked that the solution involves extending
-webkit-appearance. I think that, at this point, we should be trying
to get rid of vendor prefixes from the web once and for all, not
adding to them. Still, needs must, I suppose."
https://adactio.com/links/14366


+06: JAVASCRIPT.

WAI-ARIA Menus, and Why You Should Generally Avoid Using Them
By Marco Zehe.
"The WAI-ARIA standard defines a number of related menu roles.
However, in 99% of all cases, these should not be used."
https://www.marcozehe.de/2018/09/22/wai-aria-menus-and-why-you-should-generally-avoid-using-them/

Much Ado About ARIA
By Carie Fisher.
"…ARIA was first developed in 2008 by the Web Accessibility Initiative
(WAI) group - a subset of the overarching World Wide Web Consortium
(W3C) who govern and regulate the internet. ARIA is an acronym for
'Accessible Rich Internet Applications' and is formally called
WAI-ARIA (but many people call it by its abbreviated name)…"
https://www.deque.com/blog/much-ado-about-aria/

Tenon's Accessible React Components - Coming soon to an NPM repo near you.
By Almero Steyn.
"…Being an accessibility company, it may come as a surprise that we
are using React to build the interactive parts of our web application.
However, we embrace modern tooling, as long as it doesn't stand in the
way of accessibility. Used correctly, tools like React can expedite
the creation of complex applications by making codebases highly
maintainable and easily testable while accelerating productivity
through the reuse of solid, accessible components…"
https://blog.tenon.io/tenons-accessible-react-components-coming-soon-to-an-npm-repo-near-you/

The Costs and Benefits of Tracking Scripts - Business vs. User
By Sebastian Greger.
"…I am having a hard time seeing the business benefits weighing in
more than the user cost (at least for those many organisations out
there who rarely ever put that data to proper use). After all, keeping
the costs low for the user should be in the core interest of the
business as well…"
https://sebastiangreger.net/2018/09/the-costs-and-benefits-of-tracking-scripts-business-vs-user/


+07: MISCELLANEOUS.

How to Build a Low-tech Website?
By Kris De Decker.
"Our new blog is designed to radically reduce the energy use
associated with accessing our content…Thanks to a low-tech web design,
we managed to decrease the average page size of the blog by a factor
of five compared to the old design - all while making the website
visually more attractive (and mobile-friendly). Secondly, our new
website runs 100% on solar power…"
https://solar.lowtechmagazine.com/2018/09/how-to-build-a-lowtech-website/

A Short Guide to Minimal Web Development
By Jens Oliver Meiert.
"There's an art and even a bit of magic around simple frontend code…"
https://meiert.com/en/blog/minimal-web-development/

Inclusive Design: Unlearning to Include and Innovate (Video)
By Jutta Treviranus.
"Jutta will present two assumptions that have become so central to our
daily practice that we are no longer conscious of them. These two
assumptions - tied to research methods, design, data analytics, AI and
even our world views - have scaled and infused all of our thinking and
practices, especially our foundational ideas about design, innovation
and business. Every dilemma we are facing today can be traced back to
these assumptions. She proposes turning these assumptions
upside-down…"
https://www.youtube.com/watch?v=uE543v8kj50

Interview with Mike Gifford, Drupal 8 Core Accessibility Maintainer
By Ana.
"…This week we talked with Mike Gifford. Read about what his company
is striving to achieve, where he thinks has been a lot of movement in
the last 2 years regarding Drupal and what contribution to open source
is he proud of…"
https://www.agiledrop.com/blog/interview-mike-gifford-drupal-8-core-accessibility-maintainer

Episode #139 (Video)
Interview with Patrick Lauke when he was at the CSSMinsk conference.
https://www.youtube.com/watch?time_continue=1844&v=aZP_ZigqM1k
Patrick's WAI-ARIA CSSMinsk slides.
https://patrickhlauke.github.io/aria/presentation/

Web Design Legends: Where Are They Now?
By Marko Bijelic.
"In 2004, Cameron Moll posted a cult list of 'who is who' in web
design. Where are those people today?…"
https://medium.com/hipinspire/web-design-legends-where-are-they-now-becfa4f481ff


+08: TOOLS.

What Has Focus? (Bookmarklet)
By Scott Vinkle.
"When something recieves keyboard focus via Tab key, the current
element will be logged to the JavaScript console so you can determine
which element currently has focus! This will come in handy when
debugging accessibility issues with somebody else's code or a
third-party library."
https://codepen.io/svinkle/pen/WgYRxq

ColorBox
By Lyft Design.
"Colorbox is a tool to produce color sets open-sourced by Lyft's design team."
https://www.colorbox.io/


+09: TYPOGRAPHY.

CSS Fonts Module Level 3
John Daggett, Myles C. Maxfield, and Chris Lilley, Editors (W3C).
"This CSS3 module describes how font properties are specified and how
font resources are loaded dynamically. The contents of this
specification are a consolidation of content previously divided into
CSS3 Fonts and CSS3 Web Fonts modules. The description of font load
events was moved into the CSS Font Loading module…"
https://www.w3.org/TR/css-fonts-3/

State of the Web: Web Fonts (Video)
By Deborah Edwards-Onoro.
"…Check out this 11-minute State of the Web video with Rick Viscomi
and Dave Crossland to discover how you can use Google Fonts
effectively, what's new with Google Fonts, and where you can go to
learn more…"
https://www.lireo.com/state-of-the-web-web-fonts-video/


+10: USABILITY.

Usability in the Physical World vs. on the Web (Video)
By Jakob Nielsen.
"In the real world, you can get away with causing customers a small
amount of difficulty, but on a website, visitors will leave at the
smallest obstacle."
https://www.nngroup.com/videos/usability-physical-world-vs-web/

Change Blindness in UX: Definition
By Raluca Budiu.
"Significant changes in a web page can remain unnoticed when they lack
strong cues, due to the limitations of human attention."
https://www.nngroup.com/articles/change-blindness-definition/

The UX of Banking Websites
By Jeff Sauro.
"…To understand the current state of the banking user experience, we
benchmarked the desktop user experience of six top personal banking
websites…"
https://measuringu.com/banking-ux/

A Framework for Web Performance
By Jeremy Keith.
"Here at Clearleft, we've recently been doing some front-end
consultancy. That prompted me to jot down thoughts on design
principles and performance…"
https://adactio.com/journal/14355


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

Preview YouTube video Speaker Series: Inclusive Design

Preview YouTube video Episode #139



--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: October 4, 2018

David Dillard
 






[webdev] Web Design Update: October 4, 2018




Laura Carlson <lcarlson@d.umn.edu>

Oct 4, 2018, 7:32 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 15, October 4, 2018.

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

++ISSUE 15 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: JAVASCRIPT.
07: MISCELLANEOUS.
08: STANDARDS, GUIDELINES & PATTERNS.
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.

Exploring WCAG 2.1 - 2.5.5 Target Size
By Becky Gibson.
"We are nearing the end of our series on the new WCAG 2.1 Success
Criteria. We return to the topic of mobile accessibility with the last
two new success criteria, both at level AAA. This post will review
2.5.5 Target Size under guideline 2.5, Input Modalities…"
https://knowbility.org/blog/2018/WCAG21-255TargetSize/

Online Video Accessibility
By Terrill Thompson.
Video and slides from Terrill's September 20, 2018 presentation for
the Great Lakes ADA Center are available.
https://www.accessibilityonline.org/ada-tech/archives/110664

A11Y Style Guide
By Carie Fisher.
"This application is a living style guide or pattern library,
generated from KSS documented styles…with an accessibility twist…"
http://a11y-style-guide.com/style-guide/

Heck Yes, Accessibility - Let's Make the Future Awesome
By Mischa Andrews.
"Want a future with amazing technology? Prioritize and demand accessibility…"
https://uxdesign.cc/future-tech-accessibility-e93600e8917e

VPAT Version 2.x
By Jay Wyant.
"Understanding the changes and requirements…"
https://mn.gov/mnit/media/blog/?id=38-352362

Scoring Accessibility
By Margaret Klein.
"Addressing Accessibility in the RFP Process…"
https://mn.gov/mnit/media/blog/?id=38-352361

WAI-ARIA Graphics Module 1.0 and Graphics Accessibility API Mappings
1.0 are W3C Recommendations
By Coralie Mercier.
"The Accessible Rich Internet Applications Working Group has published
WAI-ARIA Graphics Module 1.0 (Graphics-ARIA) and Graphics
Accessibility API Mappings 1.0 (Graphics-AAM) as W3C Recommendations.
Graphics-ARIA defines core roles specific to web graphics which allow
an author to express the logical structure of the graphic to assistive
technologies in order improve accessibility of graphics.…"
https://www.w3.org/blog/news/archives/7341

Department of Justice Affirms ADA's Coverage of Websites
By Lainey Feingold.
"…This is a post about a letter from the United States Department of
Justice. The letter is about the Americans with Disabilities Act and
web sites. In the letter the Department says it will not make new
rules about websites and access for disabled people. This is good news
because the ADA already applies to websites. The letter says the
Department has read the ADA to apply to public accommodations'
websites for more than twenty years."
https://www.lflegal.com/2018/09/doj-cut

DoJ Refuses Request to Issue ADA Guidance for Websites
By Credit Union Times.
"More than 100 lawsuits have been filed against CUs alleging that the
websites are not accessible to people with disabilities."
https://www.cutimes.com/2018/09/26/doj-refuses-request-to-issue-ada-guidance-for-webs/

Court Says Website Access Case for Deaf May Proceed
By National Association of the Deaf.
"In a case of first impression and a major vindication for disability
rights, the United States Court of Appeals for the Eleventh Circuit
Court has ruled that deaf and hard of hearing people are not required
to file a complaint with the Federal Communications Commission (FCC)
before they can sue under the Americans with Disabilities Act (ADA)
and Rehabilitation Act for a denial of web access."
https://www.nad.org/2018/10/03/court-says-website-access-case-for-deaf-may-proceed/


+02: CASCADING STYLE SHEETS.

Creating Flexible Layouts with Flexbox
By Tiffany Brown.
"The following introduction to Flexbox is an extract from Tiffany's
upcoming book, CSS Master…"
https://www.sitepoint.com/creating-flexible-layouts-with-flexbox/

Your CSS Layout Toolkit for 2019
By Rachel Andrew.
Slides and resources for Rachel newest presentation.
https://noti.st/rachelandrew/QEhSSc/your-css-layout-toolkit-for-2019


+03: COLOR.

The Basics and Importance of Color Contrast for Web Accessibility
By Bureau of Internet Accessibility.
"For digital accessibility, the concept of color contrast is as
critical as it is simple.…"
https://www.boia.org/blog/the-basics-and-importance-of-color-contrast-for-web-accessibility


+04: EVALUATION & TESTING.

Ideation Techniques for a One-Person UX Team (Video)
By Aurora Harley.
"Even a lone UX wolf can ideate design options, and structured
ideation techniques help you explore the design space."
https://www.nngroup.com/videos/ideation-one-person-ux-team/

The Word 'Validate' Undermines UX Effectiveness (Video)
By Kara Pernice.
"Our words define UX research goals for users, stakeholders, and
teams. Turning UX research into improved design is already
challenging. Why make it more so by setting unsuitable expectations
with the words we use to describe research?"
https://www.nngroup.com/videos/word-validate-undermines-ux-effectiveness/


+05: EVENTS.

WebAIM Training
October 9-10, 2018.
December 4-5, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training

So, You Decided to Start a Research Program
October 11, 2018.
Minneapolis, Minnesota, U.S.A.
http://uxpamn.org/event-3040828

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

Full Stack Toronto 2018
November 29-30, 2018.
Toronto, Canada
https://www.fsto.co/

UX Conference Las Vegas
December 1-7, 2018.
Las Vegas, Nevada, U.S.A.
https://www.nngroup.com/training/las-vegas/


+06: JAVASCRIPT.

A Minimal JavaScript Setup
By Georgy Marchuk.
"…I guess the main point of this article is that you don't need a
framework to write maintainable and reusable code. Following and
enforcing a few concepts (that frameworks use as well) can take you
far on its own…"
https://css-tricks.com/a-minimal-javascript-setup/


+07: MISCELLANEOUS.

There's Power in Your Choices. This is a Post About Chrome.
By Jon Christopher.
"…There's a war on privacy in our world of Web development. As we have
choice in the places we shop and the food we eat, we have a choice
here too…"
https://jonchristopher.us/blog/choosing-chrome/

Hack on MDN
By Adrian Roselli.
"Last week Mozilla brought together a group of smart people (and me)
who work in or near accessibility to spend a long weekend updating the
MDN Web Docs…"
http://adrianroselli.com/2018/09/hack-on-mdn.html


+08: STANDARDS, GUIDELINES & PATTERNS.

Web Developer Representation in W3C
By Peter-Paul Koch.
"During its annual general member meeting on October 19th, the
Fronteers board will propose both to become a member of the World Wide
Web Consortium (W3C) and to hire Rachel Andrew as our representative
in that standards body…"
https://alistapart.com/article/web-developer-representation-in-w3c


+09: TOOLS.

Link Contrast Checker
By WebAIM.
"This new tool makes it easy to measure the complex WCAG contrast
requirements for links that are not underlined within body text."
https://webaim.org/resources/linkcontrastchecker/

Picular
"Google, but for colors."
https://picular.co/

HTML Colors
By Franco Maldonado.
https://htmlcolors.com

Gradient Hunt
By Franco Maldonado.
"an open collection of gradients"
https://gradienthunt.com

Lorem Ipsum Generator
"Tool to generate latin placeholder texts commonly used to fulfill empty areas."
https://lorem-ipsum-generator.com/


+10: USABILITY.

Individualized Recommendations: Users' Expectations and Assumptions
By Aurora Harley.
"Users appreciate personalized content suggestions and are willing to
give up some of their privacy for quality recommendations, while
accepting some inaccurate recommendations."
https://www.nngroup.com/articles/recommendation-expectations/

Storytelling in UX Research
By David Travis.
"UX researchers are storytellers who have devised tools like personas
and user journey maps to tell the story of their research. Focusing on
the story, rather than the tool, is a powerful way to become more
effective…"
https://www.userfocus.co.uk/articles/storytelling-in-ux-research.html

E-Commerce Checkouts Need to Mark Both Required and Optional Fields
Explicitly (Only 14% Do So)
By Edward Scott.
"Marking both required and optional fields in the checkout is a
controversial area of form usability…"
https://baymard.com/blog/required-optional-form-fields

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

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 15, October 4, 2018.

David Dillard
 



+++ WEB DESIGN UPDATE.
- Volume 17, Issue 15, October 4, 2018.


Laura Carlson <lcarlson@d.umn.edu>

Oct 4, 2018, 7:32 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 15, October 4, 2018.

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

++ISSUE 15 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: JAVASCRIPT.
07: MISCELLANEOUS.
08: STANDARDS, GUIDELINES & PATTERNS.
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.

Exploring WCAG 2.1 - 2.5.5 Target Size
By Becky Gibson.
"We are nearing the end of our series on the new WCAG 2.1 Success
Criteria. We return to the topic of mobile accessibility with the last
two new success criteria, both at level AAA. This post will review
2.5.5 Target Size under guideline 2.5, Input Modalities…"
https://knowbility.org/blog/2018/WCAG21-255TargetSize/

Online Video Accessibility
By Terrill Thompson.
Video and slides from Terrill's September 20, 2018 presentation for
the Great Lakes ADA Center are available.
https://www.accessibilityonline.org/ada-tech/archives/110664

A11Y Style Guide
By Carie Fisher.
"This application is a living style guide or pattern library,
generated from KSS documented styles…with an accessibility twist…"
http://a11y-style-guide.com/style-guide/

Heck Yes, Accessibility - Let's Make the Future Awesome
By Mischa Andrews.
"Want a future with amazing technology? Prioritize and demand accessibility…"
https://uxdesign.cc/future-tech-accessibility-e93600e8917e

VPAT Version 2.x
By Jay Wyant.
"Understanding the changes and requirements…"
https://mn.gov/mnit/media/blog/?id=38-352362

Scoring Accessibility
By Margaret Klein.
"Addressing Accessibility in the RFP Process…"
https://mn.gov/mnit/media/blog/?id=38-352361

WAI-ARIA Graphics Module 1.0 and Graphics Accessibility API Mappings
1.0 are W3C Recommendations
By Coralie Mercier.
"The Accessible Rich Internet Applications Working Group has published
WAI-ARIA Graphics Module 1.0 (Graphics-ARIA) and Graphics
Accessibility API Mappings 1.0 (Graphics-AAM) as W3C Recommendations.
Graphics-ARIA defines core roles specific to web graphics which allow
an author to express the logical structure of the graphic to assistive
technologies in order improve accessibility of graphics.…"
https://www.w3.org/blog/news/archives/7341

Department of Justice Affirms ADA's Coverage of Websites
By Lainey Feingold.
"…This is a post about a letter from the United States Department of
Justice. The letter is about the Americans with Disabilities Act and
web sites. In the letter the Department says it will not make new
rules about websites and access for disabled people. This is good news
because the ADA already applies to websites. The letter says the
Department has read the ADA to apply to public accommodations'
websites for more than twenty years."
https://www.lflegal.com/2018/09/doj-cut

DoJ Refuses Request to Issue ADA Guidance for Websites
By Credit Union Times.
"More than 100 lawsuits have been filed against CUs alleging that the
websites are not accessible to people with disabilities."
https://www.cutimes.com/2018/09/26/doj-refuses-request-to-issue-ada-guidance-for-webs/

Court Says Website Access Case for Deaf May Proceed
By National Association of the Deaf.
"In a case of first impression and a major vindication for disability
rights, the United States Court of Appeals for the Eleventh Circuit
Court has ruled that deaf and hard of hearing people are not required
to file a complaint with the Federal Communications Commission (FCC)
before they can sue under the Americans with Disabilities Act (ADA)
and Rehabilitation Act for a denial of web access."
https://www.nad.org/2018/10/03/court-says-website-access-case-for-deaf-may-proceed/


+02: CASCADING STYLE SHEETS.

Creating Flexible Layouts with Flexbox
By Tiffany Brown.
"The following introduction to Flexbox is an extract from Tiffany's
upcoming book, CSS Master…"
https://www.sitepoint.com/creating-flexible-layouts-with-flexbox/

Your CSS Layout Toolkit for 2019
By Rachel Andrew.
Slides and resources for Rachel newest presentation.
https://noti.st/rachelandrew/QEhSSc/your-css-layout-toolkit-for-2019


+03: COLOR.

The Basics and Importance of Color Contrast for Web Accessibility
By Bureau of Internet Accessibility.
"For digital accessibility, the concept of color contrast is as
critical as it is simple.…"
https://www.boia.org/blog/the-basics-and-importance-of-color-contrast-for-web-accessibility


+04: EVALUATION & TESTING.

Ideation Techniques for a One-Person UX Team (Video)
By Aurora Harley.
"Even a lone UX wolf can ideate design options, and structured
ideation techniques help you explore the design space."
https://www.nngroup.com/videos/ideation-one-person-ux-team/

The Word 'Validate' Undermines UX Effectiveness (Video)
By Kara Pernice.
"Our words define UX research goals for users, stakeholders, and
teams. Turning UX research into improved design is already
challenging. Why make it more so by setting unsuitable expectations
with the words we use to describe research?"
https://www.nngroup.com/videos/word-validate-undermines-ux-effectiveness/


+05: EVENTS.

WebAIM Training
October 9-10, 2018.
December 4-5, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training

So, You Decided to Start a Research Program
October 11, 2018.
Minneapolis, Minnesota, U.S.A.
http://uxpamn.org/event-3040828

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

Full Stack Toronto 2018
November 29-30, 2018.
Toronto, Canada
https://www.fsto.co/

UX Conference Las Vegas
December 1-7, 2018.
Las Vegas, Nevada, U.S.A.
https://www.nngroup.com/training/las-vegas/


+06: JAVASCRIPT.

A Minimal JavaScript Setup
By Georgy Marchuk.
"…I guess the main point of this article is that you don't need a
framework to write maintainable and reusable code. Following and
enforcing a few concepts (that frameworks use as well) can take you
far on its own…"
https://css-tricks.com/a-minimal-javascript-setup/


+07: MISCELLANEOUS.

There's Power in Your Choices. This is a Post About Chrome.
By Jon Christopher.
"…There's a war on privacy in our world of Web development. As we have
choice in the places we shop and the food we eat, we have a choice
here too…"
https://jonchristopher.us/blog/choosing-chrome/

Hack on MDN
By Adrian Roselli.
"Last week Mozilla brought together a group of smart people (and me)
who work in or near accessibility to spend a long weekend updating the
MDN Web Docs…"
http://adrianroselli.com/2018/09/hack-on-mdn.html


+08: STANDARDS, GUIDELINES & PATTERNS.

Web Developer Representation in W3C
By Peter-Paul Koch.
"During its annual general member meeting on October 19th, the
Fronteers board will propose both to become a member of the World Wide
Web Consortium (W3C) and to hire Rachel Andrew as our representative
in that standards body…"
https://alistapart.com/article/web-developer-representation-in-w3c


+09: TOOLS.

Link Contrast Checker
By WebAIM.
"This new tool makes it easy to measure the complex WCAG contrast
requirements for links that are not underlined within body text."
https://webaim.org/resources/linkcontrastchecker/

Picular
"Google, but for colors."
https://picular.co/

HTML Colors
By Franco Maldonado.
https://htmlcolors.com

Gradient Hunt
By Franco Maldonado.
"an open collection of gradients"
https://gradienthunt.com

Lorem Ipsum Generator
"Tool to generate latin placeholder texts commonly used to fulfill empty areas."
https://lorem-ipsum-generator.com/


+10: USABILITY.

Individualized Recommendations: Users' Expectations and Assumptions
By Aurora Harley.
"Users appreciate personalized content suggestions and are willing to
give up some of their privacy for quality recommendations, while
accepting some inaccurate recommendations."
https://www.nngroup.com/articles/recommendation-expectations/

Storytelling in UX Research
By David Travis.
"UX researchers are storytellers who have devised tools like personas
and user journey maps to tell the story of their research. Focusing on
the story, rather than the tool, is a powerful way to become more
effective…"
https://www.userfocus.co.uk/articles/storytelling-in-ux-research.html

E-Commerce Checkouts Need to Mark Both Required and Optional Fields
Explicitly (Only 14% Do So)
By Edward Scott.
"Marking both required and optional fields in the checkout is a
controversial area of form usability…"
https://baymard.com/blog/required-optional-form-fields

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

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: October 10, 2018

David Dillard
 




[webdev] Web Design Update: October 10, 2018



 

Laura Carlson <lcarlson@d.umn.edu>

Wed, Oct 10, 2018, 7:26 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 16, October 10, 2018.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Exploring WCAG 2.1 - 2.5.6 Concurrent Input Mechanisms
By Becky Gibson.
"You made it! This is the last in our series on the new WCAG 2.1
Success Criteria. We finish with the last level AAA success criterion,
2.5.6 Concurrent Input Mechanisms. It is under guideline 2.5, Input
Modalities…"
https://knowbility.org/blog/2018/WCAG21-256ConcurrentInputMechanisms/

Technica11y - October 2018 - Nicolas Steenhout (Video)
By Karl Groves.
"Nicolas Steenhout, host of A11y Rules, a podcast about web
accessibility, discusses how he made his podcast and its accompanying
website more accessible…"
https://www.youtube.com/watch?v=WFlb0wpXm0s

Web Accessibility for Cognitive, Learning and Neurological Impairment
By Andreea Popescu.
"Web accessibility for those kinds of users who have cognitive,
learning and neurological is more complex than one for other
disabilities because it's not just focused on those, requiring alike
elements from other impairment…"
https://uxdesign.cc/web-accessibility-for-cognitive-learning-and-neurological-impairment-194dc96e6d89

Google Slides Offers Real-Time Automated Captions
By Deborah Edwards-Onoro.
"Imagine you're attending a presentation where the speaker's words are
automatically captioned in real-time on presentation slides…"
https://www.lireo.com/google-slides-offers-real-time-automated-captions/

GW Pushes First Federal Deadline to Improve Online Accessibility
By Leah Potter.
"The education department pushed back GW's (George Washington
University's)first federal deadline to ensure all new online content
is accessible for individuals with disabilities."
https://www.gwhatchet.com/2018/10/04/gw-pushes-first-federal-deadline-to-improve-online-accessibility/

DOJ Finally Chimes In On State of the Website Accessibility Legal
Landscape - But Did Anything Really Change?
By Joshua A. Stein.
"As those of you who have followed my thoughts on the state of the
website accessibility legal landscape over the years are well aware,
businesses in all industries continue to face an onslaught of demand
letters and state and federal court lawsuits (often on multiple
occasions, at times in the same jurisdiction) based on the concept
that a business' website is inaccessible to individuals with
disabilities…"
https://www.retaillaborandemploymentlaw.com/announcements/doj-finally-chimes-in-on-state-of-the-website-accessibility-legal-landscape-but-did-anything-really-change/

Florida Court Dismisses Website Accessibility Case, Clarifying 'Nexus'
Requirement For Stating A Claim Under The ADA
By John W. Egan & Marlin Duro.
"Florida court rules that plaintiff must allege more than being unable
to learn about a brick-and-mortar business to state a claim that an
allegedly inaccessible website violates the ADA…"
https://www.adatitleiii.com/2018/10/florida-court-dismisses-website-accessibility-case-clarifying-nexus-requirement-for-stating-a-claim-under-the-ada/

Price v. Everglades College, Inc.
By United States District Court, Florida, Orlando Division.
https://www.leagle.com/decision/infdco20180717789

ADA Website Cases Continue to Befuddle Businesses
By Dori K. Stibolt.
"Here is the Southern District of Florida, this past year has been
filled with a monumental increase in Americans with Disabilities Act
('ADA') Title III cases focused on businesses' web sites…"
https://southfloridatrial.foxrothschild.com/ada-title-iii/ada-website-cases-continue-to-befuddle-businesses/

DOJ Takes Flexible Position on Website Accessibility Requirements
By Ballard Spahr.
"…The DOJ noted that for more than 20 years, the DOJ has interpreted
the ADA to apply to websites of places of public accommodation. The
DOJ's response also clarified that the absence of a specific
regulation does not mean that websites are not subject to the ADA's
accessibility requirements…"
https://www.natlawreview.com/article/doj-takes-flexible-position-website-accessibility-requirements

TD Ameritrade to Settle Blind Woman's Website Accessibility Lawsuit
By Jed Horowitz.
"TD Ameritrade Inc. and a blind customer who claimed she could not
access key pages of the broker-dealer's website in an alleged
violation of the Americans with Disabilities Act have reached an
agreement in principle to settle her discrimination lawsuit…"
https://advisorhub.com/td-ameritrade-to-settle-blind-womans-website-accessibility-lawsuit/


+02: CASCADING STYLE SHEETS.

Unbuttoning Buttons
By Scott O'Hara.
"…let's talk about styling the button element…"
https://www.scottohara.me/blog/2018/10/03/unbutton-buttons.html

Unbuttoning Buttons
By Chris Coyier.
"…I think the solution offered to use a <span role="button"
tabindex="0" onClick="..."> is a little bizarre since you need bring
your own keyboard handling with is non-trivial and requires
JavaScript. But there are a couple of interesting other CSS
explorations, neither of which stacked up for different reasons…"
https://css-tricks.com/unbuttoning-buttons/

An nth-letter Selector in CSS
By Jeremy Keith.
"Variable fonts are a very exciting and powerful new addition to the
toolbox of web design. They was very much at the centre of discussion
at this year's Ampersand conference…"
https://adactio.com/journal/14408

Use Cases For Flexbox
By Rachel Andrew.
"In this final article of the series, we wrap up by taking a look at
some of the common uses for Flexbox. What should we use Flexbox for,
and what it is not so good at?…"
https://www.smashingmagazine.com/2018/10/flexbox-use-cases/

One Invalid Pseudo Selector Equals an Entire Ignored Selector
By Chris Coyier.
"Perhaps you know this one: if any part of a selector is invalid, it
invalidates the whole selector. For example…"
https://css-tricks.com/one-invalid-pseudo-selector-equals-an-entire-ignored-selector/

CSS Debugging and Optimization: Code-Quality Tools
By Tiffany Brown.
"…In this article, we'll discuss tools that help you analyze the
quality of your CSS. We'll focus on two…"
https://www.sitepoint.com/css-debugging-and-optimization-code-quality-tools/

The Way We Talk About CSS
By Rachel Andrew.
"…One of the things I've been thinking about is how we have typically
thought about CSS, and how that should be changing given where the
language is now…"
https://www.rachelandrew.co.uk/archives/2018/10/04/the-way-we-talk-about-css/


+03: EVALUATION & TESTING.

User Interviews: How, When, and Why to Conduct Them
By Kara Pernice.
"User interviews have become a popular technique for getting user
feedback, mainly because they are fast and easy. Use them to learn
about users' perceptions of your design, not about its usability."
https://www.nngroup.com/articles/user-interviews/

Contextual Inquiry: Leave Your Office to Find Design Ideas (Video)
By Garrett Goldfield.
"Field studies observe how people interact with interfaces in their
own environment. Real-world contexts reveal behaviors for which you
might not be aware."
https://www.nngroup.com/videos/contextual-inquiry/

Skip User Research Unless You're Doing it Eight - Seriously
By Joe Munko.
"…The data we gather out of exercises that over-index on speed are
decontextualized and disconnected from other relevant insights we've
collected over time and across studies. We need to pause and question
whether this one-off research adds real value and contributes to an
organization's growing understanding of customers when we know it may
skip steps critical to identifying insights that transcend time and
context…"
https://medium.com/microsoft-design/skip-user-research-unless-youre-doing-it-right-seriously-15494e5ee033


+04: EVENTS.

Section 508 Webinar Series: Making the Business Case for
Accessibility: How to develop a Section 508 Communication Plan
November 27, 2018.
Online
http://www.adainfo.org/training/section-508-webinar-series-making-business-case-accessibility-how-develop-section-508

Introduction to Website Accessibility
November 30, 2018.
Online
https://accessontario.com/event/introduction-to-website-accessibility-5/

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

Accessibility Lawsuits, How to Handle Them; How to Avoid Them
December 5-6, 2018.
Washington, DC, U.S.A.
https://www.accessibility.legal/

How to Create an Accessible Website
December 5-6, 2018.
Online
https://accessontario.com/event/how-to-create-an-accessible-website-3/


+05: HTML.

Introducing the Button Element
By Andy Bell.
"…There's a native element called a <button>, and I'm here to talk
about it with you today…"
https://hankchizljaw.io/wrote/introducing-the-button-element/


+06: MISCELLANEOUS.

Exclusive: Tim Berners-Lee Tells Us His Radical New Plan to Upend the
World Wide Web
By Fast Company.
"With an ambitious decentralized platform, the father of the web hopes
it's game on for corporate tech giants like Facebook and Google…"
https://www.fastcompany.com/90243936/exclusive-tim-berners-lee-tells-us-his-radical-new-plan-to-upend-the-world-wide-web

I Have Resigned as the WordPress Accessibility Team Lead. Here is Why.
By Rian Rietveld.
"…In this post I'll try to give an analysis of what the WordPress
Accessibility Team (wpa11y team) did during the development of
Gutenberg and what the problems are with working on  its
accessibility…"
https://rianrietveld.com/2018/10/09/i-have-resigned-the-wordpress-accessibility-team/

AccessU 2018 Eldering Panel
By Wendy Chisholm, Lainey Feingold, and Sharron Rush.
"This video is of Knowbility's 2018 AccessU conference panel:
'Honoring Wisdom, Embracing Change: A Conversation about Eldering in
the Accessibility Community'…"
https://www.youtube.com/watch?v=xks8xt8uVsk

Why Design Thinking Works
By Jeanne Liedtka.
"Occasionally, a new way of organizing work leads to extraordinary
improvements…"
https://hbr.org/2018/09/why-design-thinking-works

The Psychology of Design
By Jon Yablonski.
"As humans, we have an underlying 'blueprint' for how we perceive and
process the world around us, and the study of psychology helps us
define this blueprint. And as designers, we can leverage psychology
principles to build more intuitive"
https://alistapart.com/article/psychology-of-design


+07: NAVIGATION.

Why You Need a Home Link (Video)
By Kathryn Whitenton.
"Websites which provide a "home" link on every page make it easy for
new visitors and users who are lost to get oriented."
https://www.nngroup.com/videos/why-you-need-home-link/


+08: USABILITY.

Using Dark Patterns for Good
By Marli Mesibov.
"It was so frustratingly difficult to find the 'sign out' button on
Gmail that my father finally gave up and left himself signed in
forever…"
http://www.uxbooth.com/articles/using-dark-patterns-for-good/

Designing the Invisible
By Viba Mohan.
"Your one stop guide to designing for voice based interfaces…"
https://uxplanet.org/designing-the-invisible-260291a02b71

Store Finders and Locators
By Aurora Harley.
Finding addresses and location information on company websites has
gotten dramatically easier, but users increasingly turn to search
engines or native map apps first for this task.
https://www.nngroup.com/articles/store-finders-and-locators/

Bad Practices on Birthdate Form Fields
By Anthony Tseng.
"Asking users for their birthdate on a form is complicated…"
http://uxmovement.com/forms/bad-practices-on-birthdate-form-fields/


[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 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.]
Preview YouTube video AccessU 2018 Eldering Panel

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 17, October 18, 2018.

David Dillard
 




+++ WEB DESIGN UPDATE.
- Volume 17, Issue 17, October 18, 2018.

 

 

 

Laura Carlson <lcarlson@d.umn.edu>

Thu, Oct 18, 2018, 8:42 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 17, October 18, 2018.

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

++ISSUE 17 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: BOOKS.
03: CASCADING STYLE SHEETS.
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.

WCAG 2.1 Is Here - What's In It For You?
By Jonathan Hassell.
"WCAG 2.1 has now been published. Many people are talking about what’s
in it. But the more important question is: what’s in it for you?…"
https://www.hassellinclusion.com/blog/wcag-2-1-whats-in-it-for-you/

1.3.5 Identify Input Purpose
By Rakesh Paladugula.
"…ensure that an autocomplete attribute is specified wherever
appropriate and have a value that represents the label…"
http://www.maxability.co.in/2018/10/1-3-5-identify-input-purpose/

Understanding SC 1.3.2 Meaningful Sequence
By Raghavendra Satish Peri.
"This success criterion requires that content presented on the page
must be meaningful during navigation to all users…"
https://www.digitala11y.com/understanding-sc-1-3-2-meaningful-sequence/


Designing for Cognitive Differences
By Brandon Gregory.
"Accessible design is often reduced to adding alt text and avoiding
colors imperceptible by colorblindness. While physical differences are
an important component of accessible design, cognitive differences are
often ignored entirely. Brandon Gregory considers three common
types-inattention, anxiety, and depression-and how they impact their
users, patterns that trigger those conditions, and how designers can
be more conscientious when design for them."
https://alistapart.com/article/designing-for-cognitive-differences

3 Simple Tips to Improve Keyboard Accessibility
By Lindsey Kopacz.
"I wanted to write a blog post about one of my favorite accessibility
topics - keyboard accessibility…"
https://www.a11ywithlindsey.com/blog/3-simple-tips-improve-keyboard-accessibility/

Be Better: Accessibility
By Ben Callahan.
"In this edition of the 'Be Better' newsletter series, Ben explores
how responsive web design is accessible web design…"
https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design

Transcripts: Third Time's a Charm
By Deborah Edwards-Onoro.
"For anyone working directly with customers, you know many of the best
suggestions for improving your product or service come from customer
requests…"
https://www.lireo.com/transcripts-third-times-a-charm/

The No. 1 Thing You're Getting Wrong About Inclusive Design
By Kat Holmes.
"…An important distinction is that accessibility is an attribute,
while inclusive design is a method. While practicing inclusive design
should make a product more accessible, it's not a process for meeting
all accessibility standards…Universal design is one-size-fits-all.
Inclusive design is one-size-fits-one…"
https://www.fastcompany.com/90243282/the-no-1-thing-youre-getting-wrong-about-inclusive-design

Accessibility is Not What You Think
By Paul Boag.
"Accessibility is not just about meeting the needs of the disabled or
catering for edge cases. Accessibility impacts everybody…"
https://boagworld.com/accessibility/accessibility-is-not-what-you-think/

Inclusive Design 24 #ID24 (Videos)
The full October 2018 playlist.
https://www.youtube.com/playlist?list=PLn7dsvRdQEfEnBxpVztmJ8KCKNJ_P-hR6

DIY Accessibility Brunch 'n' Learn: WCAG 2.1 (Video)
By Amy Drayer.
Amy's October 8 presentation.
https://www.youtube.com/watch?v=33pqYHq1I08

A11yTO
By Steve Faulkner.
Steve's #a11yTO Conference 2018 presentation.
https://docs.google.com/presentation/d/1L9oyYPwqTIsxex5jf1WXwSPKMsM0m81_kEY_6djRsr8/edit?usp=sharing

Google Slides Automatically Captions Your Presentations
By Jon Fingas.
"…While it's unclear how accurate the system will be in practice
(YouTube's live captions aren't always on the mark), it should be a
vital tool for making presentations more accessible…"
https://www.engadget.com/2018/10/08/google-slides-automatically-captions-your-presentations/

Winn-Dixie Urges Court to Reverse Landmark ADA Website Ruling
By Raychel Lean.
"Winn-Dixie Stores Inc. on Oct. 4 asked the U.S. Court of Appeals for
the Eleventh Circuit to reverse a key 2017 ruling involving the rights
of blind internet users, paving the way for a host of similar website
accessibility lawsuits…"
https://www.law.com/dailybusinessreview/2018/10/08/winn-dixie-urges-court-to-reverse-landmark-ada-website-ruling/


+02: BOOKS.

Holmes, Kat. Mismatch: How Inclusion Shapes Design. MIT Press, 2018.

Silver, Adam. Form Design Patterns. Smashing Magazine. 2018.


+03: EVALUATION & TESTING.

Cracking A/B Testing in Your Product
By Sarthak Handa.
"Lessons from the journey of increasing in-app conversions by 1.6
times in 2.5 months using A/B testing for 'Travel Triangle' App…"
https://hackernoon.com/cracking-a-b-testing-in-your-product-e63b5897d359

A Deep Dive into Surveys: Open Ended Vs. Closed-Ended
By Chattermill.
"…When creating excellent online surveys, it's critical you make
proper use of both question types and know exactly when to use each
one across customer touchpoints and behaviors…"
https://usabilla.com/blog/a-deep-dive-into-surveys-open-ended-vs-closed-ended/

Predicting UX Metrics with the PURE Method
By Jeff Sauro.
"pure-featureThe PURE (Practical Usability Rating by Experts) method
is an analytic technique that identifies potential problems users may
encounter with an interface…"
https://measuringu.com/ux-metrics-pure/

A Very Informal Look at Gutenberg Accessibility
By Joni Halabi.
"…It appears the Gutenberg did think about some accessibility
features, but it is very clear that no complete accessibility testing
was performed. The points of frustration for me in this short
experiment where…"
https://thatdevgirl.com/blog/a-very-informal-look-at-gutenberg-accessibility

Building Fast and Reliable Web Applications
By Frank van Gemeren.
"Continuously testing trivago at scale…"
https://tech.trivago.com/2018/10/12/building-fast-and-reliable-web-applications/


+04: EVENTS.

Diving into Digital Accessibility: UX Design
October 24, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/255407802/
Online Live Stream: https://www.youtube.com/watch?v=rV24j43m5kA
Live Captions: http://www.streamtext.net/player?event=CDA

Applying Accessibility Heuristics to a Wireframe: Part 1
November 8, 2018.
Online
https://accessibility.deque.com/applying-accessibility-heuristics-to-a-wireframe

eAccessibility with David Berman
November 29, 2018.
Online
https://davidberman.com/2018-november-29-accessibility-course-online/

Government IT Symposium
December 4-6, 2018.
Saint Paul, Minnesota, U.S.A.
http://www.mngts.org/itsym/

Accessible Learning Conference
East Lansing, Michigan, U.S.A.
December 6-7, 2018.
http://www.accessiblelearning.org/

PDF Techniques Accessibility Summit
December 10-11, 2018.
Edinburgh, Scotland
https://www.pdfa.org/event/pdf-techniques-accessibility-summit/


+05: HTML.

Why Don't We Add a <lovely> Element to HTML?
By Bruce Lawson.
"…HTML should add only elements that either expose functionality that
would be pretty much meaningless otherwise (e.g. <canvas>) or that
provide semantics that help repurpose for Web browsing uses…So what
can we do? Luckily, HTML already has a little-known element you can
use to wrap data to make it machine readable…"
https://www.brucelawson.co.uk/2018/why-so-hard-to-add-new-html-elements/


+06: JAVASCRIPT.

State of Accessibility in Dynamic Web Content (WebAIM Thread)
By Brandon Keith Biggs.
"With React and JSX widgets being adopted by so many companies, there
needs to be a concerted effort to make the new interfaces accessible
to screen readers…Currently there are no users…"
https://webaim.org/discussion/mail_thread?thread=8963

Creating Accessible React Apps
By Scott Vinkle.
The following are my notes and links for my #a11yTOConf 2018
live-coding demo on 'Creating accessible React apps'…"
https://gist.github.com/svinkle/4adbfee72a203ff3bc39204de75d97d7


+07: MISCELLANEOUS.

WordPress, Accessibility, and Gutenberg
By Joe Dolson.
"…If the time frame for the release of 5.0 is held to, it is almost a
guarantee that the first release of Gutenberg in WordPress will not be
accessible…"
https://www.joedolson.com/2018/10/wordpress-accessibility-and-gutenberg/


+08: TOOLS.

REVENGE.CSS.
By Heydon Pickering.
"Revenge.css is a CSS bookmarklet that reports bad html using pseudo
content. If the page you use it with has malformed links, deprecated
attributes, <div>s inside inline elements, inaccessible buttons, badly
nested sections or other errors, you'll see some ugly, pink errors
written in nobody's favourite font: Comic Sans…"
http://heydonworks.com/revenge_css_bookmarklet/

Contraste
"Contraste is a simple app for checking the accessibility of text
against the Web Content Accessibility Guidelines (WCAG)…" (macOS)
https://contrasteapp.com/


+09: USABILITY.

Technology Myths and Urban Legends
By Kate Moran and Kim Flaherty.
"When users don't clearly understand how systems function, they
develop unique (and often incorrect) theories to explain their
experiences."
https://www.nngroup.com/articles/technology-myths/

Natural Mappings and Stimulus-Response Compatibility in User Interface Design
By Katie Sherwin.
"Designs that quickly convey relationships between the user input and
the result often use natural mappings or have a high stimulus-response
compatibility."
https://www.nngroup.com/articles/natural-mappings/

Why Chunking Content is Important (Video)
By  Kate Moran.
"Chunking makes content easier to comprehend and remember. Chunking
text help users understand the relationship between content elements
and information hierarchy."
https://www.nngroup.com/videos/chunking/

Hard Costs of Third-Party Scripts
By Dave Rupert.
"I'm interested in the User Experience costs of third-party scripts…"
https://daverupert.com/2018/10/hard-costs-of-third-party-scripts/

MODALZ MODALZ MODALZ. We Use Too Many Damn Modals
By Adrian Egger.
"Modals are the crutch of the inarticulate designer and developer…"
https://modalzmodalzmodalz.com/

[Section one ends.]


++ SECTION TWO:

+10: 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.]
Attachments area
Preview YouTube video DIY Accessibility Brunch ‘n’ Learn: WCAG 2.1




--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: October 24, 2018

David Dillard
 







[webdev] Web Design Update: October 24, 2018






 https://ssl.gstatic.com/ui/v1/icons/mail/images/cleardot.gif

 

 

Laura Carlson <lcarlson@d.umn.edu>

Wed, Oct 24, 2018, 7:23 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 18, October 24, 2018.

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

++ISSUE 18 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: PHP.
10: TOOLS.
11: TYPOGRAPHY.
12: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

The Importance of Heading Levels for Assistive Technology
By Eric Bailey.
"…WebAIM's 2017 Screen Reader survey tells us that navigating via
headings is the most important way people who rely on assistive
technology locate information. Because of this, it's important to
craft your website's headings properly…"
https://webdesign.tutsplus.com/articles/the-importance-of-heading-levels-for-assistive-technology--cms-31753

Finding the Way: Screen Reader Strategies
By Abby Kingman.
"…the modern web offers lots of opportunities for designers and
developers to provide unique and visually compelling visitor
experiences. That can be lots of fun, but It's important make sure
that creating these experiences for some users don't make things more
difficult for others."
https://lastcallmedia.com/blog/finding-way-screen-reader-strategies

Trying to Explain Reduce Motion to Designers Who Don't Have a
Vestibular Disorder
By Craig Grannell.
"With my recent griping about Apple and reduce motion, I should note
many other companies/designers fail this test. The web remains rife
with such issues, as does the app and gaming ecosystem…"
http://reverttosaved.com/2018/10/16/trying-to-explain-reduce-motion-to-designers-who-dont-have-a-vestibular-disorder/

Developing for Accessibility
By Takwa Bouallegue.
"Bringing a human touch to your code…"
https://medium.com/parksideinteractive/developing-for-accessibility-d14d50e18f70

Web Content Accessibility Guidelines (WCAG) 2.1 Overview
By Sue Ann Rodriquez.
"…In June of 2018, WCAG 2.1 became the official recommendation of the
World Wide Web Consortium (W3C) as its first attempt to fill some of
the gaps. The WCAG 2.1 includes new success criteria as well as the
WCAG 2.0 standards…"
https://theweco.com/wcag-2-1-overview/

WCAG Success Criteria 3.1.1 and 3.1.2: Language of Page and Parts
By Bureau of Internet Accessibility.
"…WCAG 2.1 A/AA identifies two basic and essential success criteria
for readability: WCAG success criteria 3.1.1 (Language of Page) and
3.1.2 (Language of Parts)…"
https://www.boia.org/blog/wcag-success-criteria-3.1.1-and-3.1.2-language-of-page-and-parts

First Public Working Drafts: Personalization Tools 1.0;
Personalization Help and Support 1.0
By W3C.
"The Accessible Platform Architectures Working Group has published two
First Public Working Drafts…"
https://www.w3.org/blog/news/archives/7359

To Whom Does the Burden Fall?
By Anne Gibson.
"…When is it the responsibility of someone with a disability to use
unnamed tools to somehow make your content accessible, when your
organization has not done so yourself? Never. It is never their
responsibility…"
https://theinterconnected.net/kirabug/to-whom-does-the-burden-fall/

Pragmatic Rules of Web Accessibility That Will Stick to Your Mind
By Tiago Romero Garcia.
"I first started to work with web accessibility back in 2015, at an
American retail giant. It had just gotten a hefty lawsuit…"
https://medium.freecodecamp.org/pragmatic-rules-of-web-accessibility-that-will-stick-to-your-mind-9d3eb85a1a28

A11y Wars (Video)
By Glenda Sims.
"…In this presentation, we'll look at the different perspectives
people have when testing accessibility. We distinguish the following
testing perspectives: Minimal, Optimized and Ideal…"
https://www.youtube.com/watch?v=H0VSwJPdx4M

2018 ADA Website Cases Surpass 2017
By Jaclyn Leduc.
"…It's clear that web accessibility lawsuits aren't slowing down,
making the need for regulations more pertinent than ever before…"
https://www.3playmedia.com/2018/10/18/2018-website-ada-cases/

Domino's: Ninth Circuit Hears Web Accessibility Appeal Argument
By Kristina M. Launey.
"Due process, DOJ's failure to enact regulations, and whether the ADA
covers websites arguments dominated the recent Domino's Ninth Circuit
oral argument…"
https://www.adatitleiii.com/2018/10/dominos-ninth-circuit-hears-web-accessibility-appeal-argument/
Video of the Oral Arguments:
https://www.youtube.com/watch?v=jc6LG8PTvGA


+02: BOOKS.

McGovern, Gerry. Top Tasks - A how to guide, Silver Beach, 2018.


+03: CASCADING STYLE SHEETS.

CSS Layout Cookbook
By Mozilla and Individual Contributors.
"The CSS layout cookbook aims to bring together recipes for common
layout patterns, things you might need to implement in your own
sites…"
https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook

CSS Border-Radius Can Do That?
By Nils Binder.
"How to create very cool effects with a rarely used feature."
https://9elements.com/io/css-border-radius/

Understanding the Difference Between grid-template and grid-auto
By Ire Aderinokun.
"With all the new properties related to CSS Grid Layout, one of the
distinctions that always confused me was the difference between the
grid-template-* and grid-auto-* properties…"
https://bitsofco.de/understanding-the-difference-between-grid-template-and-grid-auto/

Creating a Simple Form with Flexbox
By Zell Liew.
"…Flexbox makes it easy to align elements with unequal height…"
https://zellwk.com/blog/simple-form-with-flexbox/


+04: DRUPAL.

Running Drupal's PHPUnit Test Suites on DDEV
By Matt Glaman.
"DDEV is a local development stack built on top of Docker…"
https://glamanate.com/blog/running-drupals-phpunit-test-suites-ddev


+05: EVALUATION & TESTING.

Complete Beginner's Guide to UX Research
By UX Booth.
"UX research-or as it's sometimes called, design research-serves many
purposes throughout the design process…"
http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/

The Five Stages of Grief: Usability Test Observer Edition
By Cliff Anderson.
"…One thing I've noticed over the years is that every usability test
newbie seems to go through the same predictable stages on the other
side of the glass. So, with apologies to Elisabeth Kubler-Ross, here
they are…"
http://uxpamagazine.org/the-five-stages-of-grief/

Jobs-to-Be-Done vs. Personas (Video)
By Page Laubheimer.
"Jobs-to-be-done and personas are tools that identify user needs and
attitudes. Each tool focuses on different aspects of the use
experience and are compatible."
https://www.nngroup.com/videos/jobs-be-done-vs-personas/

Live Accessibility And Performance Audits at SmashingConf Toronto (Videos)
By Markus Seyfferth.
"At SmashingConf Toronto, attendees got to participate in live
performance and accessibility audits with our speakers Marcy Sutton
and Tim Kadlec. Watching an expert assess these critical areas can
help you to perform your own audits…"
https://www.smashingmagazine.com/2018/10/smashingconf-toronto-a11y-performance-audits/


+06: EVENTS.

Accessibility and Color Blindness in UX
October 29, 2018.
Philadelphia, Pennsylvania, U.S.A.
https://www.eventbrite.com/e/accessibility-and-color-blindness-in-ux-registration-51383626811

Accessibility Scotland
November 9, 2018.
Edinburgh, Scotland.
https://accessibility.scot

An Event Apart San Francisco
December 10-12, 2018.
San Francisco, Califorina, U.S.A.
https://aneventapart.com/event/san-francisco-2018

Let's Not Ignore the People That Matter in Accessibility Testing
December 13, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=521

Hong Kong UX Conference
January 21-25, 2019.
Hong Kong, China
https://www.nngroup.com/training/hong-kong/

Los Angeles UX Conference
February 24-March 1, 2019.
Los Angeles, California, U.S.A.
https://www.nngroup.com/training/los-angeles/


+07: JAVASCRIPT.

aria-rowindex Property
By Rakesh Paladugula.
"aria-rowindex property is used on a table, grid or a treegrid where
all the rows are currently not present…"
http://www.maxability.co.in/2018/10/aria-rowindex-property/

33 Concepts Every JavaScript Developer Should Know
By Leonardo Maldonado et al.
"This repository was created with the intention of helping developers
master their concepts in JavaScript. It is not a requirement, but a
guide for future studies. It is based on an article written by Stephen
Curtis and you can read it here. Feel free to contribute…"
https://github.com/leonardomso/33-js-concepts

I Have Resigned as the WordPress Accessibility Team Lead. Here is Why.
By Brad Frost.
"…JavaScript is eating the world…"
http://bradfrost.com/blog/link/i-have-resigned-as-the-wordpress-accessibility-team-lead-here-is-why/


+08: MISCELLANEOUS.

Some Gutenberg Accessibility Clarifications
By Joe Dolson.
"…I've noticed a few specific trends that I think need clarification…"
https://www.joedolson.com/2018/10/some-gutenberg-accessibility-clarifications/

(Wordpress) Team Meeting October 15, 2018
By Sami Keijonen.
"…all agreed that Rian Rietveld is awesome. There is no way we can fit
in her shoes. But hopefully we have shoes of our own."
https://make.wordpress.org/accessibility/2018/10/23/team-meeting-october-15-2018/

Rehabilitating Google AMP: My Failed Attempt
By Chris Graham.
"…To me this is all just another example of a company operating a
closed process, not willing to collaborate openly as peers. The Ivory
Tower development methodology…"
https://www.socpub.com/articles/rehabilitating-google-amp-my-failed-attempt-16258


+09: PHP.

PHP Control Structures and Loops: if, else, for, foreach, while and More
By Sajal Soni.
"Today, we're going to discuss control structures and loops in PHP…"
https://code.tutsplus.com/tutorials/php-control-structures-and-loops--cms-31999

Avoiding Setter Injection
By Brandon Savage.
"PHP more or less has two kinds of dependency injection available:
constructor injection, and setter injection…"
https://www.brandonsavage.net/avoiding-setter-injection/

Trigonometry, Random Numbers and More With Built-in PHP Math Functions
By Monty Shokeen.
"This tutorial will introduce you to the built-in math functions in
PHP for doing trigonometry, exponentiation, and logarithm
calculations. We'll also look at rounding and generating random
numbers…"
https://code.tutsplus.com/tutorials/mathematical-functions-in-php--cms-31972


+10: TOOLS.

Colour Contrast Analyser (CCA) v1.0.0
By The Paciello Group.
"We've just released the first stable version of the new Colour
Contrast Analyser (CCA) for Windows and macOS - completely rewritten
from the ground up, using Electron…"
https://github.com/ThePacielloGroup/CCAe/releases/tag/v1.0.0

Free Live Transcript
By Mark Noonan et al.
"This is an open-source exporation of creating live transcripts of
speech on the web, that can be displayed (and edited) in real time on
a big screen, or watched on anybody's personal device…"
https://freelivetranscript.com/


+11: TYPOGRAPHY.

Variable Fonts: The Future of Typography
By Jason Pamental.
"…The advent of variable fonts changes that entire dynamic. As
described by John Hudson, a variable font is a single font that acts
as many: All the variations of width and weight, slant, and even
italics can be contained in a single, highly efficient, and
compressible font file…"
http://uxpamagazine.org/variable-fonts/


+12: USABILITY.

Sliders are Bad for your Credit Union Website Design
By Derik Krauss.
"…Though sliders are incredibly prominent, they are remarkably bad for
user experience. In this article, I'll lay out the evidence against
sliders and share some better alternatives…"
https://www.cuinsight.com/sliders-are-bad-for-your-credit-union-website-design.html

What Could an Intelligent Assistant Do for You?
By Raluca Budiu and Kathryn Whitenton.
"There are big gaps between what users need to do, what they actually
do, and what is possible to do with today's intelligent assistants."
https://www.nngroup.com/articles/intelligent-assistant-user-needs/

Microinteractions in User Experience
By Alita Joyce.
"Microinteractions convey system status, support error prevention, and
communicate brand. They are initiated by a trigger, are
single-purpose, and can make the experience engaging.
https://www.nngroup.com/articles/microinteractions/

Exciting Times Ahead for UX (Video)
By Don Norman.
"New technologies such as autonomous cars, Artificial Intelligence
(AI), and Augmented Reality (AR) mean exciting challenges for UX to
solve, according to Don Norman."
https://www.nngroup.com/videos/exciting-times-ahead-ux-don-norman/

iPhones are Hard to Use
By Joe Clark.
"…I know 'hard to use' when I see it. iPhones are hard to use…"
https://blog.fawny.org/2018/10/22/hardtouse/


[Section one ends.]


++ SECTION TWO:

+13: 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.]
Preview YouTube video 17-55504 Guillermo Robles v. Dominos Pizza LLC


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: November 1, 2018

David Dillard
 





[webdev] Web Design Update: November 1, 2018



Laura Carlson <lcarlson@d.umn.edu>

Thu, Nov 1, 2018, 7:18 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 19, November 1, 2018.

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Designing Accessible Web with Privacy - When Web Browsing Reveals Information
By Lukasz Olejnik.
"…often it's actually security vs privacy vs accessibility. When
rotten compromises need to be, or are made this does not always lead
to best designs. The case described in this post is especially
challenging. It will touch many users. It concerns sensitive
information. And yet, good choices need to be made."
https://blog.lukaszolejnik.com/designing-accessible-web-with-privacy-when-web-browsing-reveals-information/

Survey of Users with Low Vision #2 Results
By Jared Smith.
"The results from our September 2018 Survey of Users with Low Vision
are available…"
https://webaim.org/blog/low-vision-survey2-results/

Negative Impacts of Withholding Form Labels
By Lindsey Kopacz.
"…One of the most common accessibility issues I've seen is fields
missing labels. The great news is it's one of the simplest
accessibility issues to fix…"
https://www.a11ywithlindsey.com/blog/negative-impacts-withholding-form-labels/

How to Make Custom Accessible Checkboxes and Radio Buttons
By Sami Keijonen.
"…we need to make sure our checkboxes and radio buttons remain
accessible to assistive technology (AT) and keyboard users. In this
tutorial I'll explain what this means and how we can do things
correctly in a few different ways…"
https://webdesign.tutsplus.com/tutorials/how-to-make-custom-accessible-checkboxes-and-radio-buttons--cms-32074

Understanding SC 1.3.1 Info and Relationship
By Sathish Kumar.
"Information, structure, and relationships conveyed through presentation can be
programmatically determined or are available in text. (Level A)…"
https://www.digitala11y.com/understanding-sc-1-3-1-info-and-relationship/

Writing Government Information for People with Cognitive Disabilities (Video)
By Jonathan Katz.
https://www.youtube.com/watch?v=6mqeymglU7A

Accessibility Toronto Conference 2018 Review
By Dennis Lembree.
"The second Accessibility Toronto Conference was another success…"
http://www.webaxe.org/accessibility-toronto-conference-2018-review/

Selfish Accessibility - Harbour Front HK
By Adrian Roselli.
"The slides from my talk at Harbour Front Hong Kong…"
http://adrianroselli.com/2018/10/selfish-accessibility-harbour-front-hk.html

Your Inaccessible Website is a Sitting Duck
By Fastspot.
"Large, complicated sites with decentralized contribution models are
breeding grounds for non compliant content. That's higher ed's
signature state…"
https://www.fastspot.com/publications/your-inaccessible-website-is-a-sitting-duck/

New York Wineries Sued over Website Accessibility for Visually Impaired
By Brianne Garrett.
"Lawsuits accuse wineries like Long Island's Wolffer Estate of
violating the Americans with Disabilities Act…"
https://www.winespectator.com/webfeature/show/id/New-York-Wineries-Sued-over-Website-Accessibility


+02: CASCADING STYLE SHEETS.

30 Seconds of CSS
By Atomiks.
"A curated collection of useful CSS snippets you can understand in 30
seconds or less…"
https://30-seconds.github.io/30-seconds-of-css/

Splicing HTML's DNA With CSS Attribute Selectors
By John Rhea.
"Attribute selectors are magical. They can get you out of sticky
problems, help you avoid adding classes and point out some problems in
your code. But don't worry, while attribute selectors are complex and
powerful, they're easy to learn and easy to utilize. In this article,
we'll discuss how they operate and give you some ideas about how to
use them…"
https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/

The CSS Working Group At TPAC: What's New In CSS?
By Rachel Andrew.
"…In this article, I'll explain a little bit about what happens at
TPAC, and show some examples and demos of the things we discussed at
TPAC for CSS in particular…"
https://www.smashingmagazine.com/2018/10/tpac-css-working-group-new/


+03: COLOR.

How to Use the Contrast Checker in Chrome DevTools
By Kezz Bracey.
"…Begin by opening Chrome/Chromium Dev tools and selecting any text
element in your HTML…"
https://webdesign.tutsplus.com/articles/how-to-use-the-contrast-checker-in-chrome-devtools--cms-31504


+04: EVALUATION & TESTING.

Usability Testing w. 5 Users: Design Process (Video)
By Jakob Nielsen.
"Formative usability testing is best done with a small number of study
participants, so that you have time and budget to test more design
iterations of the user interface."
https://www.nngroup.com/videos/usability-testing-w-5-users-design-process/

Building a UX Metrics Scorecard
By Jeff Sauro.
"Use multiple ways to visualize metric performance (colors, grades,
and distances) and include external benchmarks, competitor data, and
levels of precision when possible…"
https://measuringu.com/ux-scorecard/

The Pitfalls of Running A/B Tests
By Ariel Verber.
"…I've always been a big advocate of A/B tests, but time led me to
learn that they're highly addictive and sometimes not very justified…"
https://medium.com/joytunes/the-pitfalls-of-running-a-b-tests-4da7141960d7

The Accidental Discovery of Top Tasks (Part 2)
By Gerry McGovern.
"…Design and evolve through use. Design with people. Don't let the
effort you invested in something become a ball and chain. Don't let
your expectations, attitudes and opinions get in the way of the
evidence. Stay open, connected and constantly evolving within the
network."
http://gerrymcgovern.com/the-accidental-discovery-of-top-tasks-part-2/

Using Task Ease (SEQ) to Predict Completion Rates and Times
By Jeff Sauro.
"…One of the more popular post-task questionnaires is the Single Ease
Question (SEQ). It's a single item that assesses how easy or difficult
participants think a task is…"
https://measuringu.com/seq-prediction/

Stage 5 in the Design Thinking Process: Test
By Rikke Dam and Teo Siang.
"There are a wide range of testing methods available to designers
during a Design Thinking project; many of which stem from the
methodologies typically used during Human-computer interaction (HCI)
and User-centered design (UCD) tests…"
https://www.interaction-design.org/literature/article/stage-5-in-the-design-thinking-process-test


+05: EVENTS.

WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
November 1, 2018.
Online.
https://register.gotowebinar.com/register/2699013368175158531

8th Cross-Government Accessibility Meet Up
November 8, 2018.
Edinburgh, Scotland
https://www.eventbrite.co.uk/e/8th-cross-government-accessibility-meet-up-tickets-51584868731

Writing & Reading the VPAT: A Webinar Double Feature
November 13, 2018.
Online
https://levelaccess.zoom.us/webinar/register/WN_qsiUVvW-QMiF6ZtS2jOFzw

CSUN Assistive Technology Conference
March 11-10, 2019.
Anaheim, California, U.S.A.
http://www.csun.edu/cod/conference/2019/sessions/

Accessibility Lawsuits, How to Handle Them; How to Avoid Them
March 11-12, 2019.
Anaheim, California, U.S.A.
https://www.accessibility.legal/


+06: HTML.

Keyboard Accessibility Tips Using HTML and CSS
By Anna Monus.
"…Here are some keyboard accessibility tips you can quickly implement
using basic HTML and CSS…"
https://webdesign.tutsplus.com/articles/keyboard-accessibility-tips-using-html-and-css--cms-31966

Internationalization Techniques: Authoring HTML & CSS
By W3C.
"This page lists links to resources on the W3C Internationalization
Activity site and elsewhere that help you author HTML and CSS for
internationalization. It is one of several techniques pages."
https://www.w3.org/International/techniques/authoring-html

Quick Tip: Use the 'lang' Attribute for Better Accessibility
By Eric Bailey.
"The lang attribute is one of the global HTML attributes developers
can apply to any HTML element, and it can really help with
accessibility…"
https://webdesign.tutsplus.com/tutorials/use-the-lang-attribute-for-better-accessibility--cms-31961

You're Using <em> Wrong
By Facundo Corradini.
"And I am too. And so is everybody else…"
https://logrocket.com/blog/youre-using-em-wrong/

Screenreader Support for Text-Level Semantics
By Bruce Lawson.
"…should we stop using text-level semantics? Well,
<strong>no</strong>. They continue to add meaning to sighted users,
and as Watters says, some AT users can benefit from them. But don't
over-use them. Like adding title attributes to all your links, there's
such a thing as too much accessibility."
https://www.brucelawson.co.uk/2018/screenreader-support-for-text-level-semantics/


+07: MISCELLANEOUS.

Facts are Stubborn Things
By Heather Burns.
"…you might think that privacy and accessibility are universally
respected concepts and values. Truths we hold to be self-evident. They
are not…"
https://webdevlaw.uk/2018/10/23/facts-are-stubborn-things/

Report on the Accessibility Status of Gutenberg
By Joe Dolson.
"…In the short term, we hope to resolve all accessibility issues that
are true barriers to the use of Gutenberg. In the long term, we hope
to improve the integration of accessibility into all future WordPress
design processes…"
https://make.wordpress.org/accessibility/2018/10/29/report-on-the-accessibility-status-of-gutenberg/

Accessibility: A Developer's Pledge
By Jonathan Desrosiers.
"I challenge everyone to step back and think about what they have done
recently to progress accessibility in WordPress, and consider why they
have not done more…"
https://jonathandesrosiers.com/2018/10/accessibility-a-developers-pledge/

Google Wants to Kill the URL
By Lily Hay Newman.
"…As Emily Stark, a technical lead at Chrome puts it, the project is
the URLephant in the room."
https://www.wired.com/story/google-wants-to-kill-the-url/


+08: TOOLS.

WCAG 2.0 Parsing Validation Tools
By Jon Gibbins.
"Tools that filter the results of the W3C's Nu validator to show only
results that are related to accessibility according to WCAG 2.0
Success Criterion 4.1.1 Parsing…"
https://dotjay.github.io/wcag-parsing-filter/

Trashy.css (Bookmarklet)
By Nathan Smith et al.
"…a CSS 'library' that styles tags directly - as opposed to using
class names as style hooks - to help people become more familiar with
how to use semantic HTML…"
https://t7.github.io/trashy.css/


+09: TYPOGRAPHY.

Designing Accessible Content: Typography, Font Styling, and Structure
By Carie Fisher.
"…Let's look at all the steps and design considerations you'll need to
take into account when making your content more accessible…"
https://webdesign.tutsplus.com/articles/designing-accessible-content-typography-font-styling-and-structure--cms-31934


+10: USABILITY.

The Vortex: Why Users Feel Trapped in Their Devices
By Kate Moran and Kim Flaherty.
"Many users report anxiety and lack of control over the amount of time
they spend online. We call this feeling 'the Vortex'"
https://www.nngroup.com/articles/device-vortex/

Stop Building Websites with Infinite Scroll!
By Fatih Kadir Akin.
"In this article, we will explain why you need to stop building
websites with infinite scroll…"
https://logrocket.com/blog/infinite-scroll/

No Good, Very Bad UX Writing Mistakes
By Melissa Mapes.
"…here's a roundup of the top 10 issues that I've seen appear most
often, much to the detriment of the user experience…"
https://uxplanet.org/no-good-very-bad-ux-writing-mistakes-a01b85428f04


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




 

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 20, November 6, 2018.

David Dillard
 



Laura Carlson <lcarlson@d.umn.edu>

Nov 6, 2018, 7:25 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 20, November 6, 2018.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Writing Text Descriptions
By Léonie Watson.
"Really good accessibility takes a strong strategy, thoughtful design,
 and robust technical implementation, but often it's the small things
 that make all the difference to the person consuming your content…"
https://www.invotra.com/blogs/simple-recommendations-writing-text-descriptions-make-big-difference

5 Digital Accessibility Myths Busted
By Carie Fisher.
"By now you have most likely have heard the term digital accessibility
and may have an inkling about what it is- but have you bought into the
 hype? Or are you secretly asking yourself questions like…"
https://www.deque.com/blog/5-digital-accessibility-myths-busted

Trouble Tabbing To Tabs and Cheeky Checking Checkboxes
By Scott O'Hara.
"Sometimes, despite best efforts, there will be accessibility issues in a code base…"
https://www.scottohara.me/blog/2018/11/02/tabbing-into-tabs.html

YouTube Video Series About Captioning
By University of Minnesota Duluth.
Learn about the importance of captions, how to caption, and captioning
 best practices in 4 short videos. Jessica Kellgren-Fozard, a Deaf YouTube
presenter, released a series of videos on captioning…
https://itss.d.umn.edu/news/a11ycaptionyoutube

Accessibility NYC Meetup Recap: WCAG 2.1: An Evening With Andrew Kirkpatrick (Video)
By Andrew Kirkpatrick.
"Presenter Andrew Kirkpatrick discussed the process used to develop WCAG 2.1,
what new requirements are included, and what resources are available to support
implementation of the new standard…"
https://equalentry.com/accessibility-nyc-meetup-recap-wcag-2-1-an-evening-with-andrew-kirkpatrick-head-of-accessibility-at-adobe/

WCAG 2.1 What's New and What to Do With It
By Alastair Campbell.
Alastair's #ID24 2018 presentation. "The Web Content Acessibility Guidelines (WCAG)
have been updated after 10 years of use. Using the new requirements from version 2.1,
Alastair walks through the new guidelines, and provides advice on how to use them in
 your organization."
https://www.youtube.com/watch?v=i0pPlTofdkk

WCAG 2.1 What You Need to Know About the Most Recent Accessibility Standards (Video)
By Eduardo Meza and Kara Zirkel.
"…In this webinar you will learn: Web Content Accessibility Guidelines: A brief history of
the W3C, WCAG and how people with disabilities use the web WCAG 2.1:
Discovering what's new and how to use the new success criteria when testing for accessibility…"
https://www.youtube.com/watch?v=AoHfqq0eQww

Q&A: The What, Why, and  How, of Digital Accessibility for Business
By Jaclyn Leduc.
"Inaccessible websites deter people with disabilities. In fact, 71% of individuals with
disabilities will leave a website if they find it is inaccessible. So, how do you make a
website accessible? Where do you even begin?…"
https://www.3playmedia.com/2018/11/02/digital-accessibility-business/

In Defense of the #a11y Hashtag
By Amanda J. Rush.
"There are some accessibility issues you could call evergreen. One of them is whether
we should use the #a11y or #accessibility hashtag when spreading the good word on
the social medias…"
https://www.customerservant.com/defense-a11y-hashtag/

Lawsuits Charge 15 New York Wineries with Discrimination Against Visually Impaired
By Leslie Gevirtz.
"With a recent wave of lawsuits, many wonder if the goal is to fix winery website
accessibility problems or simply generate lawyers' fees…"
https://www.winemag.com/2018/10/31/winery-lawsuits-visually-impaired/


+02: COLOR.

Understanding WCAG 2 Contrast and Color Requirements
By WebAIM.
"…With many combinations of text and background colors, it is impossible to use
non-underlined links and also meet all of the WCAG guidelines.
 This becomes increasingly difficult if the links change color on hover or focus.
Each of the colors in these states must also have at least a 4.5:1 contrast ratio
difference with the background. WCAG 2.0 and Link Colors on the WebAIM blog
explores the WCAG requirements for link colors in more depth."
https://webaim.org/articles/contrast/


+03: EVALUATION & TESTING.

In Analytics, What do the Numbers Really Mean? (Video)
By Katie Sherwin.
"Analytics data are only as valuable as the insights derived from them.
 Some figures can stand on their own while others need further research
to be interpreted. To use analytics data confidently and accurately,
 teams must understand the difference."
https://www.nngroup.com/videos/analytics-what-do-numbers-really-mean/

Better Practices for Scrappy Testing
By Zachary Walsh.
"We should test that to find out for sure…"
https://uxdesign.cc/better-practices-for-scrappy-testing-ab53deae7a93

How Do We Do UX With Agile?
By John Cutler.
"Let me propose (humbly) that this may be the wrong question…"
https://medium.com/@johnpcutler/how-do-we-do-ux-with-agile-74b02092eb2f

Prioritization Matrices in UX Decision Making (Video)
By Sarah Gibbons.
Prioritization charts or matrices can help UX practitioners base important
decisions on objective, relevant criteria instead of subjective opinions."
https://www.nngroup.com/videos/prioritization-matrices/


+04: EVENTS.

VPATs. How to Construct. How to Assess.
November 12, 2018.
Boulder, Colorado, U.S.A.
https://www.meetup.com/a11yFR/events/255352293/

Universal Design for Learning with Samantha Johns
November 13, 2018.
Portland, Oregon, U.S.A.
https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/255464223/

Accessibility in Web Applications with JavaScript - a Roundtable Discussion
November 13, 2018.
Seattle, Washington, U.S.A.
https://www.meetup.com/a11ysea/events/255811283/

Cleveland Accessibility November Get-Together... and Book Club!
November 15, 2018.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/255602962/

Accessibility Empathy Lab with Glenda Sims
November 19, 2018.
Ann Arbor, Michigan, U.S.A.
https://www.meetup.com/a2a11y/events/255839190/

2018 Year-End Event with Speaker Lainey Feingold
December 5, 2018.
Seattle, Washington, U.S.A.
https://www.meetup.com/a11ysea/events/256072387/

Podcast Transcribe Party
December 18, 2018.
Atlanta, Georgia, U.S.A.
https://metro-atl-accessibility-meetup.mn.co/events/podcast-transcribe-party


+05: HTML.

Tags to DOM
By Travis Leithead.
"In the second installment of A List Apart's four-part 'From URL
to Interactive' series, Travis Leithead, former editor of W3C's HTML spec,
 walks us through the process of parsing HTML: from how browsers
create trees to how the DOM responds to events. Equipped with this knowledge,
 you'll be able to make smarter DOM decisions, reduce time to interactive,
and eliminate unintended reflows."
https://alistapart.com/article/tags-to-dom


+06: JAVASCRIPT.

Debug JavaScript On The Fly With DevTools
By Karl Dubost.
"On webcompat, we try to diagnose bugs reported about sites,
we do not have the original sources…"
http://www.otsukare.info/2018/11/01/debugger-devtools-proxy


+07: MISCELLANEOUS.

Supreme Court Declines to Hear Appeal of Obama-Era Net Neutrality Rules
By Marguerite Reardon.
"Net neutrality is already dead, but the high court has left in place
a lower court ruling that preserves the FCC's actual authority to adopt such rules…"
https://www.cnet.com/news/supreme-court-declines-to-hear-appeal-of-obama-era-net-neutrality-rules/

Google Chrome's Users Take a Back Seat to Its Bottom Line
By Bennett Cyphers and Mitch Stoltz.
"Google Chrome is the most popular browser in the world. Chrome routinely
leads the pack in features for security and usability, most recently helping to
drive the adoption of HTTPS. But when it comes to privacy, specifically
protecting users from tracking, most of its rivals leave it in the dust…"
https://www.eff.org/deeplinks/2018/11/google-chromes-users-take-back-seat-its-bottom-line


+08: SITES & BLOGS.

Access & Use
By Detlev Fischer.
"New resource showing accessibility problems of dynamic web components
in many tests with users (video). It covers the accessibility of common dynamic
web components like drop-down navigation, dialogs, tabbed interfaces,
carousels and the like…"
https://accessuse.eu


+09: USABILITY.

Radio Buttons Define Us. Let's Make Better Tech
By Sarah Horton.
"Radio button controls are the most insistent of all user interface patterns…"
https://medium.com/@gradualclearing/https-medium-com-gradualclearing-radio-buttons-define-us-lets-make-better-tech-2ee0c51c974a

See Different
By Philip Hodgson
"Being able to see things through the eyes of someone else is one of the most
important abilities a designer can have. But it's also very difficult for most of us to do.
Could a rather dramatic break with convention put designers into the shoes
of the people they design for?…"
https://www.userfocus.co.uk/articles/see-different.html

UX Guidelines for Recommended Content
By Aurora Harley.
"Encourage engagement with recommendations by presenting them prominently,
segmenting suggestions into clear categories, and providing methods for users to
give feedback."
https://www.nngroup.com/articles/recommendation-guidelines/


[Section one ends.]


++ SECTION TWO:

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

Preview YouTube video WCAG 2 1 What You Need to Know About the Most Recent Accessibility Standards




--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics

 

[webdev] Web Design Update: November 14, 2018

David Dillard
 





[webdev] Web Design Update: November 14, 2018

 



Laura Carlson <lcarlson@d.umn.edu>

Wed, Nov 14, 2018, 8:22 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 21, November 14, 2018.

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

++ISSUE 21 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: BOOKS.
03: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
05: EVENTS.
06: MISCELLANEOUS.
07: NAVIGATION.
08: SITES & BLOGS.
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.

Live Chat Accessible
By Rakesh Paladugula.
"…this article will highlight the best practices to make a live chat
accessible to keyboard only, screen reader, low vision and various
other users with disabilities…"
https://www.maxability.co.in/2018/11/how-to-make-live-chat-accessible/

New Resource: The Business Case for Digital Accessibility
By Shawn Henry.
"The W3C WAI Education and Outreach Working Group (EOWG) today
published a new resource that describes the rationale for
organizations to address accessibility…"
https://lists.w3.org/Archives/Public/public-wai-announce/2018OctDec/0001.html

Eyes-Free Computing Looking Back, Looking Forward (Video)
By TV Raman.
"…UI determines size and shape of computing…Ubiquitous information
access requires User Aware UI…"
https://www.youtube.com/watch?v=LJzcThyT0Pg
Slides (PDF):
http://emacspeak.sourceforge.net/raman/publications/iit-bay-area-2018/slides.pdf

A Web of Anxiety: Accessibility for People with Anxiety and Panic
Disorders [Part 2]
By David Swallow.
"…many companies care little about how anxious or stressed their
websites make you feel. In fact, companies may well be counting on
your being anxious. But that's not to say that there's nothing we can
do…"
https://developer.paciellogroup.com/blog/2018/11/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-2/

Be Better: Accessibility
By Ben Callahan.
"…Ben explores how responsive web design is accessible web design…"
https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design

The Importance Of Manual Accessibility Testing
By Eric Bailey.
"Automated accessibility tests are a great resource to have, but they
can't automatically make your site accessible. Use them as one step of
a larger testing process…"
https://www.smashingmagazine.com/2018/09/importance-manual-accessibility-testing/

Why Using 'tabindex' Values Greater than '0' is Bad
By Karl Groves.
"…It creates maintenance headaches…It strips away user control…It may
cause a mismatch between visual order and interaction order…It may
make user support difficult…"
http://www.karlgroves.com/2018/11/13/why-using-tabindex-values-greater-than-0-is-bad/

Getting the Details on aria-details
By Scott O'Hara.
"Introduced in ARIA 1.1, aria-details is meant to help convey that
there is additional information available for a particular element a
user is interacting with…With the large gap in support across various
different screen readers, and the current implementation with JAWS,
aria-details won't consistently, or meaningfully, provide the context
for which its potential should allow."
https://www.scottohara.me/blog/2018/11/08/aria-details.html

Feds Prod Universities to Address Website Accessibility Complaints
By Lindsay McKenzie.
"Universities are under legal pressure to make their websites fully
accessible to people with disabilities, but is 'fully' even possible?"
https://www.insidehighered.com/news/2018/11/06/universities-still-struggle-make-websites-accessible-all


+02: BOOKS.

Gay, Greg et al. Professional Web Accessibility Auditing Made Easy.
Ryerson University Pressbooks. 2016.
https://pressbooks.library.ryerson.ca/pwaa/

Gay, Greg et al. Digital Accessibility as a Business Practice. Ryerson
University Pressbooks. 2018.
https://pressbooks.library.ryerson.ca/dabp/


+03: CASCADING STYLE SHEETS.

The 'C' in CSS: The Cascade
By Thomas Yip.
"Following up from Geoff's intro article on The Second "S" in CSS,
let's now move the spotlight to the "C" in CSS - what we call the
Cascade…"
https://css-tricks.com/the-c-in-css-the-cascade/

Grid Tile Layouts with auto-fit and minmax
By Dave Geddes.
"…Lemme show you the new & easy way to make perfect, responsive tile
layouts with CSS Grid…"
https://gedd.ski/post/tile-layouts/

Editorial Layouts, Floats, and CSS Grid
By Dave Geddes.
"CSS Grid is in many ways a dream come true, but there's at least one
basic thing it can't do…"
https://v6.robweychert.com/blog/2018/11/css-grid-editorial-layouts/


+04: EVALUATION & TESTING.

Keyboard Testing Basics
By Robert Jolly.
"Keyboard testing is one of the most efficient, impactful, and easy
tasks that any team member can do to find accessibility issues…"
https://knowbility.org/blog/2018/keyboard-testing-basics/

Benchmarking in UX Research
By Nikki Anderson.
"Test how a website or app is progressing over time…"
https://uxdesign.cc/benchmarking-in-ux-research-5188afe691bb

The Three Types of Performance Testing
By Harry Roberts.
"…make performance testing regular and routine, I try to distill the
types of testing that we do into three distinct categories: Proactive,
Reactive, and Passive…"
https://csswizardry.com/2018/10/three-types-of-performance-testing/

How to Test Visual Design
By Kathryn Whitenton.
"Visual design details like fonts and colors can have subtle but
important effects on the overall user experience. Use research methods
that are sensitive to these effects to test your visual design."
https://www.nngroup.com/videos/how-test-visual-design/


+05: EVENTS.

Interaction 19
February 3-8, 2019.
Seattle, Washington, U.S.A.
https://interaction19.ixda.org/

JSConf Hawai'i
February 7-8, 2019.
Honolulu, Hawaii, U.S.A.
https://www.jsconfhi.com/


+06: MISCELLANEOUS.

Tim Berners-Lee Ficks Off a 'Contract for the Web' to Protect the
Future of the Internet
By Hamza Shaban.
"Tim Berners-Lee, the inventor of the World Wide Web, recently kicked
off a global campaign to curb some of the harmful effects of Internet
connectivity on society…"
https://www.washingtonpost.com/technology/2018/11/06/tim-berners-lee-kicks-off-contract-web-protect-future-internet/

Improve Your Design Process in Discovery, Ideation, and Prototyping
By Gleb Kuznetsov.
"Each time a product team begins a new project, the list of things to
do can be overwhelming…"
https://www.uxbooth.com/articles/improve-your-design-process-in-discovery-ideation-and-prototyping/

10 Things to Know About Chromebook Accessibility
By Deborah Edwards-Onoro.
"A number of new accessibility features have been added to the
Chromebook with the latest release of Chrome OS, which rolled out over
past couple weeks"
https://www.lireo.com/10-things-to-know-about-chromebook-accessibility/


+07: NAVIGATION.

Drop-Down Usability: When You Should (and Shouldn't) Use Them
By Christian Holst.
"Deciding when to use a drop-down - or when to use another interface
type, such as a radio button interface or open text field - for a
specific input can be tricky…"
https://baymard.com/blog/drop-down-usability

The Rules for Modern Navigation
By Stephanie Lin.
"…Let's consider these rules: Prioritize consistency, Design clear
interactions, Avoid deep navigation, Design for responsive
compatibility…"
https://www.uxbooth.com/articles/the-rules-for-modern-navigation/


+08: SITES & BLOGS.

We are Colorblind
By Tom van Beveren, Kim van den Brink and Denver the Cat.
"…We are Colorblind is dedicated to the more than 300 million people
who are color blind…"
https://wearecolorblind.com/


+09: TOOLS.

AInspector WCAG for Firefox
By Jon Gunderson.
"Inspects web pages for features and issues related to WCAG 2.0 level
A and AA requirements…"
https://go.illinois.edu/ainspector-wcag

HTML Notepad
By Andrew Fedoniouk.
"It is a WYSIWYG editor of structured documents: texts that have
hierarchical and semantically meaningful (oxymoron, no?) structure:
headers, list, plaintext islands, tables and so on…"
https://html-notepad.com/


+10: USABILITY.

Why You Should Use a Text Area for Address Form Fields
By Anthony Tseng.
"…By using a single text area instead of two text fields, you'll help
users fill out the address field quicker…"
https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/

Don't @ Me - UX of Notifications in 2019
By Moses Kim.
"…Something as insignificant as a notification sent in the wrong time
or manner can turn people away from the app…"
https://shakuro.com/blog/ux_of_notifications/

Design Guidelines for Input Steppers
By Yuxuan (Tammy) Zhou.
"Reduce input effort for fields with values that deviate little from
the default by allowing users to increase or decrease the number in a
single button press. Avoid this GUI control for values with large
variability."
https://www.nngroup.com/articles/input-steppers/

UX Debt: How to Identify, Prioritize, and Resolve
By Anna Kaley.
"Like tech debt, UX debt piles up over time and, if left unaddressed,
leads to compounding user problems and costly cleanup efforts. Agile
teams can modify their processes to track and resolve UX debt."
https://www.nngroup.com/articles/ux-debt/

The Difference Between Storyboard, User Journey and User Story
By Desi Reuben-Sealey.
"…All three definitions, Storyboard, User Story and User Journey are
crucial in my opinion to the planning and production of whatever it is
you are creating in the web
http://www.i3lance.co.uk/index.php/2015/02/04/the-difference-between-storyboard-and-user-journey-and-user-story/

Marketing: the Truly Original Fake News
By Gerry McGovern.
"Some marketers are deluded. Too much hype, spin, fake news…"
http://gerrymcgovern.com/marketing-the-truly-original-fake-news/


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



--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

http://groups.yahoo.com/group/net-gold


https://groups.io/org/groupsio/net-gold/archives

 

Research Guides

https://sites.google.com/site/researchguidesonsites/

 

Research Paper Writing

https://sites.google.com/site/howtowriteasuperresearchpaper/

Employment

https://sites.google.com/site/employmentsources/


Internships

https://sites.google.com/site/internshipsarticles/

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

https://www.jiscmail.ac.uk/lists/sport-med.html

https://groups.io/g/SportMed/topics