Date   
[webdev] Web Design Update: November 21, 2018 Inbox x

David Dillard
 



 [webdev] Web Design Update: November 21, 2018




Laura Carlson <lcarlson@d.umn.edu>

Wed, Nov 21, 2018, 8:22 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 22, November 21, 2018.

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

++ISSUE 22 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: MISCELLANEOUS.
06: TOOLS.
07: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

The Business Case for Digital Accessibility
By W3C.
"This article examines the rationale for organizations to address
accessibility. It includes tangible and intangible benefits, and the
risks of not addressing accessibility adequately…"
https://www.w3.org/WAI/business-case/

1.4.10 Reflow
By Rakesh Paladugula.
"People with low vision typically enlarge the text to read the content
on the screen…"
https://www.maxability.co.in/2018/11/1-4-10-reflow/

Conferences, Speakers: Please Caption Your Videos
By Adrian Roselli.
"Over the last few years more and more conferences have started to
provide live captions during talks…"
http://adrianroselli.com/2018/11/conferences-speakers-please-caption-your-videos.html

Inclusive Design For Accessible Presentations
By Allison Ravenhal.
"…slide transitions are overrated. More seriously, they can make the
audience feel sick. Slide transitions and other animation such as
parallax scrolling can trigger nausea, headaches and dizziness in
people with vestibular (inner ear) disorders. Make your audience groan
with your punny jokes, not because they feel ill…"
https://www.smashingmagazine.com/2018/11/inclusive-design-accessible-presentations/

7 Basic Steps to Making PDFs More Accessible
By Bureau of Internet Accessibility.
"Web accessibility encompasses a broad spectrum, but digitized
documents are too-often forgotten in the process. The Portable
Document Format (PDF) is one such type of digital document - a very
common and widely used file type online, created with the intention of
being able to be opened and displayed on any device…"
https://www.boia.org/blog/7-basic-steps-to-making-pdfs-more-accessible

There's Already a Blueprint for a More Accessible Internet. If Only
Designers Would Learn It
By Anne Quito.
"The internet can be a hostile space for 15% of the world's population
who experience some form of disability…"
https://qz.com/1407450/theres-already-a-blueprint-for-a-more-accessible-internet/

Universities Under Investigation for Poor Website Accessibility
By Halona Black and Natalie Schwartz.
"The Department of Education's Office of Civil Rights is investigating
hundreds of colleges and universities that it says have not met web
accessibility standards for people with disabilities, Inside Higher Ed
reported. An official told the publication there were 556 open cases
as of August 2017…"
https://www.educationdive.com/news/universities-under-investigation-for-poor-website-accessibility/541878/

This Blind Athlete has Filed 164 ADA Lawsuits
By Jane Musgrave.
"…Gil has filed 164 lawsuits in South Florida, accusing government
agencies, restaurants and stores of violating the landmark Americans
With Disabilities Act by refusing to take steps to assure the blind
can navigate their websites…"
https://www.palmbeachpost.com/news/20181109/this-blind-athlete-has-filed-ada-164-lawsuits

Got Access for People with Disabilities Covered? Don't Forget
By Gene Marks.
"More than 5,000 lawsuits were filed under the Americans with
Disabilities Act in the first half of 2018, many relating to
businesses' online presence…"
https://www.theguardian.com/business/2018/nov/15/americans-with-disabilities-act-website-lawsuits-accessibility

Education Department's Civil Rights Office Retreats, Will Consider
Claims Filed En Masse
By Laura Meckler.
"Facing a lawsuit, the Education Department said Tuesday it would no
longer dismiss civil rights complaints simply because the filer had
submitted other, similar claims, reversing a policy that had led to
the dismissal of hundreds of cases en masse…"
https://www.washingtonpost.com/local/education/education-departments-civil-rights-office-retreats-will-consider-claims-filed-en-masse/2018/11/20/a7ed362a-ed05-11e8-96d4-0d23f2aaad09_story.html



+02: CASCADING STYLE SHEETS.

Keyboard-Only Focus Styles
By Chris Coyier.
"Like Eric Bailey says, if it's interactive, it needs a focus style.
Perhaps your best bet? Don't remove the dang outlines that focusable
elements have by default…"
https://css-tricks.com/keyboard-only-focus-styles/

Braces to Pixels
By Greg Whitworth.
"We continue on A List Apart's four-part 'From URL to Interactive'
series with Greg Whitworth, a member of the W3C CSS Working Group and
the CSS Houdini Task Force. He'll walk through how CSS is parsed, how
values are computed, and what the 'cascade' in style sheets actually
means. Then we'll discuss layout, painting, and composition. Brace
yourselves, we're about to drive through a one of our most scenic and
winding parts of our journey…"
https://alistapart.com/article/braces-to-pixels

Difference Between currentColor and Custom Properties
By Mike Riethmuller.
"There are some interesting differences between how currentColor and
custom properties work. Both are examples of dynamic properties in CSS
but how they are resolved differs in some very important ways. I
recently came across an example of this that had me scratching my head
for a while…"
https://www.madebymike.com.au/writing/currentcolor-and-custom-properties/


+03: EVALUATION & TESTING.

The Methods UX Professionals Use (2018)
By Jeff Sauro.
"…Here is an overview of how common methods are used and how their use
has changed over time. Differences of greater than about 5% across
years or methods are statistically significant…Accessibility remains a
more niche activity for this group of respondents but there seems to
be a steady growth in assessing accessibility since 2011. In the past
seven years, it's increased from 14% to 21%…"
https://measuringu.com/ux-methods-2018/

Trust What Your Users Do, Not What They Say
By Pavel Bukengolts.
"…we look at why it's important to take what your customers say with a
grain of salt,  and how you can use data to vet product and design
ideas more effectively…"
https://www.appcues.com/blog/dont-give-users-what-they-want

No I Don't Want to Take Your Survey
By Gerry McGovern.
"…It's not up to me to help you make your website better…"
http://gerrymcgovern.com/no-i-dont-want-to-take-your-survey/

Usability Testing w. 5 Users: ROI Criteria (Video 2 of 3)
By Jakob Nielsen.
The number of test participants for qualitative usability testing that
optimizes return-on-investment is determined by 2 parameters: the
facilitator's observational skills and the design team's speed when
generating the next design iteration."
https://www.nngroup.com/videos/usability-testing-w-5-users-roi-criteria/

How To Setup a Mobile Usability Test (Video)
By Kim Flaherty.
"There are a lot of elements involved in a mobile usability test. 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-mobile-usability-test/

Four Approaches to Share and Reflect on Our Work
By Jared M. Spool.
"Reviews and critique are both about reflecting on the design, while
walkthroughs and demos are for sharing the design with others. Reviews
differ from critique because reviews focus on the future of the
design. Critiques focus on how the design got to where it is today…"
https://medium.com/@jmspool/four-approaches-to-share-and-reflect-on-our-work-cdb3cd8ee099


+04: EVENTS.

Everything You Need to Know About Kiosk Accessibility
November 27, 2018.
Online
https://zoom.us/webinar/register/5015421399252/WN_yNEZ49FpTKew9dk1KVfpgg

An Event Apart Seattle
March 4-6, 2019.
Seattle, Washington, U.S.A.
https://aneventapart.com/event/seattle-2019

DevNexus
March 6-8, 2019.
Atlanta, Georgia, U.S.A.
https://devnexus.com/


+05: MISCELLANEOUS.

AXSChat with Alastair Campbell (Video)
By AXSChat.
"With a background in psychology and an expert in human-computer
interaction, Alastair Campbell is a leading light in the understanding
of where man meets machines. He is driven by a desire to make the
digital world accessible through the best possible user experience.…"
http://www.axschat.com/alastair-campbell/


+06: TOOLS.

Colorblindly (Chrome Extension)
By Andrew VanNess.
"Simulates colorblindness in your web browser."
https://github.com/oftheheadland/Colorblindly

GitHub & BitBucket HTML Preview (Hat tip to Jim Allan)
By niu tech.
"…Enter URL of the HTML file to preview or prepend to the URL or use
this bookmarklet while browsing GitHub or BitBucket…"
https://htmlpreview.github.io/


+07: USABILITY.

Five Mistakes in Designing Mobile Push Notifications
By Alita Joyce.
"Provide value to users before asking them to receive your app's
notifications; tell them what the notifications will be about. Don't
send notifications in bursts; make it easy to turn them off."
https://www.nngroup.com/articles/push-notification/

Filling the Silence with Digital Noise
By Kate Moran and Kim Flaherty.
"Many people use digital media to avoid silence or empty time."
https://www.nngroup.com/articles/filling-silence-digital-noise/

UX Design and the Case for Illustration
By Kate Evans.
"Senior UX Designer at Nomensa, Kate Evans, explores how illustration
can have a positive effect on UX design and user experiences and
shares her tips for when it should be considered during a design
process…"
https://medium.com/@Nomensa/ux-design-and-the-case-for-illustration-8d87bb7f7e0a

How to Run a Successful Design Review
By Arin Bhowmick.
"…a final design review before a product release can make a huge
difference for your product and more importantly your end users…"
https://www.uxbooth.com/articles/how-to-run-a-successful-design-review/

Latest Research Shows Gutenberg Usability Improves, Pain Points Still Exist
By Deborah Edwards-Onoro.
"In the latest usability testing results of the new WordPress editor,
participants reported an 85.5 score out of 100 on the System Usability
Scale…"
https://www.lireo.com/latest-research-shows-gutenberg-usability-improves-pain-points-still-exist/


[Section one ends.]


++ SECTION TWO:

+08: 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: November 28, 2018

David Dillard
 





[webdev] Web Design Update: November 28, 2018




Date: Wed, 28 Nov 2018 06:19:56 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: November 28, 2018

+++ WEB DESIGN UPDATE.
- Volume 17, Issue 23, November 28, 2018.

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

++ISSUE 23 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: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: SITES AND BLOGS.
09: TOOLS.
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.

Short Note on Role None or Presentation?
By Steve Faulkner.
"…All modern browsers support both role="none" and role="presentation…"
https://codepen.io/stevef/post/none-or-presentation

Understanding SC 1.2.5 Audio Description (Prerecorded)
By Raghavendra Satish Peri.
"The intent of this success criterion is to provide audio descriptions
to the videos so as to aid blind & visually impaired users understand
the visual aspect of the video content…"
https://www.digitala11y.com/understanding-sc-1-2-5-audio-description-prerecorded/

Toggling Animations On and Off
By Kirupa Chinnathambi.
"…In this article, we are going to try to make everyone happy
independent of what their views on animations might be. We are going
to give our users full control over whether they want to see
animations or not, and we are going to do that by employing a few cool
technical tricks…"
https://www.kirupa.com/html5/toggling_animations_on_off.htm

Accessibility = Innovation
By Mischa Andrews.
'Innovation' is often used as an excuse for avoiding accessibility.
Let's pivot these conversations to get more people excited about
accessibility and an awesome future.
https://medium.com/@MischaAndrews/accessibility-innovation-20912107fc4e

First Website Accessibility Agreement Reached With WCAG 2.1 As Its Standard
By Lainey Feingold.
"On November 2, 2018 Alameda County California, three blind residents,
and the National Federation of the Blind announced a settlement
designed to protect the rights of blind voters to participate fully in
the county's voting program."
https://www.lflegal.com/2018/11/alameda-voting/

Fear is a Poor Motivator for Accessibility
By Lainey Feingold.
"This is a post about what happens when organizations work on
accessibility only because they are afraid of being sued. Six years
ago Jared Smith wrote about bad motivators for access. He wrote that
the best motivators are to reward, enlighten, and inspire. The worst
motivators are guilt and punishment. Today in the United States the
fear of lawsuits is driving too many access efforts. Lawsuits can be
important tools to protect rights. But they can also be used for the
wrong reasons. Those lawsuits can hurt disabled people needing to use
the law when the lack of access creates true barriers to technology
and information."
https://www.lflegal.com/2018/11/webaim-fear/

Silver Update (Presentation)
By Silver Task Force, W3C Accessibility Guidlines Working Group.
Slide Presentation on proposed goals, milestones, timeline, prototypes
and more for the next major revision of WCAG (code name 'Silver').
https://docs.google.com/presentation/d/1V_nYD27N6kx8gRha0rrdQK8aKyvg7kKXu6rs44We7IU/

Trump Team Reverses Controversial Changes to Handling of Civil Rights Probes
By Alyson Klein.
"U.S. Secretary of Education Betsy DeVos' office for civil rights is
reversing itself on several key changes to how it investigates civil
rights claims that had infuriated the civil rights community…"
https://blogs.edweek.org/edweek/campaign-k-12/2018/11/trump-devos-civil-rights-changes-manual-special-education-complaints.html

Schools, Colleges Targeted for Websites' Alleged Inaccessibility to the Blind
By Scott O'Connell.
"The College of the Holy Cross became the latest local educational
institution to be targeted for allegedly failing to make its website
accessible to handicapped users last week when a New York man sued the
school in federal court…"
https://www.telegram.com/news/20181122/schools-colleges-targeted-for-websites-alleged-inaccessibility-to-blind


+02: CASCADING STYLE SHEETS.

Exclusions Will Hopefully Be Like More Powerful Grid-Friendly Floats
By Chris Coyier.
"Exclusions (which are currently in a 'working draft' spec as I write)
are kinda like float in that they allow inline content to wrap around
an element. But not exactly a float…"
https://css-tricks.com/exclusions-will-hopefully-be-like-more-powerful-grid-friendly-floats/

CSS Logical Properties and Values
By Chris David Mills, Rachel Andrew, et al.
"CSS Logical Properties and Values is a module of CSS introducing
logical properties and values that provide the ability to control
layout through logical, rather than physical, direction and dimension
mappings…"
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Logical_Properties

How to Organize Your CSS with a Modular Architecture (OOCSS, BEM, SMACSS)
By Claudio Mendonca.
"…In this article, I'll show you how to organize your CSS architecture
into HTML/CSS blocks that behave more like Lego blocks…"
https://snipcart.com/blog/organize-css-modular-architecture

How to Understand CSS Position Absolute Once and For All
By Marina Ferreira.
"Stop losing your elements on the screen by understanding how an
object figures where it is supposed to sit…"
https://medium.freecodecamp.org/how-to-understand-css-position-absolute-once-and-for-all-b71ca10cd3fd


+03: EVALUATION & TESTING.

Observe, Test, Iterate, and Learn (Video)
By Don Norman.
"There isn't a next time in product development, so Don Norman says
that you must always study to keep up with the product cycle. "
https://www.nngroup.com/videos/observe-test-iterate-and-learn-don-norman/

Prototypes and Production
By Jeremy Keith.
"…every so often, we use the materials of front-end development- HTML,
CSS, and JavaScript - to produce something that isn't intended for
production. I'm talking about prototyping…"
https://adactio.com/journal/14562

Market Research vs User Research: How To Overcome Uncertainty
By Dan Jecan.
"…Market research mainly provides broad, quantitative insights about
people's attitudes and their willingness to buy a product. This, in
turn, informs marketing decisions…User research mainly provides deep,
focused qualitative insights about people's behavior and how they
would use a product. As a result, this informs design decisions…"
https://uxstudioteam.com/ux-blog/market-research-vs-user-research/


+04: EVENTS.

Accessibility and Compliance: How to Measure Digital Accessibility
December 11, 2018.
Online
https://accessibility.deque.com/accessibility-and-compliance-how-to-measure-digital-accessibility

Digital Accessibility: Lighting Talks & Holiday Social
December 11, 2018.
Chicago, Illinois, U.S.A
https://www.meetup.com/en-AU/a11ychi/events/256749111/
Live stream: https://www.youtube.com/watch?v=mQbPiv0dAZk

ConFoo Montreal
March 13-15, 2019.
Montreal, Canada
https://confoo.ca/en/yul2019

DrupalCon Seattle
April 8-12, 2019.
Seattle, Washington, U.S.A.
https://events.drupal.org/seattle2019

SmashingConf San Francisco
April 16-17, 2019.
San Francisco, Califorina, U.S.A.
https://smashingconf.com/


+05: JAVASCRIPT.

aria-rowspan Property
By Rakesh Paladugula.
"aria-rowspan property defines the number of rows a cell spanned
within a table, grid or a treegrid…"
https://www.maxability.co.in/2018/11/aria-rowspan-property/

You Might Not Need a Loop
By Ire Aderinokun.
"In JavaScript, like any other language, there are several ways to
achieve the same result, some being more suited to certain situations
than others. One of the first concepts I learned about when learning
to code was loops, and it seemed like the answer to almost
everything…"
https://bitsofco.de/you-might-not-need-a-loop/


+06: MISCELLANEOUS.

Front-End Development is Not a Problem to be Solved
By Robin Rendle.
"…HTML and CSS are often seen as a burden…What's behind this feeling?
Well, designers want tools that let them draw pictures and export a
batch of CSS and HTML files like Dreamweaver promised back in the day.
On the other end, engineers don't want to sweat accessibility, web
performance or focus states among many, many other things…We should
see front-end development as a unique skillset that is critical to the
success of any project…"
https://css-tricks.com/front-end-development-is-not-a-problem-to-be-solved/

Should Designers Code
By Jens Oliver Meiert.
"…Although an understanding of adjacent fields is always useful,
designers 'should,' in the normative, imperative sense of the word,
not be able to develop. May-but not should."
https://meiert.com/en/blog/should-designers-code/

No, We Don't Really Care About Your Privacy
By Gerry McGovern.
"…If only you weren't so innocent. If only you placed more value on
your worth rather than on your convenience and getting free stuff. We
value your information because from your information we make money.
With your information we control you. You're our cash cow. How does it
feel to be the product?"
http://gerrymcgovern.com/no-we-dont-really-care-about-your-privacy/


+07: NAVIGATION.

ARIA Landmarks Example
By W3C ARIA Authoring Practices Task Force.
"Visually outline the landmarks and/or headings on the page using the
following buttons…"
https://www.w3.org/TR/wai-aria-practices/examples/landmarks/HTML5.html


+08: SITES AND BLOGS.

24 Accessibility
By The 24 Accessibility Team (Dennis Deacon, Carie Fisher, and Scott O'Hara).
"24 Accessibility is a series of articles on all subjects related to
digital accessibility. During the first 24 days in the month of
December, we offer a daily dose of accessibility wisdom and insight
from a wide array of knowledge experts throughout the world…"
https://www.24a11y.com/


+09: TOOLS.

Stylify Me
By Annabelle Yoon and Michael Mrowetz.
"…gain an overview of the style guide of a site, including colours,
fonts, sizing and spacing. This tool allows the designer to research
sites efficiently without the need to inspect each element, in order
to be aware of current design trends and inform their own design
decisions…"
http://stylifyme.com/


+10: TYPOGRAPHY.

Quick Test: Resize Text
By Luis Garcia.
"Resize text and make sure everything on the page works. Repeat until
you get to 200% zoom. Seems simple? It is.…"
https://a11yproject.com/posts/resize-text/

Variable Fonts and Wide-Screen Layouts: Adopting Data-Driven
Progressive Enhancements
By Kathryn Whitenton and Sarah Gibbons.
"The NN/g website homepage now incorporates variable fonts and a
wide-screen layout - 2 technical adjustments which improve the user
experience for a subset of users on supported devices."
https://www.nngroup.com/articles/variable-fonts-wide-screen-layout/


+11: USABILITY.

Usability - What It Means and How to Get There
By Meghan Horvath.
"…Let's dive in, unearthing just how this sought-after concept is
defined and shed light on how to achieve it for your product…"
https://usabilla.com/blog/usability-what-it-means-how-to-get-there/

Making the Complex World Understandable Through Intuitive Design
By Lauri Lukka.
"…Great designs act as an interpreter. They make our complex world
intuitive and understandable…"
https://uxdesign.cc/taming-complexity-c44c0447dec5

The User Experience of Chatbots
By Raluca Budiu.
"Far from being 'intelligent', today's chatbots guide users through
simple linear flows, and our user research shows that they have a hard
time whenever users deviate from such flows."
https://www.nngroup.com/articles/chatbots/


[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 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 A11YChi Lightning Talks 2018







 


--

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 24, December 5, 2018.

David Dillard
 



 

Laura Carlson <lcarlson@d.umn.edu>

Wed, Dec 5, 2018, 7:35 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 24, December 5, 2018.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Web Content Accessibility Guidelines 2.1-for People Who Haven't Read the Update
By Alan Dalton.
"…These new criteria make it easier than ever for us web geeks to
produce work that is more accessible to people using mobile devices
and touchscreens, people with low vision, and people with cognitive
and learning disabilities…"
https://24ways.org/2018/wcag-for-people-who-havent-read-the-update/

Web Accessibility and Autism
By Rakesh Paladugula.
"…Below are some guidelines from this  WCAG checklist  that meets the
needs of people with autism…"
https://www.maxability.co.in/2018/12/web-accessibility-autism/

A Guide to Creating Accessible Animations
By Anna Monus.
"Animated interfaces can cause headaches, nausea, dizziness, and other
health problems for many people…"
https://webdesign.tutsplus.com/tutorials/a-guide-to-creating-accessible-animations--cms-32038

WebAIM's Survey of Low Vision Users #2: What Do We Aake of It?
By Sathish Kumar.
"…The design with its visual aspects must be flexible, accommodative
and allow for user customization in order to achieve the high
inclusivity. Only then, we would see the high number of respondents
who would proclaim that the web is inclusive and accessible. It is not
only the task of the AT vendors to help achieve this…"
https://www.digitala11y.com/webaims-survey-of-low-vision-users-2-what-do-we-make-of-it/

Create Custom Keyboard Accessible Checkboxes
By Lindsey Kopacz.
"I've seen a ton of designers make these GORGEOUS checkbox styles, but
then you see them implemented and you can't even select it using your
keyboard…"
https://www.a11ywithlindsey.com/blog/create-custom-keyboard-accesible-checkboxes/

Instagram is Now Using AI to Describe Photos for Users with Visual Impairments
By Ashley Carman.
"Instagram announced today that it's rolling out new features that
will make the app easier to use for people with visual impairments…"
https://www.theverge.com/2018/11/28/18116323/instagram-ai-visual-impairment-description

Testing, Testing, 1, 2, 3 - Large-scale Broadcast Event Usability and
Accessibility
By Kris Schulze.
"…How do we best host a broadcast event for all 2,300 MNIT staff while
planning for inclusion from the start?…"
https://mn.gov/mnit/media/blog/?id=38-360595

How to Create Accessibility Statements
By Shadi Abou-Zahra.
"…Developing an Accessibility Statement provides guidance, a free
generator tool, and examples, to help you create accessibility
statements…"
https://www.w3.org/blog/2018/11/how-to-create-accessibility-statements/

Playboy.com Sued by Blind Man Who Says He Can't Fully 'Enjoy' the Website
By Tim Kenneally.
"…Playboy.com was sued Wednesday by a legally blind man who says that
the site, as well as Playboyshop.com, aren't equally accessible to the
blind and visually impaired…"
https://www.thewrap.com/playboy-com-sued-by-blind-man-who-says-he-cant-fully-enjoy-the-website/

DeVos' Inspector General to Audit Dismissals of Civil Rights Complaints
By Annie Waldman.
"The review could shed light on the Education Department's reluctance,
documented by a series of ProPublica articles, to investigate alleged
discrimination by school districts and colleges…"
https://www.propublica.org/article/devos-inspector-general-to-audit-dismissals-of-civil-rights-complaints

Ed Department Reopening Hundreds Of Disability-Related Complaints
By Courtney Perkes.
"The U.S. Department of Education is reversing course after being sued
over changes to its handling of disability discrimination complaints
in schools…"
https://www.disabilityscoop.com/2018/12/03/ed-department-reopening-complaints/


+02: CASCADING STYLE SHEETS.

Programming CSS
By Jeremy Keith.
"There's a worrying tendency 'real' programmers look down their noses at CSS…"
https://adactio.com/journal/14574

Resilient CSS: 7-Part (Video) Series
By Jen Simmons.
"Learn to write CSS that works in every browser at the same time - old
and new. You can use brand new features in CSS, while still supporting
people who have old software. You just have to know how. Let me show
you…"
https://www.youtube.com/playlist?list=PLbSquHt1VCf1kpv9WRGMCA9_Nn4vCLZ9Y


+03: COLOR.

Contrast and Color Accessibility
By WebAIM.
"We've updated and significantly expanded our article on contrast and
color usage to include testing with various tools."
https://webaim.org/articles/contrast/

Updated Color Contrast Checker
By WebAIM.
"The popular WebAIM Color Contrast Checker has been updated to provide
feedback on meeting WCAG 2.1's 3:1 contrast ratio requirements for
graphical objects and user interface components."
https://webaim.org/resources/contrastchecker


+04: DRUPAL.

Drupal Admin UX Study: What We Can Learn from Contentful, Craft CMS,
Squarespace, and WordPress
By Suzanne Dergacheva.
"There is exciting work being done in the Drupal community to improve
the Admin UI, including the JavaScript Modernization Initiative and an
overhaul of the look and feel of the Seven theme. Meanwhile, I've been
working with a group in the Drupal community to research what user
experience improvements we should be making for content editors…"
https://evolvingweb.ca/blog/drupal-admin-ux-study-what-we-can-learn-contentful-craft-cms-squarespace-and-wordpress


+05: EVALUATION & TESTING.

Automated Testing for Web Accessibility
By Anders Fredericksen.
"…some general concepts are important for organizations to understand
as they undertake initiatives and adopt automated tools…"
https://www.levelaccess.com/automated-testing-web-accessibility-2/

Quick Test: Large Touch Targets
By Eric Bailey.
"A touch target is the total area a user can click or tap on to
activate an interactive element such as a link, input, or button…"
https://a11yproject.com/posts/large-touch-targets/

10 Diagrams to Help You Think Straight About UX Research
By David Travis.
"Some of the problems we work on as UX researchers are simple and are
easily solved by getting users in front of our product. But other
problems can be complex and it's hard to know how to start solving
them. In situations like that, a simple 2x2 diagram can cut through
the "what ifs", the "how abouts" and the edge cases and provide a
simple way of looking at the problem. Here are 10 examples of 2x2
diagrams to simplify UX research discussions"
https://www.userfocus.co.uk/articles/think-straight-about-UX-Research.html


+06: EVENTS.

Intro to Audio Description
January 17, 2018.
Online
https://www.3playmedia.com/resources/webinars/webinar-registration-01-17-2019/

Washington DC UX Conference
April 27-May 3, 2019.
Washington D.C., U.S.A.
https://www.nngroup.com/training/washington-dc/

Technical Communication Summit
May 5-8, 2019.
Denver, Colorado, U.S.A.
https://summit.stc.org/


+07: HTML.

The 'D' in the DOM
By Anthony Jeffery.
"It's within the Document Object Model (DOM) that we find one of the
keys to building accessible things for the web: the document. Anthony
Jeffery helps us decide what HTML elements to use to lay the
foundation for an accessible document."
https://www.24a11y.com/2018/the-d-in-the-dom/

Just Markup
By Michael Scharnagl.
"When I started working as a Front-end Developer (or rather Web
designer, as people doing HTML, CSS and a bit of JavaScript were
usually called back then), all the Back-end people working at the
company *laughed* at me because I was 'just' doing HTML and CSS and
not 'real programming'…"
https://justmarkup.com/log/2018/11/just-markup/


+08: INFORMATION ARCHITECTURE.

Unraveling a Complex UX Problem - How a Greek Myth Helped Me Conquer
Information Architecture
By Amy Rosenbaum.
"…I now know that I can use patience, creative thinking, and the right
UX tools to unravel even the knottiest problems."
https://uxdesign.cc/unraveling-a-complex-ux-problem-how-a-greek-myth-helped-me-conquer-information-architecture-743ebd7d0ea


+09: JAVASCRIPT.

What, Exactly, Is the DOM?
By Ire Aderinokun.
"The Document Object Model, or the 'DOM', is an interface to web
pages. It is essentially an API to the page, allowing programs to read
and manipulate the page's content, structure, and styles. Let's break
this down…"
https://bitsofco.de/what-exactly-is-the-dom/


+10: MISCELLANEOUS.

What Is Design Thinking, Really? (What Practitioners Say)
By Sarah Gibbons.
"The majority of UX and design professionals define design thinking
roughly the same, regardless of industry and experience, but there's
no agreement on the specifics."
https://www.nngroup.com/articles/design-thinking-practitioners-say/

Giving Back to the Community
By Mike Gifford.
"Mike Gifford challenges us to try a new way of giving back. Not by
writing an article, proposing a talk or organizing an accessibility
awareness event, but by making the internet more accessible by
default."
https://www.24a11y.com/2018/giving-back-to-the-community/

Stories from the Trenches: What I've learned from Working as a Blind
Developer for a Sighted Dev Team
By Florian Beijers.
"In this article, developer Florian Beijers shares his experiences
with the employment process and his experiences with developer tools;
the struggles as well as the positives of a blind developer."
https://www.24a11y.com/2018/stories-from-the-trenches/


+11: USABILITY.

Animations are Distracting! (Video)
By Aurora Harley.
"Moving UI elements attract attention, which often means distracting
users from accomplishing their primary goals. Some types of animations
are more distracting than others, and it's important to match how
attention-grabbing the motion is to the context and user needs."
https://www.nngroup.com/videos/distracting-animations/

The Hidden UX Lessons From Your Favourite Christmas Movie Characters
By Eleanor McKenna.
"…I've rounded up wisdom from nine Christmas characters as lessons you
can apply to your own design process…"
https://www.uxmas.com/2018/the-hidden-ux-lessons-from-your-favourite-christmas-movie-characters

Three Contexts for Evaluating Organizational Usability
By Morten Hertzum.
"Organizational usability is about the match between the user and the
system, between the organization and the system, and between the
environment and the system. While the first of these matches can, to a
large extent, be evaluated in the lab, the two others cannot.
Organizational usability must instead be evaluated in situ, that is,
while the system is used for real work…"
http://uxpajournal.org/evaluating-organizational-usability/

The Mobile Checkout Experience
By Anna Kaley.
"Optimize the checkout experience on mobile ecommerce channels by
taking into account the strengths and limitations of mobile devices.
Aim to minimize the number of steps and typing, and take advantage of
capabilities such as geolocation and the camera."
https://www.nngroup.com/articles/mobile-checkout-ux/

The State of UX in 2019
By Fabricio Teixeira, Caio Braga.
"…a holistic analysis of UX Design as a discipline: the tools we use,
the methods we apply every day, the technologies we design around, the
career challenges we experience, and how our community is responsible
for what's happening in the world around us - the one that we,
consciously or not, have helped design…"
https://trends.uxdesign.cc/2019


+12: XML.

Accessible SVG Icons with Inline Sprites
By Marco Hengstenberg.
"At a certain stage in a project someone always comes in and says: 'We
need icons!' And why do people need icons? Whatever the reasoning may
be, we need to make sure that people who can't see or recognize these
icons can understand their purpose. Marco Hengstenberg visits the
practice of using SVG icons with inline sprites, and how to ensure
these icons are accessible."
https://www.24a11y.com/2018/accessible-svg-icons-with-inline-sprites/

Accessible SVG: Methods for Adding Alternative Content
By Carie Fisher.
"Scalable Vector Graphics (SVG) are XML-based vector images…"
https://webdesign.tutsplus.com/tutorials/accessible-svg-methods-for-adding-alternative-content--cms-32205


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

 

 


--

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: December 12, 2018

David Dillard
 



 

 

 [webdev] Web Design Update: December 12, 2018





Laura Carlson <lcarlson@d.umn.edu>

Dec 12, 2018, 7:36 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 25, December 12, 2018.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Understanding WCAG 2.1 Guideline 2.5: Input Modalities
By Bureau of Internet Accessibility.
"…To account for the need to navigate and operate controls through
various input methods, WCAG 2.1 includes a new guideline: 2.5 Input
Modalities…"
https://www.boia.org/blog/understanding-wcag-2-1-guideline-2-5-input-modalities

Unlocking Accessibility for UX/UI Designers
By Denis Boudreau.
"In today's article, Denis Boudreau explains that the accessibility
community, have been lying for the better part of the last twenty
years. Web accessibility is hard. It's complicated. And you don't need
to care about all of that WCAG stuff."
https://www.24a11y.com/2018/unlocking-accessibility-for-ux-ui-designers/

Web Accessibility: What You Say vs. What I Hear
By Mikey Ilagan.
"…I've noticed a recurring theme. Issues identified through assistive
technology such as screen readers are often treated as bugs-backlogged
and forgotten in lieu of new feature development. Let me be clear: I
think looking at accessibility this way is all wrong…"
https://www.thinkcompany.com/2017/12/web-accessibility-what-you-say-what-i-hear/

Microsoft Makes Real-Time Captions and Translation Standard in Office
365 PowerPoint
By James Thorne.
"The next PowerPoint presentation you see may have live captions or
subtitles, as Microsoft rolls out a real-time voice translation
feature to millions of subscribers. Think of it as an AI-powered Babel
fish for the conference room…"
https://www.geekwire.com/2018/microsoft-makes-real-time-captions-and-translation-standard-in-office-365-powerpoint/

The Current State of Automatic Speech Recognition
By Jaclyn Leduc.
"…Will a completely automated captioning solution ever exist? The
answer, at least for the conceivable future, is no. For now, a human
editor must be involved in the captioning and transcription process in
order to produce 99% accurate captions."
https://www.3playmedia.com/2018/12/05/the-current-state-of-automatic-speech-recognition-why-we-still-need-humans-for-captioning/

The Ultimate Guide to Audio Description
By 3Play Media.
"Just about everything you need to know about audio description and then some…"
https://www.3playmedia.com/resources/popular-topics/audio-description/

Disability is a Spectrum, Not a Binary
By Steve Barnett and Nicola du Toit.
"…Steve Barnett and Nicola du Toit look at disability as a spectrum
instead of a binary and by making things accessible, we help more
people than we might realize."
https://www.24a11y.com/2018/disability-is-a-spectrum-not-a-binary/

How Ableism Leads to Inaccessibility
By Olivier Nourry.
"…Olivier Nourry discusses Ableism, the belief that a fully-functional
body and mind are the norm for a human being and considers people with
disabilities as unworthy and how in many ways, inaccessibility is a
by-product of ableism-based thinking."
https://www.24a11y.com/2018/how-ableism-leads-to-inaccessibility/

The Accessibility Elves
By Michael E Ryan.
"There are many different roles in software that can help improve
accessibility. In today's piece, Mike introduces us to the seven elves
working on accessibility as part of the Inclusive Design Team."
https://www.uxmas.com/2018/the-accessibility-elves

Lessons from Gutenberg
By Adrian Roselli.
"…there are lessons to be learned from Gutenberg that, thanks to its
open nature, we can apply to other projects. Ideally, you want to make
your next project the Anti-Gutenberg…"
http://adrianroselli.com/2018/12/lessons-from-gutenberg.html

Colleges, Including Saint Rose, Hit with Website Lawsuits
By Rick Karlin.
"The College of Saint Rose is among the most recent targets of a
series of lawsuits filed against colleges and other organizations
related to their websites…"
https://www.timesunion.com/news/article/Colleges-including-Saint-Rose-hit-with-mass-13442769.php

50 Colleges Hit With ADA Lawsuits
By Lindsay McKenzie.
"A blind man is taking 50 colleges to court, alleging their websites
are inaccessible to people with disabilities."
https://www.insidehighered.com/news/2018/12/10/fifty-colleges-sued-barrage-ada-lawsuits-over-web-accessibility


+02: CASCADING STYLE SHEETS.

Managing Flow and Rhythm with CSS Custom Properties
By Andy Bell.
"An important part of designing user interfaces is creating consistent
vertical rhythm between elements. Creating consistent, predictable
space doesn't just make your web pages and views look better, but it
can also improve the scan-ability…"
https://24ways.org/2018/managing-flow-and-rhythm-with-css-custom-properties/

What Do You Name Color Variables?
By Chris Coyier.
"I remember the very first time I tried Sass on a project. The first
thing I wanted to do was variablize my colors. From my
naming-things-in-HTML skillz, I knew to avoid classes like
.header-blue-left-bottom because the color and position of that
element might change. It's better for to reflect what it is than what
it looks like…"
https://css-tricks.com/what-do-you-name-color-variables/

A CSS Venn Diagram
By Adrian Roselli.
"This post is just a summation of what I made with some stuff I learned…"
http://adrianroselli.com/2018/12/a-css-venn-diagram.html

An Introduction and Guide to the CSS Object Model
By Louis Lazaris.
"…In this guide, I'm going to go through many of the most important
features of the CSSOM, starting with stuff that's more commonly known,
then moving on to some more obscure, but practical, features…"
https://css-tricks.com/an-introduction-and-guide-to-the-css-object-model-cssom/


+03: COLOR.

My Struggle with Colors
By Zain Adeel.
"Demystifying colors for accessible digital experiences…"
https://uxdesign.cc/my-struggle-with-colors-52156c664b87


+04: DRUPAL.

Drupal's Commitment to Accessibility
By Dries Buytaert.
"…I've come to believe that accessibility is not something you do for
a small group of people. Accessibility is about promoting inclusion.
When the product you use daily is accessible, it means that we all get
to work with a greater number and a greater variety of colleagues.
Accessibility benefits everyone…"
https://dri.es/drupal-commitment-to-accessibility


+05: EVALUATION & TESTING.

Can You Use a Single Item to Predict SUS Scores?
By Jeff Sauro.
"The System Usability Scale (SUS) has been around for decades and is
used by hundreds of organizations globally…"
https://measuringu.com/single-item-sus/

Help! I Don't Know What Type of User Research To Do
By Cheryl Paulsen.
"Choosing the right research method isn't always easy, for multiple reasons…"
https://medium.com/@cheryl.paulsen/help-i-dont-know-what-type-of-user-research-to-do-42d76fa4d9f


+06: EVENTS.

Your Accessibility Evolution: an Ongoing Journey
December 19, 2018.
Online
https://zoom.us/webinar/register/8215439609329/WN_hWHVOOfeS2iChWJXnf5aKQ

Web Accessibility Testing With Screen Readers
January 22, 2019.
Online
https://www.maxability.co.in/2018/12/webinar-january-2019-web-accessibility-testing-with-screen-readers/

World IA Day
February 23, 2019.
Everywhere.
https://www.worldiaday.org/


+07: JAVASCRIPT.

The Baseline Costs of JavaScript Frameworks
By Ankur Sethi.
"…Your React application will never load faster than about 1.1 seconds
on an average phone in India, no matter how much you optimize it. Your
Angular app will always take at least 2.7 seconds to boot up…"
https://blog.uncommon.is/the-baseline-costs-of-javascript-frameworks-f768e2865d4a

React Native Accessibility Is Pretty Bad
By Doug Russell.
"Allow me to preface this by saying that React Native sets out to
solve problems I don't think are very interesting to solve. In
particular I don't think that sharing a single UI between disparate
platforms is desirable from any perspective that isn't cost savings
and that even from that perspective it's dicey…"
http://www.takingnotes.co/blog/2018/11/09/react-native-accessibility/

A New Day: Making a Better Calendar
By Gerard Cohen.
"This calendar year is almost over and we still don't have any solid
guidance or official ARIA pattern on how to build an interactive and
accessible calendar widget. Gerard Cohen shows us how to obtain an
improved calendar experience."
https://www.24a11y.com/2018/a-new-day-making-a-better-calendar/

My Favourite Accessible Accordion Pattern
By Graham Armfield.
"…This post looks at the requirements for an accessible accordion
component, and shows you how to build one. I'll also talk about why I
favour the pattern presented here over others that are available…"
https://www.hassellinclusion.com/blog/accessible-accordion-pattern/

The (Switch)-Case for State Machines in User Interfaces
By David Khourshid.
"…one important (and very old) mathematical model of computation can
be used for describing the behavior and all possible states of a user
interface: the finite state machine…"
https://24ways.org/2018/state-machines-in-user-interfaces/


+08: MISCELLANEOUS.

Reluctant Gatekeeping: The Problem With Full Stack
By Heydon Pickering.
"Much of my career as a web designer has been spent, quite happily,
working alongside programmers, engineers, people with computer science
degrees. In this symbiotic relationship, each party has a secure job
with a well-defined role, and gets to work on the thing they are best
at and enjoy the most…"
http://www.heydonworks.com/article/reluctant-gatekeeping-the-problem-with-full-stack

Be the Villain
By Eric Bailey.
"Eric Bailey asks us to take on the role of King Herod in our projects
to consider how the products, services and processes we design could
be abused to cause harm rather than to do good. No matter how good our
intentions, we must remember that not every user has pure motivations
and that every tool is a weapon if you hold it right."
https://24ways.org/2018/be-the-villain/

Microsoft Targets Better Accessibility in Chromium
By Paul Thurrott.
"…the first feature Microsoft has committed to adding to Chromium is
for accessibility…The feature is called UI Automation Providers and it
will allow Chromium-based browsers on Windows to seamlessly interact
with accessibility client applications like Narrator…"
https://www.thurrott.com/windows/windows-10/194887/microsoft-targets-better-accessibility-in-chromium

More on Edge Moving to Chromium:
http://www.d.umn.edu/itss/training/online/webdesign/misc.html#edge


+09: NAVIGATION.

Not Your Father's Navigation Strategy: There's More Than Just the TAB Key
By Rachel Olivero.
"…Rachel Olivero explains that while the use of the Tab key for
navigation among web components is appropriate in the right
circumstances, effectively utilizing quick navigation keys and element
lists can offer greater flexibility for screen access software users…"
https://www.24a11y.com/2018/more-than-just-the-tab-key/

Journey Mapping 101
By Sarah Gibbons.
"A journey map is a visualization of the process that a person goes
through in order to accomplish a goal."
https://www.nngroup.com/articles/journey-mapping-101/


+10: TOOLS.

PAVE (PDF Accessibility Validation Engine)
By ICT-Accessibility Lab of the Zurich University of Applied Sciences
(ZHAW) in collaboration with the Swiss Federation of the Blind and
Visually Impaired.
"You can use PAVE to make your PDF documents accessible and to
interpret conventional reader programs correctly…"
http://pave-pdf.org/index.en.html

W3C is Coming to Your A11Y Tools
By Wilco Fiers.
"…Wilco Fiers talks about the upcoming harmonization of both automated
accessibility testing tools and manual, human testing, lead by the
W3C's Accessibility Conformance Testing (ACT) Task Force."
https://www.24a11y.com/2018/w3c-is-coming-to-your-a11y-tools/

Mobilizing Android Accessibility At Airbnb
By Diane Ko and Julia Fu
"…Diane Ko and Julia Fu talk about accessibility and the Airbnb
Android App, the advantages and challenges of the Android platform and
how they spread accessibility awareness and know-how through
documentation and training."
https://www.24a11y.com/2018/android-accessibility-at-airbnb/


+11: USABILITY.

De-jargonising Design
By Donna Spencer.
"…Unfortunately jargon only works when the group we're communicating
with has the right  background knowledge to understand it, and if they
have similar experiences to our own. Even more unfortunately, the
people we spend most of our time communicating with are not our
peers-they're usually our business colleagues, developers and clients.
They are left feeling stupid when we rattle off our jargon-filled
methods, techniques and design principles…"
https://www.uxmas.com/2018/dejargonising-design

The Anchoring Principle
By Therese Fessenden.
"People tend to focus on a single, initial piece of information, which
influences how they estimate value and make subsequent decisions."
https://www.nngroup.com/articles/anchoring-principle/

A 4 Minute UX Facilitator's Guide (Video)
By Sarah Gibbons.
"As a facilitator, it's your responsibility to make sure the time
spent in workshops is as productive as possible for attendees, while
at the same time ensuring that you get the insights you need in order
to move your project forward."
https://www.nngroup.com/videos/ux-facilitator-guide/

Product List UX: Explain Industry-Specific Filters (91% Don't)
By Edward Scott.
"In our large-scale usability testing of product lists and filters, we
observe that filters can turn an overwhelming and unmanageable product
list into one that's much more focused on products relevant to the
user - increasing the likelihood of a user finding a suitable product
to purchase…"
https://baymard.com/blog/explain-industry-specific-filters

[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

 

[webdev] Web Design Update: December 18, 2018

David Dillard
 




[webdev] Web Design Update: December 18, 2018



Laura Carlson <lcarlson@d.umn.edu>

Dec 18, 2018, 3:52 PM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 19, December 18, 2018.

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

++ISSUE 26 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: EVENTS.
05: JAVASCRIPT.
06: MISCELLANEOUS.
07: TOOLS.
08: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

I Threw Away My Mouse
By Manuel Matuzovic.
"Manuel Matuzovic shares how he ditched his mouse, going
keyboard-only. He shares the results of his research on 200 different
pages and the issues that impact keyboard-only users."
https://www.24a11y.com/2018/i-threw-away-my-mouse/

Case Study - Podcast Becomes a WCAG 2.1 Implementation Site
By Nicolas Steenhout.
"Nicolas Steenhout shares the story of his podcast, A11Y Rules, how he
made its website accessible through careful decisions about players
and plugins, and the move to WCAG 2.1."
https://www.24a11y.com/2018/podcast-wcag-2-1-implementation-site/

Making Content Usable for People with Cognitive and Learning Disabilities
By W3C Cognitive and Learning Disabilities Task Force.
"This document is for people who make Web content (Web pages) and Web
applications. It give advice on how to make content useable for people
with learning and cognitive disabilities…"
W3C First Public Working Draft.
https://www.w3.org/TR/2018/WD-coga-usable-20181211/

Inaccessibility Simply Gets Old
By Kelly Ford.
"…I'll just say, it is disappointing that near the end of 2018, a
product search on a major retail company's web site still leads to
every product reading'product tile large' with  multiple screen
readers."
http://blog.kellyford.org/inaccessibility-simply-gets-old/

The Implementation of Web Accessibility Standards by Dutch
Municipalities. Factors of Resistance and Support
By Eric Martin Velleman.
"There are laws and regulations in place requiring public sector
bodies to adopt and implement international standards for web
accessibility. Municipalities in the Netherlands have collectively
adopted these standards. However, they often seem unable to fully
implement web accessibility standards even if the law requires them to
and they are actively pursuing it…"
https://www.researchgate.net/publication/329509854_The_Implementation_of_Web_Accessibility_Standards_by_Dutch_Municipalities_Factors_of_Resistance_and_Support/download

Congress Votes For Better Government Websites, Digital Services
By nextgov.
"…the Senate passed the 21st Century Integrated Digital Experience
Act, or 21st Century IDEA, which sets minimum standards for
accessibility, ease of use and security of government websites. The
bill now heads to the president's desk to be signed into law."
https://www.nextgov.com/it-modernization/2018/12/congress-votes-better-government-websites-digital-services/153478/

Web Accessibility Suits & Settlements in 2018
By Rakesh Paladugula.
"…Plaintiffs filed 4965 federal ADA Title III lawsuits in first 6
months of 2018. Among this large numbers are web accessibility suits
and settlements. If the trend continues, it is expected to reach
10,000 cases with an approximate increase of 30% from 2017…"
https://www.maxability.co.in/2018/12/web-accessibility-suits-and-settlements-in-2018/


+02: CASCADING STYLE SHEETS.

Inclusive Considerations When Restyling Form Controls
By Scott O'Hara.
"Scott O'Hara hogs the remote while he looks into the ever-present
issue of custom form controls. We might brute-force an element to take
on the styling we're looking for, but will that interaction still make
sense for all users? Let's give the batteries a rub and find out…"
https://24ways.org/2018/inclusive-considerations-when-restyling-form-controls/

Researching a Property in the CSS Specifications
By Rachel Andrew.
"Rachel Andrew shows us which direction is up on a gift that looks
great but comes with complex instructions. Like most operating manuals
CSS specifications can seem overwhelming, but it turns out that some
of the most daunting tasks can be simple when you know what you're
doing…"
https://24ways.org/2018/researching-a-property-in-the-css-specifications/

The Visibility Property Isn't Just About Visibility
By Ire Aderinokun.
"…Although the visibility property may seem to only affect visual
visibility, we can see that it does much more than that."
https://bitsofco.de/the-visibility-property-isnt-just-about-visibility/


+03: COLOR.

Designing with the Colorblind in Mind Will Improve Your Design for Everyone
By Tom van Beveren.
"…About 4% of the population has some form of color blindness. One in
12 men and 1 in 200 women are color blind and face challenges with a
lot of online products like websites, apps, games, and webshops in
their daily life…"
https://medium.com/we-are-colorblind/designing-with-the-colorblind-in-mind-will-improve-your-design-for-everyone-5c25ecfcde64


+04: EVENTS.

Web Accessibility Evaluation for Non-Technical Users
January 7, 9, and 11, 2019.
Online
http://disability.illinois.edu/academic-support/accessible-it-group/badging

Web Accessibility Evaluation for Technical Users
January 14, 16, and 18, 2019.
Online
http://disability.illinois.edu/academic-support/accessible-it-group/badging


+05: JAVASCRIPT.

Accessible Name and Description Computation 1.1
By W3C ARIA Working Group.
"This document describes how user agents determine the names and
descriptions of accessible objects from web content languages…"
https://www.w3.org/TR/accname-1.1/

Using the aria-roledescription Attribute
By Léonie Watson.
"The aria-roledescription attribute changes the way screen readers
announce the role of an element. Intended to give authors a way to
provide a localised and human-readable description for a role, it has
the capacity to both enhance and seriously break accessibility for
screen reader users…"
https://tink.uk/using-the-aria-roledescription-attribute/

Using aria-live
By Ire Aderinokun.
"Many web pages today have their content dynamically changed using
Javascript…If applied incorrectly, the aria-live attribute can do more
harm than good. So, it's important to take into account a few things
if we want to use it…"
https://bitsofco.de/using-aria-live/

JavaScript and Civil Rights
By Marcy Sutton.
"As developers of web applications and websites, we create interfaces
for people to use (for the most part). In doing so, we have a
responsibility to make our applications not only usable by those
people, but also to avoid infringing on their rights…"
https://www.deque.com/blog/javascript-and-civil-rights/

What's the difference between JavaScript event delegation, bubbling,
and capturing?
By Chris Ferdinandi.
"…event delegation is the technique, bubbling is what the event itself
does, and capturing is a way of using event delgation on events that
don't bubble…"
https://gomakethings.com/whats-the-difference-between-javascript-event-delegation-bubbling-and-capturing/


+06: MISCELLANEOUS.

Accessibility and Inclusion with the World's Most Popular
Communication Tool: Email
By Jason Rodriguez.
"Jason Rodriguez shares some best practices on creating more
accessible and inclusive email campaigns, routinely ranked as one of
the world's most valuable marketing channels, yet very little work has
been done to make it more accessible for under-represented groups."
https://www.24a11y.com/2018/accessibility-and-inclusion-with-email/


+07: TOOLS.

ANDI (Accessible Name & Description Inspector) Bookmarklet
By Social Security Administration.
"Navigate to the page to be tested. Launch ANDI by clicking on the
favorite/bookmark labelled "ANDI". ANDI will be inserted onto the
page.
https://www.ssa.gov/accessibility/andi/help/install.html

Document Accessibility Toolbar (DAT)
By Vision Australia.
"An innovation that revolutionises the ease and speed of creating
accessible documents in Microsoft Word, the Document Accessibility
Toolbar (DAT) supports individuals and organisations to embrace
accessibility as 'business as usual' at no cost…"
https://www.visionaustralia.org/services/digital-access/document-accessibility-toolbar

ColourMap - Colour Blind Helper
By Pierre Frederiksen.
"ColorMap can help colour blind users in reading maps, seating plans
and other content where colour is used to convey information…"
https://www.visionaustralia.org/services/digital-access/resources/colourmap


+08: USABILITY.

The Dark Side of Simplicity
By Gerry McGovern.
"…Simplicity sucks energy…Simplicity creates insecurity…Simplicity
creates dependency…Simplicity is manipulative…Simplicity is
addictive…Some things are worth the effort. If you're not thinking
then someone is thinking for you…The ethical thing to do is to help
people make good decisions for their lives, their futures. Stripping
away the complexity that confuses and frustrates is always great. But
making it simple just so as people will spend more and more of their
time and money, just so as to get more data from them in order to
exert greater control over them, is unethical…"
http://gerrymcgovern.com/the-dark-side-of-simplicity/

Can Users Control and Understand a UI Driven by Machine Learning?
By Raluca Budiu.
"In a study of people interacting with systems built on
machine-learning algorithms, users had weak mental models and
difficulties making the UI do what they want."
https://www.nngroup.com/articles/machine-learning-ux/


[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: December 26, 2018

David Dillard
 




[webdev] Web Design Update: December 26, 2018



Laura Carlson <lcarlson@d.umn.edu>

Wed, Dec 26, 2018, 10:03 AM (11 days ago)
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 27, December 26, 2018.

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

++ISSUE 27 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: NAVIGATION.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Tables and Beers
By Steve Faulkner.
"In the last article for the 2018 series, Steve Faulkner provides the
results of one beer worth of screen reader testing of simple tables."
https://www.24a11y.com/2018/tables-and-beers/

Prove You're Not A Bot: reCAPTCHA version 3
By John Sweet.
"John Sweet describes how captchas have been viewed as a complete
barrier to access for individuals with disabilities but with Google's
latest reCaptcha solution, access has taken a major, positive leap
forward."
https://www.24a11y.com/2018/recaptcha/

Benefits of a Single Text Field Versus Multiple Text Fields
By Michiel 'Zoë' Bijl.
We often come across forms that have multiple fields for what is, in
essence, a single piece of data, like a phone number or credit card
number. Creating forms like that can pose some usability issues if
they aren't marked up in the right way. Would it be better to ask for
these chunks of data with single text fields instead?
https://www.24a11y.com/2018/single-text-field-vs-multiple-text-fields/

Web Accessibility: Buzzword or Reality?
By Attila Vágó.
"Web Accessibility. The unexpected lovechild of Sir Tim Berners Lee, a
shoddy 12" monochrome screen that went black (and never came back) and
a cat that ran away with the mouse. The cat came back, but by the time
we found the mouse again, Steve Jobs decided we should all be poking
at our screens instead…"
https://hackernoon.com/web-accessibility-buzzword-or-reality-c265ec82aa03

I Used the Web for A Day Using a Screen Reader
By Chris Ashton.
"A sighted user puts himself in the shoes of a non-sighted user. Chris
Ashton experiences first-hand difficulties that visually impaired
users face and describes what we can do as web developers to help."
https://www.smashingmagazine.com/2018/12/voiceover-screen-reader-web-apps/

Part 2: Create Inclusive Design Experiences with Accessibility at a
Glance Videos
By Deborah Edwards-Onoro.
Microsoft added 6 videos their series.
https://www.lireo.com/create-accessibility-at-glance-videos-inclusive-design/

Designing Layouts for Screen Readers
By Ben Robertson.
"I'll walk through how to make use of these indicators to make a
simple web page easy to use, navigate and read for users of assistive
technology. All the example code is available on github…"
https://benrobertson.io/accessibility/designing-layouts-for-screen-readers

iOS Accessibility Properties: How They Relate to WCAG, and How to
Correctly Use Them
By Jennifer Dailey.
"Jennifer Dailey explains how the iOS Accessibility Properties relate
to the WCAG 2.0 success criteria 4.1.2: Name, Role, Value, and how to
properly use them."
https://www.24a11y.com/2018/ios-accessibility-properties/

When Empathy Isn't Enough
By Shaina Garfield.
"Designers need to go beyond empathy to include the disabled community
as participants in design solutions."
https://medium.com/frog-voices/when-empathy-isnt-enough-87ccdb6ae072

VPAT
By Information Technology Industry Council.
"…WCAG 2.1 has now been incorporated into the EU, WCAG, and INT
editions of the VPAT…"
https://www.itic.org/policy/accessibility/vpat

President Trump Signs 21st Century IDEA into Law
By Tajha Chappellet-Lanier.
"Citizen-friendly federal websites and digital services just got a
boost -  President Donald Trump signed the 21st Century Integrated
Digital Experience Act (IDEA) on Thursday afternoon…"
https://www.fedscoop.com/president-trump-signs-21st-century-idea-law/

DOE Rescinds 'Mass Filer' Rule, Reopening Door for Web Accessibility Complaints
By C.P. Hoffman.
"…As a result of the rescission of the so-called 'Mass Filer' rule,
web accessibility complaints against educational institutions are
likely to increase significantly…"
https://www.levelaccess.com/doe-rescinds-mass-filer-rule-reopening-door-web-accessibility-complaints/

Airline Fined for Separate Disabled-Accessible Website
By Greg Thomson.
"Offering a separate website for those with disabilities does not
comply with the U.S. Department of Transportation's (DOT) website
accessibility requirements, the agency made clear with a $200,000 fine
to the Scandinavian Airlines System (SAS)…"
https://aoda.ca/airline-fined-for-separate-disabled-accessible-website/

ADA Case Law And Statutory Updates
By Cole Schotz.
"…arguments were as follows: 1) websites are not places of public
accommodation under Title III of the ADA; 2) the WCAG are not law and
the trial court's adoption of those guidelines violated due process;
1) Winn Dixie is in compliance with the ADA because Gil had not been
deprived of the full benefit of and equal access to the services and
goods in Winn Dixie's stores…"
https://www.jdsupra.com/legalnews/ada-case-law-and-statutory-updates-44288/


+02: CASCADING STYLE SHEETS.

Styling a Select Like It's 2019
By Scott Jehl.
" As it turns out, a reasonable set of styles can create a consistent
and attractive select across new browsers, while remaining just fine
in older ones too…"
https://www.filamentgroup.com/lab/select-css.html

Clip Paths Know No Bounds
By Dan Wilson.
"CSS Shapes are getting a lot of attention as browser support has
increased for properties like shape-outside and clip-path. There are a
few ways that we can use CSS Shapes, in particular with the clip-path
property, that are not necessarily evident at first glance…"
https://24ways.org/2018/clip-paths-know-no-bounds/


+03: EVALUATION & TESTING.

Fake Metrics: Impressions are the New Hits
By Gerry McGovern.
"We all know that HITS stands for How Idiots Track Success. Well,
IMPRESSIONS stands for Idiots Making Pretentious Resources Endlessly
So Suckers In Organizations Notice Something. It's the next chapter in
the endless saga of the Cult of Volume."
http://gerrymcgovern.com/fake-metrics-impressions-are-the-new-hits/

Usability Testing with 5 Users: Information Foraging (Video 3 of 3)
By Jakob Nielsen.
"Usability testing is similar to how wild animals hunt for food: we're
trying to hunt down the design flaws in the user interface and must
optimize a series of studies for total gain, rather than spend too
much on any one study."
https://www.nngroup.com/videos/usability-testing-5-users-information-foraging/

The UX of Restaurant Websites
By Jeff Sauro.
"…To understand these new online offerings, we benchmarked the user
experience of six popular restaurant chain websites that provide
delivery to see how people are using these services and where the
process can be improved…"
https://measuringu.com/ux-restaurant/

Creating Personas from User Research Results
By Priscilla Esser.
"…Let us show you the best practices in developing these design
deliverables, so your user research results can work their magic…"
https://www.interaction-design.org/literature/article/creating-personas-from-user-research-results


+04: EVENTS.

An Accessibility Case Study by Blink UX
January 9, 2019.
San Francisco, California, U.S.A.
https://www.meetup.com/a11ybay/events/257365652/

Clockwork: Expanding the UX Team
January 10, 2019.
Minneapolis, Minnesota, U.S.A.
http://uxpamn.org/event-3172791


+05: HTML.

The Practical Value of Semantic HTML
By Bruce Lawson.
"…Semantic HTML will give usability benefits to many users, help to
future-proof your work, potentially boost your search engine results,
and help people with disabilities use your site. And, best of all,
thinking more about your HTML will stop Dull Old Web Farts like me
moaning at you. What's not to love? Have a splendid holiday season,
whatever you celebrate - and here's to a semantic 2019!"
https://www.brucelawson.co.uk/2018/the-practical-value-of-semantic-html/

Why Isn't It Their Job
By Stuart Langridge.
"…The secret is: if you use semantic HTML, then they do the work, not you…"
https://kryogenix.org/days/2018/12/19/why-isn-t-it-their-job/

Making the abbr Element Work for Touchscreen, Keyboard, and Mouse
By Ire Aderinokun.
"The <abbr> element is used to denote and define an acronym. For
example, if we want to write the acronym 'CSS' anywhere on a web page,
we can also provide the full name 'Cascading Style Sheets' for readers
unfamiliar with the acronym…"
https://bitsofco.de/making-abbr-work-for-touchscreen-keyboard-mouse/

Jank-Free Image Loads
By Eric Portis.
"There are a few fundamental problems with embedding images in pages
of hypertext; perhaps chief among them is this: text is very light and
loads rather fast; images are much heavier and arrive much later…"
https://24ways.org/2018/jank-free-image-loads/


+06: JAVASCRIPT.

ARIA 1.1 - What's New?
By Birkir Gunnarsson.
"Birkir Gunnarsson tells us what's new in ARIA 1.1, the new roles and
properties that excite him, and the others that disappoint, due to
their lack of support."
https://www.24a11y.com/2018/aria-1-1-whats-new/

Web Components Still Need to be Accessible
By Eric Bailey
"Eric Bailey explains why developers need to consider accessibility
when creating custom web components and use semantic HTML when it
makes sense, as to not needlessly reinvent the wheel."
https://www.24a11y.com/2018/web-components-still-need-to-be-accessible/


+07: MISCELLANEOUS.

Designing Your Site Like It's 1998
By Andy Clarke.
"It's 20 years to the day since my wife and I started Stuff &
Nonsense, our little studio and my outlet for creative ideas on the
web. To celebrate this anniversary-and my fourteenth contribution to
24 ways- I'd like to explain how I would've developed a design for
Planes, Trains and Automobiles, one of my favourite Christmas films…"
https://24ways.org/2018/designing-your-site-like-its-1998/


+08: NAVIGATION.

Breadcrumbs: 11 Design Guidelines for Desktop and Mobile
By Page Laubheimer.
"Support wayfinding by including breadcrumbs that reflect the
information hierarchy of your site. On mobile, avoid using breadcrumbs
that are too tiny or wrap on multiple lines."
https://www.nngroup.com/articles/breadcrumbs/


[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: January 3, 2018 Inbox x

David Dillard
 



Laura Carlson <lcarlson@d.umn.edu>

Thu, Jan 3, 7:28 AM (3 days ago)
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 28, January 3, 2019.

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

++ISSUE 28 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: EVENTS.
05: MISCELLANEOUS.
06: NAVIGATION.
07: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

When To Describe Images
By Benetech.
"Does an image need to be described? That depends... walk through our
interactive 'decision tree' to learn about when and how best to make
an image accessible…"
https://poet.diagramcenter.org/when.html

How To Describe Images
By Benetech.
"This section is broken into two distinct segments. The first section,
'General Guidelines'...The second segment of this page details best
practice guidelines specific to particular image categories and
classifications…"
https://poet.diagramcenter.org/how.html

Practice Describing Images
By Benetech.
"This section allows you to apply the best practice guidelines and
resources to your own materials…"
https://poet.diagramcenter.org/practice.html

Responsible Web Animation: Giving Users More Control of Their Experience
By Nat Tarnoff.
"…Effects can range from seizures and migraines to dizziness and
nausea to distraction from completing the task at hand. There is still
much research to be done on how these animations affect users, what is
'good' versus 'bad' and how it affects users, but recent CSS and
JavaScript updates have provided us ways to give the user the control
they need for their best experience…"
https://www.levelaccess.com/responsible-web-animation-giving-users-control-experience/

PDF Accessibility: Testing and Verification
By Dave Herr.
"In previous articles for our 2018 series on PDF accessibility, we
covered all the major aspects of remediating PDF documents. Now we
will focus on the best ways to ensure that your work is complete, so
you can be confident that your documents meet the accessibility
standards…"
https://commonlook.com/pdf-accessibility-testing-and-verification/

Accessibility Scotland (Videos, Transcripts, Slides)
By Hampus Sethfors, Vasilis van Gemert, Heather Burns, Phil Day, Paul
Bepey, and Curt Holst.
Presentations are now available from Accessibility Scotland 2018.
https://accessibility.scot/

ATC Forum
By Accessible Technology Coalition.
"We have launched the ATC FORUM. Imagine having an online community
that can answer your Assistive Technology questions in a timely
fashion. Imagine having a user friendly database of current AT
information at your fingertips. (I'm remembering the days of the
encyclopedias in the living room) Imaging having the ability to
express and see differing views and opinions on a diverse range of
topics on assistive technology…"
https://forum.atcoalition.org/

Scandinavian Airlines System Consent Order (PDF)
By United States Department of Transportation.
"This order concerns violations by Scandinavian Airlines System (SAS)
of the requirements in 14 CFR Part 382 (Part 382). SAS violated the
Department's Web site accessibility requirements when it created a
separate Web site for individuals with disabilities instead of
ensuring that its primary Web site met the Web Content Accessibility
Guidelines (WCAG) 2.0 Level AA standard, as required by section
382.43(c)…"
https://www.transportation.gov/sites/dot.gov/files/docs/resources/individuals/aviation-consumer-protection/325416/sas-consent-order.pdf

Compass Slapped with Lawsuit Over Website Access for the Blind
By Teke Wiggin.
"Discrimination lawsuit highlights legal risk for brokerages that
don't comply with Americans with Disabilities Act…"
https://www.inman.com/2018/12/28/compass-slapped-with-lawsuit-over-website-access-for-the-blind/

2018 ADA Web Accessibility Lawsuit Recap
By Jason Taylor.
"The lawsuit culture that surrounds website accessibility has grown
steadily over the past few years and shows no signs of slowing…"
https://blog.usablenet.com/2018-ada-web-accessibility-lawsuit-recap-report


+02: CASCADING STYLE SHEETS.

How To Learn CSS
By Rachel Andrew.
"You don't need to commit in memorizing every CSS Property and Value,
as there are good places to look them up. There are some fundamental
things, however, which will make CSS much easier for you to use. This
article aims to guide you along your path of learning CSS."
https://www.smashingmagazine.com/2019/01/how-to-learn-css/

Common CSS Issues For Front-End Projects
By Ahmad Shadeed.
"Rendering and interaction have become a lot more consistent across
browsers in recent years. It's still not perfectly uniform, however,
and a lot of small issues can trip you up. Add on top of these issues
the variables of different screen sizes, language preferences and
plain human error, and we find a lot of small things to trip up a
developer."
https://www.smashingmagazine.com/2018/12/common-css-issues-front-end-projects/

Gradient Borders in CSS
By Chris Coyier.
"Let's say you need a gradient border around an element. My mind goes
like this…"
https://css-tricks.com/gradient-borders-in-css/


+03: COLOR.

Accessible Color Contrast: Icons Now Included
By Mary Gillen.
"The official WCAG 2.1 - 1.4.11 Non-text Contrast (Level AA) Guideline states…"
https://accessiblewebsiteservices.com/accessible-color-contrast-icons-now-included/


+04: EVENTS.

Tips for Management: How Accessibility Testing Actually Impacts Your
Development Process
January 17, 2019.
https://accessibility.deque.com/tips-for-management-how-accessibility-testing-actually-impacts-your-development-process

6 Tips for Accessibility in Microsoft Word from OKable
January 24, 2019.
Online
https://www.okabletech.org/education-services/at-services-for-pk-12/at-webinars-and-video-resources/

Open Question and Answer Session on the Revised 508 Standards from the
US Access Board
January 29, 2019.
Online
https://www.accessibilityonline.org/cioc-508/session/?id=110701


+05: MISCELLANEOUS.

Using Google Maps Costs More than You Think
By Jason T. Voiovich.
"…But just because you are not exchanging money to use Google Maps
does not mean you are not exchanging value. I intend to show you just
how much. You might not like it…"
https://medium.com/swlh/using-google-maps-costs-more-than-you-think-d62c7d857b2d

How Microsoft Lost the Web
By Gregg Keizer.
"Through a series of missteps and outright neglect, Microsoft
essentially handed over the fate of its web browser - and its ability
to shape the online world - to rival Chrome. The white flag of
surrender was raised this month…"
https://www.computerworld.com/article/3330239/web-browsers/how-microsoft-lost-the-web.html

What We Wished For
By Mat 'Wilto' Marquis.
"An old cliché says that 'may you get everything you wish for' makes
for a particularly insidious curse. With Edge soon making the switch
to Chrome's rendering engine - well, for better or worse, a bitter
wish is coming true."
https://www.smashingmagazine.com/2018/12/internet-explorer-what-we-wished-for/

Evaluating Technology (Video)
By Jeremy Keith.
"We work with technology every day. And every day it seems like
there's more and more technology to understand: graphic design tools,
build tools, frameworks and libraries, not to mention new HTML,CSS and
JavaScript features landing in browsers. How should we best choose
which technologies to invest our time in…"
https://aneventapart.com/news/post/evaluating-technology-by-jeremy-keith-aea-video


+06: NAVIGATION.

Navigation Design - Almost Everything You Need to Know
By Justinmind.
"Navigation design is about creating a system that empowers your users
to interact with and use your product…"
https://uxplanet.org/navigation-design-almost-everything-you-need-to-know-6f107814e22b


+07: USABILITY.

5 UX Principles You Must Adhere to for an Awesome UX Design
By Will Grant.
"Will Grant, a UI/UX expert and a digital product designer, explains
the 5 principles you must follow to ensure a great user experience…"
https://medium.com/quick-design/5-ux-principles-you-must-adhere-to-for-an-awesome-ux-design-25a9badb9d1d

The Hidden Privilege in Design
By Hareem Mannan.
"Shouldn't human-centered design consider all humans…"
https://medium.com/s/user-friendly/the-hidden-privilege-in-design-415072d8a66

Will People Be More Tech Savvy in 10 Years? (Video)
By Jakob Nielsen.
"People naturally avoid studying computers. Don't expect people's
technical skills to improve in the future."
https://www.nngroup.com/videos/more-tech-savvy-10-years-jakob-nielsen/

The Peak-End Rule: How Impressions Become Memories
By Lexie Martin.
"Cognitive biases change the way that we recall past events. The
peak-end rule focuses our memories around the most intense moments of
an experience and the way an experience ends."
https://www.nngroup.com/articles/peak-end-rule/


[Section one ends.]


++ SECTION TWO:

+08: 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: January 17, 2018

David P. Dillard
 


Web Design Update: January 17, 2018


+++ WEB DESIGN UPDATE.
- Volume 17, Issue 30, January 17, 2019.

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

++ISSUE 30 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: NAVIGATION.
10: STANDARDS, GUIDELINES & PATTERNS.
11: USABILITY.
12: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility Mechanics (Video)
By Jared Smith.
"Jared Smith, Associate Director of WebAIM, will discuss the interplay
between page content (including ARIA), browser parsing/rendering,
accessibility APIs, and assistive technology - something that is
increasingly important for developers to have a sense of when
implementing and testing accessibility…"
https://www.technica11y.org/accessibility-mechanics

Top 10 Low Effort Improvements for Accessible Web Content
By Leandra Silver.
"The creation of accessible sites is a collaborated dance between
designers, user experience specialists, web developers, content
editors, and web accessibility auditors…"
https://medium.com/@leandrasilver/top-10-low-effort-improvements-for-accessible-web-content-13f1e2013113

What You Need to Know About Types of Video Captions
By Meryl Evans.
"Way back in 1983, I got my first caption decoder…"
https://meryl.net/what-you-need-to-know-about-types-of-video-captions/

Tap to Dismiss
By Linzi Berry.
"Designing accessible escape hatches for modals…"
https://medium.com/tap-to-dismiss/tap-to-dismiss-fbc66bdf500a

This Week in Accessibility: Gomez v. GNC
By Sheri Byrne-Haber.
"Gomez v. GNC should serve as a warning to any company facing an
accessibility lawsuit as to the importance of their accessibility
experts actually being experts in accessibility…"
https://medium.com/@sheribyrnehaber/this-week-in-accessibility-gomez-v-gnc-89fee5f26b5f

Big Win for Web Accessibility in Domino's Pizza Case
By Lainey Feingold.
"…the panel of three judges held that, 'the ADA applied to Domino's
website and app because the Act mandates that places of public
accommodation, like Domino's, provide auxiliary aids and services to
make visual materials available to individuals who are blind'…"
https://www.lflegal.com/2019/01/dominos-ninth-circuit/


+02: CASCADING STYLE SHEETS.

When And How To Use CSS Multi-Column Layout
By Rachel Andrew.
"The Multi-column Layout spec is often overlooked as we use Grid and
Flexbox. In this article Rachel Andrew explains why it is different to
other layout methods, and shows some useful patterns and sites which
showcase it well…"
https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/

An Introduction to CSS Containment
By Manuel Rego Casasnovas.
"…This is a brief blog post trying to give an introduction to the
spec, explain the status of things, the work done during past year,
and some plans for the future…"
https://blogs.igalia.com/mrego/2019/01/11/an-introduction-to-css-containment/

CSS Doesn't Suck
By Any Bell.
"Another week comes along and with it, another assault on CSS…"
https://andy-bell.design/wrote/css-doesnt-suck/


+03: COLOR.

Designing UI with Color Blind Users in Mind
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.

Top Tasks Are the Invisible Gorilla
By Gerry McGovern.
"The top tasks of organizations are often very different to the top
tasks of customers because organizations think and see differently
than customers…"
http://gerrymcgovern.com/top-tasks-are-the-invisible-gorilla/

Does Changing the Order of the NPS Item Affect Results?
By Jeff Sauro.
"…does the order in which items are presented in common metrics like
the Net Promoter Score matter? To investigate this, we need to first
understand order effects in surveys…"
https://measuringu.com/nps-order/


+05: EVENTS.

Time Traveler's Guide to Accessibility Mechanics
January 22, 2019.
New York, New York, U.S.A.
https://www.meetup.com/A11yNYC/events/256947753/

Nurturing a Neurodiverse Workplace
January 23, 2019.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/257913463/
Live stream: https://www.youtube.com/watch?v=BQMMDNLYTgk
Live captions: http://www.streamtext.net/player?event=CDA

Digital Accessibility 101 - The Basics
January 24, 2019.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/257287270/

Make Your Business Case for Accessibility
January 28, 2019.
Minneapolis, Minnesota, U.S.A.
https://www.meetup.com/Accessibility-Twin-Cities/events/257427253/
        
Designing with Accessibility in Mind
February 11-17, 2019.
Online
https://onlinelearningconsortium.org/learn/olc-new-institute-schedule/institute-offerings/?id=374&cohort=368

2019 Audio Description Institute
February 23-25, 2019.
Alexandria, Virginia, U.S.A.
https://acb.org/2019-leadership-meetings-ADI

Experience Design Week
February 25-27, 2019.
Denver, Colorado, U.S.A.
https://experiencedesignweek.iqpc.com/


+06: HTML.

'Fixing' Lists
By Scott O'Hara.
"In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an
article on the how VoiceOver and Safari (Webkit) (macOS and iOS)
remove list element semantics when list-style: none is used…"
https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html

Accessible Accordions Part 2 - Using <details> and <summary>
By  Graham Armfield.
"In my last post My favourite accessible accordion pattern I discussed
how you could use a combination of HTML elements, some JavaScript and
some appropriate ARIA to create a fully accessible accordion component
that could be used by everyone."
https://www.hassellinclusion.com/blog/accessible-accordions-part-2-using-details-summary/

Which Elements Support Shadow DOM?
By Rob Dodson.
"Is there a list somewhere of which HTML elements can and can't have a
shadow DOM?…"
https://robdodson.me/which-elements-support-shadow-dom/


+07: JAVASCRIPT.

Make Your ARIA Labels Sing on Key
By Becky Gibson.
"The Web Accessibility Initiative Accessible Rich Internet
Applications specification (WAI-ARIA) is a powerful tool to make the
Web more accessible for people using screen readers. Unfortunately
many developers use WAI-ARIA incorrectly…"
https://knowbility.org/blog/2019/ARIA-labels/

It's 2019 and I Still Make Websites with my Bare Hands
By Matt Holt.
"I have no idea how to make a website the way the cool kids do today…"
https://medium.com/@mattholt/its-2019-and-i-still-make-websites-with-my-bare-hands-73d4eec6b7


+08: MISCELLANEOUS.

The History of the Web: Accessibility Tools
By Jay Hoffmann.
"In 1995, Dr. Cynthia Waddell published a web design accessibility
standard for the City of San Jose's Office of Equality Assurance…"
https://thehistoryoftheweb.com/accessibility-tools/


+09: NAVIGATION.

Create an Accessible Dropdown Navigation
By Lindsey Kopacz.
"Hover navigations are pretty simple to do without JavaScript, which
is how I usually see them implemented…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation/

Create an Accessible Dropdown Navigation Without JS
By Lindsey Kopacz.
"After cross-posting my last accessibility post about dropdowns on
dev.to, I was reading through the comments and someone posted about
:focus-within…"
https://www.a11ywithlindsey.com/blog/create-accessible-dropdown-navigation-without-js/


+10: STANDARDS, GUIDELINES & PATTERNS.

Web Standards: The What, The Why, And The How
By Amy Dickens.
"Web Standards, and the documentation to support them, provide huge
insight into 'the why' and 'the what' of the world wide web. They are
a fantastic resource for any web developer and help people build stuff
for the web that is functional, accessible and cross-compatible. In
this article, we take a look at the history of Web Standards, how to
use them in your work and ways you can get involved in making them…"
https://www.smashingmagazine.com/2019/01/web-standards-guide/

Harold Crick and the Web Platform
By Brian Kardell.
"In this piece I'll talk about MathML and why I think that it is
especially unique, intersting, and stranger than fiction…"
https://bkardell.com/blog/Math.html


+11: USABILITY.

Creating More Inclusive and Culturally Sensitive Forms
By Mark H. Anbinder.
"…We can accommodate everyone with a little foresight and simple adjustments…"
https://www.uxbooth.com/articles/creating-more-inclusive-and-culturally-sensitive-forms/

Fitts's Law (Video)
By Lexie Martin.
"Fitts's Law describes how long it takes a user to hit a target in a
graphical user interface (GUI) or other design, as a function of size
and distance. Understanding this law helps us design better buttons,
forms, lists, and other interactive elements."
https://www.nngroup.com/videos/fittss-law/

The User Experience of Customer-Service Chat: 20 Guidelines
By Raluca Budiu.
"Chat is hard to find on many websites; it is often inefficiently
designed and supplies too superficial information."
https://www.nngroup.com/articles/chat-ux/

Gestalt Principles in UI Design
By Eleana Gkogka.
"Gestalt (form, shape in German) is a group of visual perception
principles developed by German psychologists in 1920s…"
https://medium.muz.li/gestalt-principles-in-ui-design-6b75a41e9965


+13: XML.

Creating Accessible SVGs
By Carie Fisher.
"Scalable Vector Graphics (SVGs) have been around since 1999, but they
have seen a real resurgence in use as design interactions have become
more complex and CSS/JavaScript have replaced antiquated animation
programs such as Adobe Flash…"
https://www.deque.com/blog/creating-accessible-svgs/


[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:lcar...@d.umn.edu


[Issue ends.]

+++ WEB DESIGN UPDATE. - Volume 16, Issue 31, January 25, 2018.

David Dillard
 


webdev

Web Design Update: January 25, 2018
1 post by 1 author
image.png
image.png
lcarlson
image.png
1/25/18
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 31, January 25, 2018.

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

++ISSUE 31 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Headings and Labels
By Eric A. Meyer.
"Following on my last two posts about accessibility improvements to meyerweb, I've made two more adjustments: better heading levels and added ARIA labels…"
https://meyerweb.com/eric/thoughts/2018/01/18/headings-and-labels/

Can You Caption 360° Video, Virtual Reality, and 3D Video?
By Sofia Enamorado.
"…With 3D video, adding captions is very straightforward. First, get your video captioned. Next…"
http://www.3playmedia.com/2018/01/18/can-you-caption-360-video-virtual-reality-and-3d-video/

Websites, Not Assistive Tech, Are Key to Accessibility, Say Screen-Reader Users
By Tristan Parker.
"New research into screen-reader usage has revealed the majority of users feel that improving existing websites would have a bigger impact on accessibility compared to better assistive technology…"
http://www.headstar.com/eablive/?p=1450

Accessibility Lists of Lists
By Mike Gifford.
https://github.com/mgifford/a11y-lists-of-lists/blob/master/README.md

Five Ways in Which Artificial Intelligence Changes the Face of Web Accessibility
By Denis Boudreau.
In case you missed it, here is Denis' December 6th 24a11y article.
https://www.deque.com/blog/ways-artificial-intelligence-face-web-accessibility/

Burger King Class Action Says Fast Food Chain's Website Violates ADA
By Anne Bucher.
"Burger King Corp. has been hit with a class action lawsuit filed by a visually-impaired woman who claims the fast food restaurant's website is not fully accessible and independently usable by the plaintiff and other visually-impaired individuals…"
https://topclassactions.com/lawsuit-settlements/lawsuit-news/831860-burger-king-class-action-says-fast-food-chains-website-violates-ada/


+02: CASCADING STYLE SHEETS.

Layout Land (YouTube Channel)
By Jen Simmons.
A new video channel provides information on CSS Grid and layout.
https://www.youtube.com/c/layoutland

CSS GRID
By cssgrid.io.
"Learn CSS Grid with Wes Bos in 25 pretty good videos. From fundamentals to Real World in about 4 hours."
https://cssgrid.io/

Finding Dead CSS
By Harry Roberts.
"During a performance workshop I was running this week, I was reminded of a technique for finding dead CSS on a live site…"
https://csswizardry.com/2018/01/finding-dead-css/


+03: EVALUATION & TESTING.

Writing Tasks for Quantitative and Qualitative Usability Studies
By Kate Meyer.
"All usability studies involve asking participants to perform tasks, but the correct way to write those tasks depends on the methodology you're using. Good quantitative tasks are concrete and focused, while good qualitative tasks are open-ended, flexible, and exploratory."
https://www.nngroup.com/articles/test-tasks-quant-qualitative/

8 Ways to Minimize No Shows in UX Research
By Jeff Sauro.
"…We've been conducting studies every week at MeasuringU for years and have implemented several steps to get no-show rates down to 0. Here are eight of them…"
https://measuringu.com/no-show/


+04: EVENTS.

Get The 411 on Web Content Accessibility Guidelines (WCAG) v2.1
January 29, 2018.
San Francisco, Califorina, U.S.A.
https://www.meetup.com/a11ybay/events/246856968/

WCAG 2.0 - Understandable and Robust
February 7, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/233845838/

Bringing CSS and SVG Back into the Accessibility Spotlight
February 21, 2018.
Online.
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=526

Accessibility Clinic
February 28, 2018.
Chicago, Illinois, U.S.A.
https://www.meetup.com/a11ychi/events/245151774/

#PerfMatters Conference
March 27-28, 2018.
Redwood City, Califorina, U.S.A.
http://PerfMattersConf.com/


+05: HTML.

What's New in HTML 5.2?
By Jake Bresnehan.
"…In HTML 5.2, there were a number of additions and removals, all of which can be seen on the official HTML 5.2 Changes page. In this article, I'll go over some of the changes I think will impact my development the most…"
http://email.jakebresnehan.com/t/r-l-jrhrntd-xiydriydk-b/


+06: INFORMATION ARCHITECTURE.

Are You Approaching Prototyping All Wrong?
By Paul Boag.
"Too often our prototypes are constrained by politics, legacy technology, and company culture…"
http://boagworld.com/usability/approaching-prototyping-wrong/


+07: JAVASCRIPT.

8 Sites That Work Just Fine Without JS, Thank You
By Ezequiel Bruni.
"…just wanted to show people what could be done. That's it. I'm not saying you should ditch JS entirely, but I do believe that we should be a lot more considered about what we do and don't implement in JavaScript…"
https://www.webdesignerdepot.com/2018/01/8-sites-that-work-just-fine-without-js-thank-you/

aria-expanded Does Not Require a Fallback
By Hidde de Vries.
"When building a control that toggles content in a web app, we can use aria-expanded to let the control know whether the content is shown or hidden…"
https://hiddedevries.nl/en/blog/2018-01-22-aria-expanded-does-not-require-a-fallback

Radically Accessible Internet Applications (Video)
By Marcy Sutton.
Marcy's Beyond Tellerrand presentation.
https://vimeo.com/251520898


+08: MISCELLANEOUS.

The Compact Guide to Web Maintainability: 200 Tips and Resources
By Jens Oliver Meiert.
"Half a year ago I was happy to work with A List Apart to ask our field a few questions about maintainability…"
https://meiert.com/en/blog/maintainability-guide-2/

Handle Bad UX Requests Without Saying No
By Garrett Goldfield.
"UX professionals often receive poorly defined design requests. When saying no is not an option, a more productive way of addressing the request is to focus on the outcome goals and the Return On Investment (ROI) of proper UX effort."
https://www.nngroup.com/videos/handle-bad-ux-requests/


+09: USABILITY.

Captchas Have an 8% Failure Rate, and 29% if Case Sensitive
By Edward Scott.
"…In this article, we'll discuss the test findings from our checkout usability study related to CAPTCHAs…this article covers CAPTCHAs from an e-commerce angle specifically…"
https://baymard.com/blog/captchas-in-checkout

Three Takeaways from the Hawai'i Missile False Alarm
By Dylan Wilbanks.
"…It's not about UI. It is absolutely about people."
http://www.uxbooth.com/articles/three-takeaways-from-the-hawaii-missile-false-alarm/

What Healthcare.gov Has To Do With the Hawaii False Alarm - and What to Do About It
By Erie Meyer.
"By now, you've heard of the Hawaii False Alarm, and about the blowback and blame as people try to sort out how this could have happened…"
https://medium.com/code-for-america/what-healthcare-gov-has-to-do-with-the-hawaii-false-alarm-and-what-to-do-about-it-445cb2b7af82

What the Erroneous Hawaiian Missile Alert Can Teach Us About Error Prevention
By Kim Flaherty.
"People should not be blamed for errors caused by poorly designed systems."
https://www.nngroup.com/articles/error-prevention/

Bad Design Caused Hawaii Missile False Alarm
By Craig Tomlin.
"When it comes to UX Design we can all learn from mistakes, or be doomed to repeat history over and over again…"
http://www.usefulusability.com/bad-design-caused-hawaii-missile-false-alarm

Organize Around the Customer Task
By Gerry McGovern.
"…the greatest challenge all organizations face is to organize around the customer. Those that don't will not survive…"
http://gerrymcgovern.com/organize-around-the-customer-task/

The King vs. Pawn Game of UI Design
By Erik Kennedy.
"If you want to improve your UI design skills, try looking at chess. Sounds contrived, maybe, but in Erik Kennedy's hands, it's sublime. Marvel and learn as he uses a concept from chess to build a toolkit of UI design strategies covering color, typography, lighting and shadows, and more."
http://alistapart.com/article/the-king-vs-pawn-game-of-ui-design

[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:lcar...@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 16, Issue 32, February 1, 2018.

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 32, February 1, 2018.

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

++ISSUE 32 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: TOOLS.
12: TYPOGRAPHY.
13: USABILITY.

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

[Contents ends.]

 

 

++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 is a Candidate Recommendation
By Andrew Kirkpatrick.
"Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate
Recommendation (CR)…"
https://www.w3.org/blog/2018/01/wcag21-cr/

Understanding WCAG 2.1 - Reviewing Mobile Success Criteria
By Glenda Sims.
"…Our focus today will be on the ten new success criterion related to
accessibility for mobile devices…" Note: Glenda's review is on the
December draft.
https://www.deque.com/blog/understanding-wcag-2-1-reviewing-mobile-success-criteria/

Revised Section 508 Standards Now in Effect
By Michael Gower.
"In the United States, the Revised Section 508 Standards went into
effect on January 18, 2018, a year after the U.S. Access Board
published the final rule of the updated Information and Communication
Technology (ICT) Standards and Guidelines…"
https://www.ibm.com/blogs/age-and-ability/2018/01/25/revised-section-508-standards-now-effect/

What is Web Accessibility?
By Amani Ali.
"Have you ever thought about how a football fan who is blind reads the
latest news about their favourite team…"
https://www.nomensa.com/blog/2018/what-web-accessibility

Embracing Plain Language for Better Accessibility (Video)
By Ashley Bischoff.
"Writing reports and documentation is nothing new for many of us - we
write them all the time. But even though we may do our best write
clearly, those who receive our reports and documentation might not be
as familiar with accessibility as we are."
https://www.youtube.com/watch?v=X7bUvAzpNjo

3 Important Reasons to Make Your Mobile Website Accessible
By Vivian Cullipher.
"…Here's a brief intro into what mobile accessibility means-and why
it's critical that mobile website owners and developers consider
accessibility for people with disabilities from the get go…"
https://www.microassist.com/digital-accessibility/why-make-your-mobile-website-accessible/

Enter The Dragon (Drop): Accessible List Reordering
By Harris Schneiderman.
"Due to the absence of supported ARIA attributes, Dragon Drop utilizes
live regions to convey the information needed for all users to reorder
a list."
https://www.smashingmagazine.com/2018/01/dragon-drop-accessible-list-reordering/

Cheatsheets
By National Center on Disability and Access to Education (NCDAE).
"NCDAE (a WebAIM partner) has created four new accessibility
cheatsheets. These single-page resources outline accessibility
techniques for Word and PowerPoint 2016 for Windows and Mac."
http://ncdae.org/resources/cheatsheets/

Largest Bar Exam Prep Class Provider Agrees to Settlement Over
Allegations of Discrimination Against Blind Students
By Cohen Milstein.
"BarBri, Inc. agrees to revamp core products and internal practices
for improved accessibility…"
https://www.cohenmilstein.com/update/largest-bar-exam-prep-class-provider-agrees-settlement-over-allegations-discrimination

BarBri, Inc Settles Over Claims of Discrimination
By Amanda Griffin.
https://www.jdjournal.com/2018/01/26/barbri-inc-settles-over-claims-of-discrimination/

BarBri Complaint (PDF):
https://www.bloomberglaw.com/iframe/document/X1Q6NLJ9AUO2/download?imagename=1-1.pdf

Federal Complaint Prompts Changes to LPSS Website
By Amanda McElfresh.
"The Lafayette Parish School System is making changes to its website
amid concerns about its accessibility to people with disabilities…"
http://www.theadvertiser.com/story/news/local/education/2018/01/18/federal-complaint-prompts-changes-lpss-website/1044782001/

Tech Platforms and Website Developers Targeted in Emerging Wave of
Website Accessibility Litigation
By Steven E. Helland.
"Blind plaintiff sues sabre technologies for alleged inaccessible
platform Powering WetWillies.com …"
https://www.fredlaw.com/internet_technology_trademark__advertising_alerts/2018/01/18/1771/tech_platforms_and_website_developers_targeted_in_emerging_wave_of_website_accessibility_litigation

Local Disability Lawsuit Part of Broader Battle
By Alyssa Oursler.
"A lawsuit filed Dec. 29 against Highlands Union Bank in U.S. District
Court in Abingdon is one of many of its kind…"
http://www.heraldcourier.com/news/local-disability-lawsuit-part-of-broader-battle/article_d4552925-e6c3-5c61-a6b1-71b44da17834.html


+02: CASCADING STYLE SHEETS.

CSS: The Definitive Guide, 4th Edition
By Eric Meyer, Estelle Weyl.
"We're pleased to share an excerpt from Chapter 19 ('Filters,
Blending, Clipping, and Masking') of CSS: The Definitive Guide, 4th
Edition by Eric Meyer and Estelle Weyl…"
http://alistapart.com/article/css-the-definitive-guide-4th-edition

Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt
CSS Grid Today
By James Y. Rauhut.
"Today, I'm excited to introduce a new open-source tool from IBM
called CSS Gridish…"
https://medium.freecodecamp.org/introducing-css-gridish-helping-teams-to-adapt-css-grid-today-3e031ab222de

Learn Flexbox for Free
By Scrimba.
"12 interactive screencasts to take you from beginner to advanced…"
https://scrimba.com/g/gflexbox

New Adventures in Responsive Web Design (Video)
By Vitaly Friedman.
Vitaly's From Beyond Tellerand Conference presentation.
https://vimeo.com/251516830


+03: COLOR.

What my Color-Blindness Taught Me About Design
By Fei Ren.
"…For every 100 visitors to your website or app, about 5 of them have
a very different visual experience of the content. If your audience is
male, then about 8 out of 100 are affected. It is not a small number.
In fact, it is even higher than the conversation rate for some sites…"
https://uxdesign.cc/what-my-color-blindness-taught-me-about-design-d3009a93ff9c


+04: EVALUATION & TESTING.

Usability Test, Even When You Know the Answer
By Hoa Loranger.
"Evidence from usability studies can be more convincing than what you
say. Test even if you can easily determine the difference between good
and bad designs."
https://www.nngroup.com/articles/test-when-you-know-answer/

52 Research Terms you need to know as a UX Designer
By Guy Ligertwood.
"Your A-Z list of research terms in plain English…"
https://uxplanet.org/51-research-terms-you-need-to-know-as-a-ux-designer-fac0d40a59d7


+05: EVENTS.

Quick and Dirty Ethnography for the Initiate
February 26, 2018.
Online
http://uxpa.org/event/webinars

Live Webinar: Using Personas as an Inclusive Design Tool
February 27, 2018.
Online
https://accessibility.deque.com/creating-ux-design-personas-webinar

Pushing the Boundaries of Web Layout with CSS Grid
March 5, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/workshops/rachel-andrew

UX Immersion Conference
March 5-7, 2018.
Newport Beach, California, U.S.A.
https://uxi.uie.com/

Enhancing the User Experience for People with Disabilities
March 30, 2018.
Online
http://uxpa.org/event/webinars

Usability Testing: Here, There and Everywhere
April 18, 2018.
Online
http://uxpa.org/event/webinars

Ampersand Web Typography Conference
June 29, 2018.
Brighton, England, United Kingdom
https://2018.ampersandconf.com/


+06: HTML.

Building a Good Download… Button?
By Eric Bailey.
"The semantics inherent in HTML elements tell us what we’re supposed
to use them for…"
https://css-tricks.com/building-good-download-button/


+07: INFORMATION ARCHITECTURE.

Why Personas Fail
By Kim Flaherty.
"Personas are useful tools for UX work, so why do they often fail?
Find out what pitfalls cause personas to fail, and how to avoid and
overcome them."
https://www.nngroup.com/articles/why-personas-fail/


+08: JAVASCRIPT.

Survey: JavaScripters Wanted, but Programmers Prefer Python
By David Ramel.
"Technical recruiting company HackerRank says JavaScript is the top
programming language sought by organizations, but developers prefer
Python…"
https://adtmag.com/articles/2018/01/25/hackerrank-survey.aspx


+09: MISCELLANEOUS.

Video as the new GIF in Safari
By Bruce Lawson.
"…One aspect of the release hasn't met with universal acclaim,
however. That's the ability to have a short, silent video as the
source of an <img> element…"
http://www.brucelawson.co.uk/2018/video-as-the-new-gif-in-safari/


+10: NAVIGATION.

A Tale of Two Rooms: Understanding Screen Reader Navigation
By Ryan Jones.
"…One of my goals throughout the many accessibility focused training
classes I have led has been to help others more accurately understand
what it is like for someone using screen reading software to navigate
through a web page…"
https://developer.paciellogroup.com/blog/2018/01/a-tale-of-two-rooms-understanding-screen-reader-navigation/

How to Implement Sitemap Footers to Keep Users Going
By Priscilla Esser.
"…In your attempts to minimize the effort your users need for
performing actions on the website you're designing, you just might be
overlooking one major opportunity: sitemap footers…"
https://www.interaction-design.org/literature/article/how-to-implement-sitemap-footers-to-keep-users-going

Results from the Main Landmark Survey
By Léonie Watson.
"…The fact that 77 people (32%) expected more than one main landmark
was interesting…"
https://developer.paciellogroup.com/blog/2018/01/results-from-the-main-landmark-survey/


+11: TOOLS.

a11y-outline (FireFox Extension)
By Tobias Bengfort.
"Many screen readers like JAWS or NVDA have shortcuts to bring up a
list of landmarks, headings or links. This browser extension provides
the same functionality without requiring a screen reader."
https://addons.mozilla.org/de/firefox/addon/a11y-outline/


+12: TYPOGRAPHY.

How to Use Variable Fonts in the Real World
By Richard Rutter.
"A variable font is a single font file which behaves like multiple styles…"
http://clagnut.com/blog/2390/


+13: USABILITY.

The False-Consensus Effect: You Are Not the User (Video)
By Raluca Budiu.
"The false-consensus effect refers to people's tendency to assume that
others share their beliefs and will behave similarly in a given
context. This assumption can lead UX professionals to make the wrong
design decisions. Acknowledge your vulnerability and establish
checks."
https://www.nngroup.com/videos/false-consensus-effect/

12 Mobile UX Design Trends For 2018
By Nick Babich.
"Things move quickly in the mobile app universe. To succeed in the
field of mobile UX design, designers must have the foresight and
prepare for new challenges around the corner. To simplify the task,
I've listed the biggest, impactful trends for 2018 and, most likely,
beyond…"
https://www.mockplus.com/blog/post/mobile-ux-design-trends-2018/

How Dark UX Patterns Target The Most Vulnerable
By Ben Bate.
"Dark UX patterns help companies maximize profits, but at the expense
of the most vulnerable, and by damaging the web for everyone…"
https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/


[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:lcar...@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: February 8, 2018 1 post by 1 author

David Dillard
 



 

lcarlson
image.png
2/8/18
+++ WEB DESIGN UPDATE.
- Volume 16, Issue 33, February 8, 2018.

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

++ISSUE 33 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: STANDARDS, GUIDELINES & PATTERNS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Simplifying the New WCAG 2.1 Guidelines
By Michael Gower.
"Recommendations for new accessibility guidelines were released on
January 30, 2018 by the World Wide Web Consortium (W3C). In this new
draft version of the Web Content Accessibility Guidelines (WCAG), none
of the current 2.0 Success Criteria have been altered. Instead, 17
additional criteria have been recommended for 2.1…"
https://www.ibm.com/blogs/age-and-ability/2018/02/08/simplifying-new-wcag-2-1-guidelines/

The Fate of 'Target Size'
By Detlev Fischer.
"The last draft of the WCAG 2.1 contained a new Success Criterion
'Target Size' (size of buttons, form controls or links), which is now
missing in the Candidate Recommendation of WCAG 2.1…"
http://www.incobs.de/articles/items/target-size-fate.html

My Accessibility Journey: What I have Learned so Far
By Manuel Matuzović.
"It's not about writing the most sophisticated code or finding the
most clever solution to a problem; it's about users and whether
they're able to use our products. Manuel Matuzovic shares 11 lessons
as a developer learning about and incorporating accessibility into his
work."
https://alistapart.com/article/my-accessibility-journey-what-ive-learned-so-far

Accessibility: A Shared Campus Responsibility Best Accomplished with
Executive Support
By Susan Cullen.
"Those of us who are members of the EDUCAUSE IT Accessibility
Constituent Group have spent considerable time discussing the
importance of the strong executive leadership and planning needed to
support the accessibility policies and campus accessibility planning
required for compliance with disability legislation. Without planning
and leadership, a college or university could find itself among the
approximately 400 institutions being targeted - by the activist Marcie
Lipsitt - to fix their websites…"
https://er.educause.edu/articles/2018/1/accessibility-a-shared-campus-responsibility-best-accomplished-with-executive-support

WCAG 2.0 - Understandable & Robust (Video)
By Dennis Deacon.
"For this meetup event, we're wrapping up our Web Content
Accessibility Guidelines (WCAG) series."
https://www.youtube.com/watch?v=fscSeaRglB0

Toast! Is it Accessible?
By Rakesh Paladugula.
"A toast is a non modal that appears on the screen for few seconds and
auto expires…"
http://www.maxability.co.in/2018/02/toast-is-it-accessible/

Multiple Choice with Radio Buttons: A Comparison of Online Survey Tools
By Terrill Thompson.
"…This blog post documents my quest for an online tool for conducting
the survey…"
http://terrillthompson.com/blog/854

Accessibility and the Web of Things (WoT), Part 2
By Graeme Coleman.
"Just over a year ago, I wrote about TPG joining the W3C Web of Things
(WoT) Interest and Working Groups, so I thought it was about time I
provided an update on some of the activities the group is involved in,
particularly now that I am now more actively involved after spending
my first several months keeping a watching brief…"
https://developer.paciellogroup.com/blog/2018/02/accessibility-and-the-web-of-things-wot-part-2/

BarBri Settles Lawsuit Over Blind Access to Online Bar Review Components
By Tyler Roberts.
"Blind law students enrolled in a bar exam class offered by BarBri,
Inc. settled their claims which alleged the bar prep company denied
them fair and equal access to critical components of BarBri's online
test prep offerings…"
http://www.nationaljurist.com/national-jurist-magazine/barbri-settles-lawsuit-over-blind-access-online-bar-review-components


+02: CASCADING STYLE SHEETS.

Using Media Queries For Responsive Design In 2018
By Rachel Andrew.
"…This article will take a look at the use of media queries for
responsive design today, and also have a look at what is coming in the
future…"
https://www.smashingmagazine.com/2018/02/media-queries-responsive-design-2018/


+03: COLOR.

Accessibility for Mobile Web: Improving Color Contrast
By CB Averitt.
"Color contrast is a hot topic in the area of accessibility testing.
And often overlooked, are accessibility color contrast best practices
specific to mobile web…"
https://www.deque.com/blog/accessibility-mobile-web-improving-color-contrast/


+04: EVALUATION & TESTING.

What is Design Ethnography?
By David Travis and Philip Hodgson.
"A common mistake made by novice researchers is to ask users what they
want from a new product or service. Although this seems like the
correct way to do user research, in most cases users don't know, don't
care or can't articulate what they need. It is the design team's job
to establish the underlying problem, identify the best solution and
then validate that their solution works. Design ethnography is the
first step on that journey."
https://www.userfocus.co.uk/articles/what-is-design-ethnography.html

Continuous User Research in 11.6 Seconds
By Tomer Sharon.
"…Continuous user research is fast-rhythm research that is open-ended
in nature. It's not dedicated to any specific topic and it's not
research that anyone asks for…"
https://medium.com/@tsharon/continuous-user-research-in-11-6-seconds-57c27d1595c5

Getting Partners on Board with Research Findings
By Angela Colter.
"As a consultant who does user research, I've found that the way
consultants present 'findings and recommendations' to clients isn't
always effective…"
https://18f.gsa.gov/2018/02/06/getting-partners-on-board-with-research-findings/

Use a Research Grid to Focus Study Decisions
By Jeff Sauro.
"…To create a research grid, follow these steps…"
https://measuringu.com/research-grid/


+05: EVENTS.

Accessibility Training
April 10-11, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training

Washington DC UX Conference
April 14-20, 2018.
Washington DC, U.S.A.
https://www.nngroup.com/training/washington-dc/

MinneWebCon
April 23-24.
Minneapolis, Minnesota, U.S.A.
http://minnewebcon.org/

Generate NYC
April 25-27, 2018.
New York, New York, U.S.A.
https://getinvited.to/generate/generate-nyc-2018/

Global Accessibility Awareness Day
May 17, 2018.
Everywhere
http://www.globalaccessibilityawarenessday.org/

Technical Communication Summit
May 20-23, 2018.
Orlando, Florida, U.S.A.
https://summit.stc.org/

Accessibility Conference
May 30-31, 2018.
Guelph, Ontario, Canada
http://accessconf.ca/


+06: HTML.

Can a Heading Go Inside a Table Caption For WCAG Conformance
By David MacDonald.
"I thought it might be a good experiment to see what would happen if a
heading element h1 to h6 went inside a table caption like this…"
http://davidmacd.com/blog/heading-in-a-table-caption.html

Phone Number Links and Accessibility
By Matt Smith.
"One design challenge that used to stump me was making phone numbers
accessible in the browser while still being functional…"
http://allthingssmitty.com/2018/01/29/phone-number-links-and-accessibility/


+07: JAVASCRIPT.

Debugging JavaScript With A Real Debugger You Did Not Know You Already Have
By Dustin Driver.
"The new Firefox JavaScript debugger can help you write fast, bug-free code…"
https://www.smashingmagazine.com/2018/02/javascript-firefox-debugger/


+08: STANDARDS, GUIDELINES & PATTERNS.

A Short History of WaSP and Why Web Standards Matter
By Jason Hoffman.
"…There are still a number of battlegrounds for the open web but,
thanks to the efforts of WaSP, the one for web standards has been
won."
https://css-tricks.com/short-history-wasp-web-standards-matter/


+09: USABILITY.

Flat UI Elements Lack Clickability Clues and Cause Confusion (Video)
By Kate Meyer.
Our eyetracking studies show flat UI design often possess weak
signifiers and lack sufficient clues to indicate actionable elements
on the screen. (5 min."
https://www.nngroup.com/videos/flat-ui-elements-lack-clickability-clues-and-cause-confusion/

The Authority Principle
By Therese Fessenden.
"A perceived high-authority status of the person making a request can
make people more compliant with that request. Applying this principle
in UX can ease users' decision-making process."
https://www.nngroup.com/articles/authority-principle/

The 5 Steps to Service Blueprinting
By Sarah Gibbons.
"Five key steps comprise a framework for service blueprinting that can
be scaled to any scope or timeline.
https://www.nngroup.com/articles/5-steps-service-blueprinting/

The Best UX is No User Interface at All
By Burke Holland.
"I have been obsessed with User Interfaces (UI) for as long as I can remember…"
https://css-tricks.com/best-ux-no-user-interface/

A Primer on the Essential Elements of Successful UX
By Stephen Moyers.
"Whether you're creating an e-commerce app to run on multiple devices
or developing a new cloud-based platform, a well-designed UX can
ultimately set your product apart from the competition…"
https://www.mockplus.com/blog/post/essential-elements-of-successful-ux/

Dear AVG, I'm just going to have to let you go
By Gerry McGovern.
"…The Web is the land of comparison and switch. We've got so much
power today. Let's not let laziness get in the way…"
http://gerrymcgovern.com/dear-avg-im-just-going-to-have-to-let-you-go/


[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:lcar...@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 16, Issue 35, February 22, 2018.

David Dillard
 



 

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

++ISSUE 35 CONTENTS.

SECTION ONE: New references.
What's new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:

01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: TOOLS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Tables, CSS Display Properties, and ARIA
By Adrian Roselli.
"This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses…"
http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html

Short Note on Hiding Stuff in Interactive Elements from Screen Readers
By Steve Faulkner.
"Symbols are cool. They add decoration and/or information to user interfaces. For screen reader users their inclusion can sometimes be annoying or confusing as the visual and aural user interface differ…"
https://developer.paciellogroup.com/blog/2018/02/short-note-on-hiding-stuff-in-interactive-elements-from-screen-readers/

Assistive Technologies - The Switch
By Hampus Sethfors.
"A switch is an assistive technology primarily used by people with motor impairments to access and control computers, smartphones, electric wheelchairs, smart home appliances and more…"
https://axesslab.com/switches/

Takeaways from 7 Principles of Inclusive Design
By Deborah Edwards-Onoro.
"In her 7 Principles of Inclusive Design webinar today, Henny Swan, director of user experience at The Paciello Group, discussed how accessibility and inclusive design fit together to create usable websites and web apps that work for everyone…"
https://www.lireo.com/takeaways-7-principles-inclusive-design/

GitHub Contributions Chart
By Adrian Roselli.
"…the contributions chart is wildly inaccessible…if it is as important as many claim, then it needs to be rebuilt…"
http://adrianroselli.com/2018/02/github-contributions-chart.html

How to Scale Your Accessibility Initiatives By Empowering & Equipping Your Workforce
By Dennis Lembree. 
"Great accessibility doesn't just happen…"
https://www.deque.com/blog/empowering-equipping-workforce-a11y-success/

It's Illegal to Have an Inaccessible Website in Norway - and That's Good News for All of Us
By Ida Aalen.
"Laws can change attitudes, and changed attitudes can change how we act.…"
https://medium.com/confrere/its-illegal-to-have-an-inaccessible-website-in-norway-and-that-s-good-news-for-all-of-us-b59a9e929d54

Section 508 Refresh: Five Things You Should Know
By Equal Entry.
"…All products must now conform to the Web Content Accessibility Guidelines 2.0 (WCAG) level A and AA standards. Even if your product is not for the web, you are still accountable to WCAG as it is…"
https://equalentry.com/section-508-refresh-five-things-you-should-know/

Countries that Have Adopted WCAG Standards (Map Updated)
By Sofia Enamorado. 
"…Many countries around the world have adapted WCAG into their accessibility laws…"
https://www.3playmedia.com/2017/08/22/countries-that-have-adopted-wcag-standards-map/

H.R. 620 Vote Enables Discrimination and Ignores Website Accessibility
By Kim Krause Berg.
"The outcry from advocates for the disabled gained momentum as the day to vote approached, but in the end H.R. 620 was passed and 51 million Americans with disabilities face losing their civil rights again…"
https://searchnewscentral.com/blog/2018/02/21/h-r-620-vote-enables-discrimination-ignores-website-accessibility/

HR620 Passes in the House
By Nicolas Steenhout.
"…if we complain about accessibility, it's because we require access now, not six months down the road…"
https://knowbility.org/hr620-passes-house/


+02: CASCADING STYLE SHEETS.

Everything You Need to Know about CSS Variables
By Ohans Emmanuel.
"…In this guide, I'll show you how variables work natively in CSS, and how you can use them to make your life a lot easier…"
https://medium.freecodecamp.org/everything-you-need-to-know-about-css-variables-c74d922ea855

Whitespace on The Web! - with CSS Grid (Video)
By Jen Simmons.
"CSS Grid makes it possible to have real white space on the web for the first time since we started using CSS for layouts…"
https://www.youtube.com/watch?v=YfIjFeBLhyA

CSS Grid for UI Layouts
By Josh Marinacci.
"…In this article I'll show you how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions, and always have your panels scroll properly…"
https://hacks.mozilla.org/2018/02/css-grid-for-ui-layouts/

10 Handy CSS Grid Code Snippets
By Jake Rocheleau.
"…This collection should offer plenty of resources to help you learn, customize, and restyle CSS grids for whatever you're doing on the web…"
https://speckyboy.com/10-handy-css-grid-code-snippets/


+03: COLOR.

High Contrast Option for Color Contrast
By Dennis Lembree.
"Most of use are aware of the color contrast guideline in WCAG 2.0 AA which states…"
http://www.webaxe.org/high-contrast-option-for-color-contrast/


+04: EVALUATION & TESTING.

Understanding Accessibility Testing: Think like a Dweller, Not a Builder
By Albert Gareev.
"…testing software design and implementation requires particular test techniques and a certain mindset: You need to think not like the builder of a house, but like the person who will make it their home…"
https://www.stickyminds.com/article/understanding-accessibility-testing-think-dweller-not-builder

Affinity Diagramming for Collaboratively Sorting UX Findings and Design Ideas
By Kara Pernice. 
"Affinity diagramming has long been used in business to organize large sets of ideas into clusters. In UX, the method is used to organize research findings or to sort design ideas in ideation workshops."
https://www.nngroup.com/articles/affinity-diagram/

How to Write a User Testing Report that People Will Actually Read
By Matt Isherwood.
"Over the decade or so I've been a UX designer, I've run a lot of user tests…"
https://uxdesign.cc/how-to-write-a-user-testing-report-that-people-will-actually-read-652d15d2f92e

Measure What Matters
By Jared Spool.
"…The quantitative data that we collect often drives important product decisions, but numbers garnered from out-of-the-box solutions like Google Analytics often generate arbitrary data points that don't really tell us much. Metrics paint only part of the picture: the what, and not the why. For the why to happen, we need qualitative measures. We need the narrative behind the numbers to establish and track metrics that provide true insight into the user experience, the value, and the outcome of what we create."
https://www.uie.com/brainsparks/2018/02/21/measure-what-matters-2/


+05: EVENTS.

Overcoming the Challenges of Designing UX at Scale
March 8, 2018.
Richfield, Minnesota, U.S.A 
http://uxpamn.org/event-2830038

John Slatin AccessU 2018
May 14-16, 2018.
Austin, Texas, U.S.A 
https://knowbility.org/education/accessu/

M-Enabling Summit
June 11-13, 2018.
Washington, DC, U.S.A 
http://www.m-enabling.com/

Fluent Conference
June 12-14, 2018.
San Jose, California, U.S.A.
https://conferences.oreilly.com/fluent/fl-ca

National ADA Symposium
June 17-20, 2018.
Pittsburg, Pennsylvania, U.S.A 
http://www.adasymposium.org/

Assistive Technology and Testing with Assistive Technology
June 20, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=524

UXPA International Conference
June 26-June 28, 2018.
Rio Mar, Puerto Rico
http://uxpa2018.org/


+06: HTML.

Updating All the Examples in the HTML5 Spec
By Terence Eden.
"I'm currently helping to edit the HTML5 specification. As part of our preparations for HTML5.3 I've started going through the provided examples and improving them.
This blog post explains the what, why, and when of the process…"
https://shkspr.mobi/blog/2018/02/updating-all-the-examples-in-the-html5-spec/


+07: JAVASCRIPT.

The JavaScript Learning Landscape in 2018
By Jason Rodriguez. 
"Raise your hand if this sounds like you:
You've been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the back of your head that keeps whispering, "It's time for something new, for the next step in your career. You need to learn programming."…"
https://css-tricks.com/javascript-learning-landscape-2018/


+08: TOOLS.

Unused CSS
By Jitbit.
"Scan your website for unused CSS selectors."
https://www.jitbit.com/unusedcss/


+09: USABILITY.

Confirmation Dialogs Can Prevent User Errors - If Not Overused
By Jakob Nielsen.
"8 UX guidelines to avoid many serious user errors reduce the risk that people automatically agree to a warning without realizing the consequences."
https://www.nngroup.com/articles/confirmation-dialog/

The 3 B's Test For When to Follow Design Trends (Video)
By Katie Sherwin.
"Know when to follow or banish a design trend. The 3 B's: Budget, Brand, and Behavior will help you make the right decisions.
https://www.nngroup.com/videos/3-bs-design-trends/

Really Bad UX Mistakes That Even Great Teams Make
By Jonathan Kim.
"Some of your most important UX decisions will be the things you don't do…"
https://www.appcues.com/blog/bad-ux-mistakes

A Comprehensive Guide To UI Design
By Christopher Murphy.
"…my fifth article in this series of ten articles dives into the details of designing user interface components…"
https://www.smashingmagazine.com/2018/02/comprehensive-guide-ui-design/


++ 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:lcar...@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: February 15, 2018

David Dillard
 



+++ WEB DESIGN UPDATE.
- Volume 16, Issue 34, February 15, 2018.

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

++ISSUE 34 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: NAVIGATION.
09: TYPOGRAPHY.
10: USABILITY.
11: XML.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Accessibility vs. Inclusive Design: My Point of View
By Dennis Deacon.
"…Rather than focusing on providing remediation steps, teach accessible considerations when designing
or coding upfront. You-ll reduce the time and resources needed to repeatedly remediate websites and apps.
And that is better for all."
https://www.lireo.com/accessibility-vs-inclusive-design-my-point-of-view/

Accessibility: Review of 2017 and Outlook for 2018
By Shadi Abou-Zahra.
"2017 was another busy year for the W3C Web Accessibility Initiative (WAI)…"
https://www.w3.org/blog/2018/02/accessibility-review-of-2017-and-outlook-for-2018/

CAPTCHA Accessibility
By Orange.
"A CAPTCHA ('Completely Automated Public Turing-test to tell Computers and Humans Apart')
is an automated test aimed at telling apart a human user from a software program…"
http://a11y-guidelines.orange.com/web_EN/captcha.html

Personalization Semantics Content Module First Public Working Draft, and Personalization Semantics Explainer
By Michael Cooper.
"The Accessible Rich Internet Applications (ARIA) Working Group has published a First Public Working Draft
of Personalization Semantics Content Module 1.0 as well as an updated draft of Personalization Semantics Explainer 1.0…"
https://lists.w3.org/Archives/Public/w3c-wai-ig/2018JanMar/0148.html

What's in Your Toolbox? Accessibility Tips for Developers (Video)
By Paul J. Adam.
"Learn about tools & techniques for developers for accessibility testing…"
https://www.youtube.com/watch?v=5kQbRKcRfHo

How To Meet the Needs of Older Internet Users
By Rakesh Paladugula.
"People who were in in their 40s during the internet boom of the late 90s will now be coming into retirement,
suggesting a new wave of tech savvy seniors. There are increasing numbers of tech startups aimed at the elderly,
but those aged 55+ are still only 3% of total internet users. In a world increasingly dependent…"
http://www.maxability.co.in/2018/02/meet-needs-older-internet-users/


+02: CASCADING STYLE SHEETS.

CSS Basics: The Syntax That Matters & The Syntax That Doesn't
By Chris Coyier.
"When you're starting to play around with CSS at the very beginning,
like any other language, you have to get used to the syntax…"
https://css-tricks.com/css-basics-syntax-matters-syntax-doesnt/

Basics of CSS Grid: The Big Picture (Video)
By Jen Simmons.
"Jen Simmons describes the overall big picture of CSS Grid…"
https://www.youtube.com/watch?v=FEnRpy9Xfes

Into the Weeds of CSS Layout (Video)
By Rachel Andrew.
"There are lots of reasons to get excited about new layout methods in CSS,
but what impact does moving to Flexbox and Grid have on performance…"
https://vimeo.com/254679499

How I Design with CSS Grid
By Chen Hui Jing.
After a couple of rounds of introducing CSS grid to people who haven't tried it before,
I found it wasn't the implementation of grid that people asked questions about, rather, it was the bit before that.
https://www.chenhuijing.com/blog/how-i-design-with-css-grid/

Pour Holy Web Compatibility in Your CSS Font
By Karl Dubost.
"Yet another Webcompat issue with the characters being cut in the bottom, this will
join the other ones, such as cross characters not well centered in a rounded box and many other cases…"
http://www.otsukare.info/2018/02/09/android-font-css

Modern CSS Explained For Dinosaurs
By Peter Jang.
"CSS is strangely considered both one of the easiest and one of the hardest languages to learn as a web developer…"
https://medium.com/actualize-network/modern-css-explained-for-dinosaurs-5226febe3525


+03: EVALUATION & TESTING.

The 9 Rules of Design Research
By Erika Hall.
"Lately, I've noticed a lot more ambient enthusiasm for research among
both early stage start-ups and established organizations…"
https://medium.com/mule-design/the-9-rules-of-design-research-1a273fdd1d3b

Beyond the NPS: Measuring Perceived Usability with the SUS, NASA-TLX,
and the Single Ease Question After Tasks and Usability Tests
By Page Laubheimer.
"Post-test questionnaires like the SUS measure perceived usability of an entire system;
post-task scales suggest of problematic parts of a design."
https://www.nngroup.com/articles/measuring-perceived-usability/

The User Experience of Flower Websites
By Jeff Sauro.
"…A two-part UX benchmark (retrospective and task-based) analysis of flower websites
was conducted in 2018 using 320 participants. The overall user experience of the industry
was slightly above average compared to the websites in the SUPR-Q database and similar
to the 2017 data. The biggest driver of both poor SUPR-Q scores and low task completion
rates are the hidden fees and lack of price transparency. What consumers see as estimated
totals in their shopping carts on average increased by 50% or in some cases, even doubled,
by the time they checked out."
https://measuringu.com/flower-ux/

Talk is Cheap: The Myth of the Focus Group
By Liza Featherstone.
"Focus groups make us feel our views matter - but no one with power cares what we think."
https://www.theguardian.com/news/2018/feb/06/talk-is-cheap-the-myth-of-the-focus-group


+04: EVENTS.

a11yMTL Annual Conference
February 24, 2018.
Montreal, Quebec, Canada
https://www.meetup.com/a11yMTL/events/247721624/

ACT Rules for Manual Web Accessibility Evaluation Methodologies
March 14, 2018.
Online
https://www.w3.org/WAI/Tools/webinar1

Confab Central 2018
May 21-23, 2018.
Minneapolis, Minnesota, U.S.A.
http://confabevents.com/events/central-2018

International PHP Conference
June 4-8, 2018.
Berlin, Germany
https://phpconference.com/

The CSS & SVG Power Combo
June 25, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/css-svg-combo-toronto/

SmashingConf Toronto 2018
June 26-27, 2018.
Toronto, Canada
https://www.smashingmagazine.com/events/toronto-2018/


+05: HTML.

Title Texts Suck
By Hampus Sethfors.
"Many people I meet think title texts, also known as tooltips, improve both the accessibility and usability of their sites.
They don't. In fact, they can even cause problems. Let's see why…"
https://axesslab.com/title-texts-suck/

HTML, CSS, and Dependency Direction
By Jens Oliver Meiert.
"…What I wish to do here is not critique the ending of this otherwise instructive article,
but to look at one great aspect, dependency direction…"
https://meiert.com/en/blog/dependency-direction/


+06: JAVASCRIPT.

The JavaScript Supply Chain Paradox: SRI, CSP and Trust in Third Party Libraries
By Troy Hunt.
"A couple of years back as the US presidential campaign was ramping up, the Trump camp did something stupid.
I know, we're all shocked but bear with me because it's an important part of the narrative of this post.
One of their developers embedded this code in the campaign's donation website…"
https://www.troyhunt.com/the-javascript-supply-chain-paradox-sri-csp-and-trust-in-third-party-libraries/


+07: MISCELLANEOUS.

The History of the Web
By Jay Hoffmann.
"The history of the World Wide Web absolutely fascinates me.
So much so, that I've decided to create a more or less definitive timeline of events…"
https://thehistoryoftheweb.com/

The (Mostly) Complete History of Layout on the Web Part 1: Liquid Cool
By Jay Hoffmann.
"…As far as I can tell the first liquid layout was used on ProjectCool in 1996…"
https://thehistoryoftheweb.com/mostly-complete-history-layout-web-part-1-liquid-cool/

A Letter About Google AMP
By 21 Original signatories plus supporting signatories and organizations.
"We are a community of individuals who have a significant interest in the development and health
of the World Wide Web ('the Web'), and we are deeply concerned about Accelerated Mobile Pages ('AMP'),
a Google project that purportedly seeks to improve the user experience of the Web…"
http://ampletter.org/

The Two Faces of AMP
By Tim Kadlec.
"…Look, AMP, you-re either a tool for the open web, or you-re a tool for Google search.
I don-t mind if you-re the latter, but please stop pretending you-re something else."
https://timkadlec.com/remembers/2018-02-14-the-two-faces-of-amp/


+08: NAVIGATION.

Creating Accessible Menus and Mega Menus
By Bryan Garaventa.
"The meaning of the word 'menu' within web technologies is variable and encompasses many different types of functionality…"
https://www.levelaccess.com/challenges-mega-menus-standard-menus-make-accessible/


+09: TYPOGRAPHY.

When East Meets West: Web Typography and How It Can Inspire (Video)
By Chen Hui Jing.
"This talk traces the parallel history of western and eastern typography from handwriting to the internet age,
setting the context for how the web is a brand new medium for typesetting…"
https://www.youtube.com/watch?v=Tqxo269aORM


+10: USABILITY.

Inverted Pyramid: Writing for Comprehension
By Amy Schade.
"The inverted-pyramid style of writing refers to starting an article with the most important piece of information
so readers can get the main point, regardless of how much they read.
This style of writing is perfectly suited to writing for the web."
https://www.nngroup.com/articles/inverted-pyramid/

Research Review Finds Most Readability Formulas Outdated and Overrated
By Karen Schriver.
"…A research review by Dr. Karen A. Schriver-'Plain Language in the United States Gains Momentum:
1940-2015'-takes a hard look at readability formulas…"
http://centerforplainlanguage.org/most-readability-formulas-outdated/

10 UX Challenges for the Next 25 Years (Video)
By Jakob Nielsen.
"Jakob Nielsen presents his UX directions for the future: How UX roles will evolve,
and how UX involvement can solve major challenges for the world."
https://www.nngroup.com/videos/10-ux-challenges-next-25-years-jakob-nielsen-keynote/


+11: XML.

XML is 20
By Tim Bray.
"'It was twenty years ago today/Sergeant Pepper taught the band to play…'
Actually, it was 21½ years ago today that Jon Bosak pulled together the original XML Working Group.
But yes, it was on February 10, 1998 that XML 1.0 was released to the world. Which is worth talking about…"
https://www.xml.com/articles/2018/02/10/xml-20/


[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 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:lcar...@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: March 1, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 36, March 1, 2018.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Candidate Recommendation - What it Means for Level AA Compliance
By Scott Hollier.
"…With WCAG 2.1 reaching a near-complete stage its a great time to look at all this in a bit more detail
and focus on what additional work would be required by ICT professionals to meet WCAG 2.1 Level AA compliance…"
http://www.hollier.info/wcag21cr/

The WCAG 2.1 Final Draft is Here - And It's Doable
By Essential Accessibility.
"Last December, we discussed the new update to the Web Content Accessibility Guidelines (WCAG),
which will be made official in a few months…"
https://www.essentialaccessibility.com/blog/wcag-update-final-draft/

5 Questions to Ask Before Publishing PDFs
By By Deborah Edwards-Onoro.
"Mention PDFs (Portable Document Format) to a group of web professionals these days, and you're guaranteed
to get a lively discussion about the benefits and disadvantages of the PDF file…"
https://www.lireo.com/5-questions-to-ask-before-publishing-pdfs

Mobile Apps Accessibility! Is It Impossible?
By Rakesh Paladugula.
"Mobile apps accessibility is something always make me upset…"
http://www.maxability.co.in/2018/02/mobile-apps-accessibility-impossible/

Stakeholder Job Stories for Accessibility Guidelines
Editors: Charles Hall, Shawn Lauriat, and Jeanne Spellman.
"As part of a use-centered design process, the Silver Community Group and the Silver Task Force of the Accessibility
Guidelines Working Group (AGWG) identified 31 stakeholder roles for users of accessibility guidelines…"
https://www.w3.org/community/silver/stakeholder-job-stories

Accessibility Testing for Beginners
By Andrea Fercia.
"In-depth accessibility testing requires knowledge and experience. But even if you're not a specialist,
you can start testing for accessibility today…"
https://yoast.com/dev-blog/accessibility-testing-for-beginners

How We've Made GOV.UK Elements Even More Accessible
By Anika Henke.
"…We wanted to look at more than 40 different elements and components.
And we needed to test a lot of these elements in context…"
https://accessibility.blog.gov.uk/2018/02/28/how-weve-made-gov-uk-elements-even-more-accessible/


+02: CASCADING STYLE SHEETS.

Styling Empty Cells With Generated Content And CSS Grid Layout
By Rachel Andrew.
"…In this article, I am going to take a look at how to use CSS Generated Content to achieve styling of empty cells
without adding redundant empty elements and show some use cases where this technique makes sense…"
https://www.smashingmagazine.com/2018/02/generated-content-grid-layout/

How Browsers Handle Errors in CSS - 3/7 Resilient CSS (Video)
By Jen Simmons.
"How do you write CSS that works in every browser? Step 1: Rely on the error handling model of CSS itself."
https://www.youtube.com/watch?v=NJjlzxud4_M

Revisiting Margin Collapse
By Adam Laki.
"Margin collapse is something that mentioned in every CSS book's first or second chapter. When I learned about
the stylesheets in a long time ago, of course, I read about it. These memories a little bit wore out so its time to refresh my knowledge…"
https://pineco.de/revisiting-margin-collapse/

30 Seconds of CSS
By atomiks.
"A curated collection of useful CSS snippets you can understand in 30 seconds or less."
https://atomiks.github.io/30-seconds-of-css/

Responsive Vertical Rhythm with CSS Custom Properties and CSS Calc
By Zell Liew.
"Vertical Rhythm is an important concept in web design. It has the ability to bring a design together
and make different elements feel consistent on the same page…"
https://zellwk.com/blog/responsive-vertical-rhythm/


+03: EVALUATION & TESTING.

UX Expert Reviews
By Aurora Harley.
"Expert reviews involve the analysis of a design by a UX expert
with the goal of identifying usability problems and strengths."
https://www.nngroup.com/articles/ux-expert-reviews/

Do Novices or Experts Uncover More Usability Issues?
By Jeff Sauro.
"Finding and fixing problems encountered by participants through usability testing generally
leads to a better user experience…"
https://measuringu.com/novice-expert-issues/


+04: EVENTS.

Event Apart Boston
June 25-27, 2018.
Boston, Massachusetts, U.S.A
https://aneventapart.com/event/boston-2018

Advanced CSS Layouts With Flexbox and CSS Grid
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/advanced-css-layouts-with-flexbox-and-css-grid-toronto/

New Front-End Adventures in Responsive Design
June 28, 2018.
Toronto, Canada
https://www.smashingmagazine.com/workshops/new-front-end-adventures-in-responsive-design-toronto/

Institutional Web Management Workshop
July 11-13, 2018.
York, England, United Kingdom
http://iwmw.org/iwmw2018/


+05: HTML.

HTML Source Order and When There's No CSS (Video)
By Jen Simmons.
"Its important to create HTML that works without CSS - setting your source order and semantic markup
before you even get started with your layout. When is it there's no CSS? Jen Simmons will show you…"
https://www.youtube.com/watch?v=C82zB_yaGF8


+06: MISCELLANEOUS.

Interview with Glenda Sims - Part 1
By Nicolas Steenhout.
"Glenda Sims is Deque's lead of Accessibility Methodology Practice and Quality. She has been doing
digital accessibility since before 2000, and it's her passion…"
https://www.patreon.com/posts/a11y-rules-29-1-17054522

David MacDonald - The GodFather of WCAG (Podcast)
By AT Banter.
"This week David MacDonald, president of CanAdapt and long-time WCAG and web accessibility guru,
calls in to make the Banter Boys an offer they can't refuse - namely making the online world a more accessible space…"
https://atbanter.com/2018/02/23/at-banter-episode-90-david-macdonald-the-godfather-of-wcag/

Everything Easy is Hard Again
By Frank Chimero.
"…It's by keeping our work legible that we keep the door open to the next generation of our co-workers.
What works for them also works for us, because whether you are just out of school or have twenty years
of experience, you'll eventually end up in the same spot: your first year of making websites."
https://frankchimero.com/writing/everything-easy-is-hard-again/

We Need Design That is Faster and Design That is Slower
By Jeffery Zeldman.
"…How can we tell which sites should be faster, and which should be slower? It's easy.
If the content is delivered for the good of the general public, the presentation must facilitate slow, careful reading.
If it's designed to promote our business or help a customer get an answer to her question, it must be designed for speed of relevancy."
http://www.zeldman.com/2018/02/24/need-design-faster-design-slower/

AMP News
By Chris Coyier.
"AMP is controversial, to say the least…"
https://css-tricks.com/amp-news/

AMP for Email is a Terrible Idea
By Devin Coldewey.
"Google just announced a plan to 'modernize' email with its Accelerated Mobile Pages platform,
allowing 'engaging, interactive, and actionable email experiences.'…"
https://techcrunch.com/2018/02/13/amp-for-email-is-a-terrible-idea/


+07: USABILITY.

If Google Wanted to Get Found in Google
By Gerry McGovern.
"Google isn't optimized for Google. It's optimized for searching and finding. Focus on the task of your customers
and you are much more likely to get found, used and valued."
http://gerrymcgovern.com/if-google-wanted-to-get-found-in-google/

UX Mapping Methods: When to Use Which (Video)
By Sarah Gibbons.
"UX mappings are visual representations that depict different processes and have different goals,
yet they all build common ground within an organization."
https://www.nngroup.com/videos/ux-mapping-methods/

Dashboard Design User Experience Guidelines
By Justin Mifsud.
"…The success of a dashboard should be evaluated in terms of the user’s ability to identify and understand the
individual figures, patterns and trends bound to the data being represented. This can only be achieved as a result
of various design considerations that go beyond the aesthetical nature…"
https://usabilitygeek.com/dashboard-design-user-experience-guidelines/

Live Chat Software: The Quick & Dirty UX 101
By Roxanne Abercrombie.
"…Done well, live chat is a UX boon that opens up communication for your website visitors. Poorly done,
it is disappointing at best and damaging at worst. So, use this quick overview to start getting your hands dirty in live chat UX…"
https://usabilitygeek.com/live-chat-software-user-experience-guidelines/


[Section one ends.]


++ SECTION TWO:

+08: 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:lcar...@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: March 9, 2017

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 15, Issue 37, March 9, 2017.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1 Draft: Reflections on the New Guidelines and Success Criteria
By Scott Hollier.
"For people that work in the web accessibity area, today's news that
the World Wide Web Consortium (W3C) has now made publically available
the first draft of the Web Content Accessibility Guidelines (WCAG) 2.1
public draft is very exciting..."
http://hollier.info/wcag21draft/

Web Accessibility - It's Good For Everyone
By Nicolas Steenhout.
"Web accessibility benefits everyone..."
https://www.linkedin.com/pulse/web-accessibility-its-good-everyone-nicolas-steenhout

CSUN 2017 Assistive Technology Conference Backchannel
By Sanjay Nasta.
"The 2017 CSUN Assistive Technology Conference, sponsored by the
California State University Northridge Center on Disabilities, is the
largest international conference focused on assistive
technology...Below are official conference pages, a selection of
tweets, links to the keynote address, and as many presentation slides
and related resources as we were able to discover..."
http://www.microassist.com/digital-accessibility/csun-2017-backchannel/

CSUN Report - 2017
By Mallory van Achterberg.
"Anything written about CSUN generally has to be two parts: the social
stuff and the sessions stuff..."
http://www.stommepoes.nl/csun2017.html

A Collection of Quotable Quotes from CSUN 2017
By Dennis Deacon.
"80% of people who use captions aren't deaf or hard of hearing and
there 48 million Americans with hearing loss..."
http://www.dennisdeacon.com/web-design/accessibility/quotable-quotes-csun-2017/

National Federation of the Blind and Two Blind Students File Suit
Against Los Angeles Community College District
By The National Federation of the Blind.
"The National Federation of the Blind, the nation's leading advocate
for equal access to higher education for the blind; its California
affiliate, the National Federation of the Blind of California; and two
blind students, Roy Payan and Portia Mason, have filed suit in the
United States District Court for the Central District of California,
Western Division, against the Los Angeles Community College District
(LACCD) (Case 2:17-cv-01697)..."
https://nfb.org/national-federation-blind-and-two-blind-students-file-suit-against-los-angeles-community-college

Berkeley Will Delete Online Content
By Carl Straumsheim.
"Starting March 15, the university will begin removing more than
20,000 video and audio lectures from public view as a result of a
Justice Department accessibility order..."
https://www.insidehighered.com/news/2017/03/06/u-california-berkeley-delete-publicly-available-educational-content

March 2017 Digital Accessibility Legal Update
By Lainey Feingold.
"This post includes legal developments about digital accessibility
between December 13, 2016 and March 6, 2017..."
http://www.lflegal.com/2017/03/update-csun17/


+02: CASCADING STYLE SHEETS.

The Unexpected Power of Viewport Units in CSS
By Thomas Lattimore.
"The days of fixed-width designs and needing to only test against a
handful of viewport sizes are gone. We live in a fluid-width world
with a myriad of device sizes and aspect ratios..."
https://www.lullabot.com/articles/unexpected-power-of-viewport-units-in-css

On Container Queries
By Ethan Marcotte.
"Over the last few years, a number of web designers, web developers,
and agencies have been asking for 'container queries,' saying they'd
be a welcome addition to a responsive designer's toolkit. I think
they're right..."
https://ethanmarcotte.com/wrote/on-container-queries/

CSS Grid: Responsive and Accessibility
By Susan Robertson. (via Jennifer Sutton)
"Reflow your content with ease..."
https://bocoup.com/blog/css-grid-responsive-and-accessibility

Welcome to the Grid
By Eric A. Meyer.
"Grid is public.  It's live right now in the latest Firefox release,
Firefox 52. It will similarly be live in the next public Chrome
release, due in the next week or so. It's here.  I almost can't
believe it..."
http://meyerweb.com/eric/thoughts/2017/03/07/welcome-to-the-grid/

Learning CSS Grid Layout
By Rachel Andrew.
"There seems to be a myth being put around that CSS Grid Layout is
going to be really difficult to learn, so difficult that poor web
developers will never use it. I call nonsense. .."
https://www.rachelandrew.co.uk/archives/2017/03/03/learning-css-grid-layout/

CSS Grid Guides on MDN
By Rachel Andrew.
"A few weeks ago I was approached by the good people over at MDN,
asking if I would be interested in writing a comprehensive resource
for MDN on CSS Grid Layout..."
https://www.rachelandrew.co.uk/archives/2017/03/07/css-grid-guides-on-mdn/

CSS Grid Lands in Firefox 52
By Rachel Andrew.
"I had no idea, when I spotted an interesting looking specification in
a workshop led by Bert Bos back in 2012, that the next 5 years of my
life would be consumed by CSS Grid Layout..."
https://rachelandrew.co.uk/archives/2017/03/07/css-grid-lands-in-firefox-52/


+03: EVALUATION & TESTING.

Website Accessibility Testing - Scanning Tools
By Jeffrey Singleton.
"...In today's blog, I'll address web accessibility testing - scanning
tools that support your audit..."
http://insight.cryptzone.com/accessibility/website-accessibility-testing-scanning-tools/

Conducting Qualitative, Comparative Usability Testing
By Jim Ross.
"...Testing multiple designs early in a project can provide much more
useful information than testing just a single design solution. When
participants can experience two or more designs during testing, they
can provide better feedback..."
http://www.uxmatters.com/mt/archives/2017/03/conducting-qualitative-comparative-usability-testing.php

5 Interfaces That Benefit From Usability Testing
By Jeff Sauro.
"...Regardless of the type of interface, the same core principles that
lead to a usable experience apply: 1) An early focus on users and
tasks. 2) Iterative design. 3) Empirical measurement. Here are five
interfaces that these principles apply to and can benefit from
usability testing...."
https://measuringu.com/usability-interfaces/


+04: EVENTS.

WebVisions New York City
April 7, 2017.
New York, New York, U.S.A.
http://www.webvisionsevent.com/new-york/

Bulgaria Web Summit
April 7-8, 2017.
Sofia, Bulgaria
http://bulgariawebsummit.com/

Front End Design Conference
April 19-21, 2017.
St. Petersburg, Florida, U.S.A.
http://frontenddesignconference.com/

UX in the City: Oxford
April 20-21, 2017.
Oxford, England, United Kingdom.
http://uxinthecity.net/2017/oxford/

San Francisco UX Conference
April 29-May 5, 2017.
San Francisco, California, U.S.A.
https://www.nngroup.com/training/san-francisco/

Web Accessibility for Developers
May 10, 2017.
Webinar
http://www.eastersealstech.com/a11y/


+05: HTML5.

The Document Outline Dilemma
By Amelia Bellamy-Royds.
"For the past few weeks there has been lots of talk about HTML
headings in web standards circles..."
https://css-tricks.com/document-outline-dilemma


+06: INFORMATION ARCHITECTURE.

Information Architecture: Still Vital to Digital Design
By Gerry McGovern.
"Over the years, the most neglected, and yet most essential, area of
digital design has been information architecture..."
http://gerrymcgovern.com/information-architecture-still-vital-to-digital-design/


+07: JAVASCRIPT.

Quick Tip: How to Sort an Array of Objects in JavaScript
By Olayinka Omole.
"If you have an array of objects that you need to sort into a certain
order, the temptation might be to reach for a JavaScript library.
Before you do however, rember that you can do some pretty neat sorting
with the native Array.sort function. In this article I'll show you how
to sort an array of objects in JavaScript with no fuss or bother..."
https://www.sitepoint.com/sort-an-array-of-objects-in-javascript/


+08: MISCELLANEOUS.

World Wide Web, Not Wealthy Western Web (Part 1)
By Bruce Lawson.
"'There are more things in heaven and earth, Horatio, than are dreamt
of in your philosophy,' said Shakespeare's Hamlet, in the famous scene
in which Hamlet teaches Horatio to be a web designer..."
https://www.smashingmagazine.com/2017/03/world-wide-web-not-wealthy-western-web-part-1/

Accessibility and the Web of Things - an interview with Dr Scott
Hollier and W3C WAI's Shadi Abou-Zahra
By Scott Hollier.
"While lots of people are passionate about the digital access cause,
Shadi Abou-Zahra, the W3C Accessibility Strategy and Technology
Specialist, is one of the hardest-working and dedicated people I've
ever met in the field, and a great bloke too..."
http://www.accessiq.org/news/w3c-column/2017/02/accessibility-and-the-web-of-things-an-interview-with-dr-scott-hollier-and


+09: NAVIGATION.

Design Better Cards
By Andrew Coyle.
"The component that symbolizes the web..."
https://uxdesign.cc/design-better-cards-c0d12ab581c4


+10: STANDARDS, GUIDELINES & PATTERNS.

U.S. Web Design Standards
By Standards USA.
"Announcing Version 1.0. After a year and a half of development and
user research, we're officially launching version 1.0 of the U.S. Web
Design Standards..."
https://standards.usa.gov/


+11: USABILITY.

Comparison Tables for Products, Services, and Features
By Kate Meyer.
"Use this versatile GUI tool to support users when they need to make a
decision that involves considering multiple attributes of a small
number of offerings. Consistency in content, scannability, and a
simple layout are some of the most important qualities of successful
comparison tables."
https://www.nngroup.com/articles/comparison-tables/

A Theory of User Delight: Why Usability Is the Foundation for
Delightful Experiences
By Therese Fessenden.
"UI embellishments can only produce surface delight; deep delight can
only be achieved in functional, reliable, and usable interfaces."
https://www.nngroup.com/articles/theory-user-delight/

Why is Getting Stakeholder Buy-In Important for UX? (Video)
By Catherine Toole.
"Catherine Toole discusses her experience getting successful
improvements made during decades of projects: almost always the same
big issue dictates success."
https://www.youtube.com/watch?v=lYrgIA_Scbc

Complex Doesn't Equal Complicated (TED Video)
By Deborah Edwards-Onoro.
"It's the beginning of the week, and you're trying to address a
complex problem in one of your projects..."
https://www.lireo.com/complex-doesnt-equal-complicated-ted-video/

Design Principles: Hick's Law - Quick Decision Making
By Anton Nikolov.
"This week's design principle is focusing on Hick's Law, which is
related to the KISS principle..."
https://uxplanet.org/design-principles-hicks-law-quick-decision-making-3dcc1b1a0632

Design for Fingers, Touch, and People, Part 1
By Steven Hoober.
"...Sometimes readers combine my obsolete data with other out-of-date
information, then draw their own incorrect conclusions. I hope put a
stop to that now with this updated overview of everything I know about
how people interact with touchscreen devices and how you can use that
information to design better digital products..."
http://www.uxmatters.com/mt/archives/2017/03/design-for-fingers-touch-and-people-part-1.php


+12: XML.

SVG Animation Demo: Heating Water, from Ice to Steam
By Charles McCathieNevile.
"Using SVG animation and aria-live to make an accessible interactive
STEM demo..."
http://svg-access-w3cg.github.io/use-case-examples/beaker.html
Accessibility Notes by Chaals:
http://svg-access-w3cg.github.io/use-case-examples/beaker-notes.html
Slides by Leonie Watson:
http://ljwatson.github.io/decks/2017/csun/index.html

[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:lcar...@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: March 8, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 37, March 8, 2018.

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

++ISSUE 37 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: JAVASCRIPT.
06: MISCELLANEOUS.
07: NAVIGATION.
08: TYPOGRAPHY.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

WCAG 2.1: Success Criteria for Cognitive Disabilities
By Kurt Mattes.
"…In the Candidate Recommendation dated January 30, 2018, two of these 11 Success Criteria are at Level A
and six are at Level AA. For organizations wishing to reach for Level AAA, three additional Success Criteria are
covered at the end of this post…"
https://developer.paciellogroup.com/blog/2018/03/wcag-2-1-success-criteria-for-cognitive-disabilities/

The New Guidelines in WCAG 2.1 Explained
By Alexander Skogberg.
"In the Summer of 2018, WCAG 2.0 will be updated to version 2.1 with new guidelines for making websites even
more accessible. In this post I'll try to give simple explanations of these guidelines along with thoughts and advice
on how to follow them…"
https://alexanderskogberg.com/2018/02/new-guidelines-wcag-2-1-explained/

WCAG 2.1: Writing a Recommendation
By Audrey Maniez.
"With the advent of WCAG 2.1 in the global accessibility landscape, the promises were ambitious.
The new criteria, many and sometimes so unrealistic, have attracted the wrath of some renowned actors in the field…"
https://access42.net/wcag-2-1

Your Interactive Makes Me Sick
By Eileen Webb.
"Why your coolest scrolly features can cause problems,
and what to do about it accessibility scrolling migraines are terrible motion…"
https://source.opennews.org/articles/motion-sick/

Why Aren't We Doing This Already? : What I've Learned About Accessibility in the Tech Industry
By Rachel Williamson.
"…I would like to share what I've learned about accessibility as it exists right now in the tech industry…"
https://medium.com/@rachel.williamson/why-arent-we-doing-this-already-what-i-ve-learned-about-accessibility-in-the-tech-industry-927a0e1d72d9

Accessible By Design
By Andrew Spencer.
"…Andrew shares what to think about and tools to use when creating a visually accessible web…"
https://seesparkbox.com/foundry/accessible_by_design

Overly Accessible?
By Jared Smith.
"…Yes, if you think of accessibility as code practices and techniques, then these can be overdone
resulting in a less than optimal end user experience. But if you think of accessibility as being that
end user experience, then no, you can't make a site overly accessible because those accessibility
improvements would inherently benefit everyone."
https://webaim.org/blog/overly-accessible/

YouTube Live Gains Automatic Captions, Chat Replay and More
By Sarah Perez.
"YouTube today announced several new features designed to improve the live streaming experience
for both creators and viewers…"
https://techcrunch.com/2018/02/26/youtube-live-gains-automatic-captions-chat-replay-and-more/

Officials Examine Website Accessibility Amid Federal Disability Investigation
By Leah Potter.
"As the Department of Education investigates George Washington University (GW) for alleged disability
discrimination based on the accessibility of its websites, officials say they've formed a task force to examine the issue…"
https://www.gwhatchet.com/2018/01/29/officials-examine-website-accessibility-amid-federal-disability-investigation/

Blind Woman Sues TD Ameritrade Over Allegedly Inaccessible Website
By Jed Horowitz.
"A woman in New York State has filed a class-action lawsuit against TD Ameritrade claiming that the discount brokerage
firm's website and some of its trading software is inaccessible through screen reader vocalization software and other
standard tools used by the blind and visually impaired."
https://advisorhub.com/blind-woman-sues-td-ameritrade-allegedly-inaccessible-website/

ADA Suit Against 1-800-Flowers.com Blooms
By Richard P. Lawson.
"Demonstrating the minefield facing online retailers, the U.S. District Court, District of Massachusetts refused to dismiss
an Americans with Disabilities Act (ADA) accessibility suit filed against 1-800-Flowers.com…"
https://www.lexology.com/library/detail.aspx?g=c913b37a-e010-4404-b1b9-b2ce8b85ed92

H.R. 620 Will Not Prevent Drive-By Accessibility Lawsuits Because It Does Not Address Website Accessibility
By Kim Krause Berg.
"There are many conflicts with the recent vote to pass H.R. 620 of the ADA by the House of Representatives.
The most alarming is requiring a law where one already exists."
https://creativevisionwebconsulting.com/h-r-620-will-not-prevent-drive-accessibility-lawsuits-not-address-website-accessibility/

Gratitude for a Poached Egg (an Accessibility and Negotiation Strategy)
By Lainey Feingold.
"…a strategy for moving negotiations and accessibility forward."
http://www.lflegal.com/2018/03/gratitude/


+02: CASCADING STYLE SHEETS.

We Write CSS Like We Did in the 90s, and Yes, It's Silly
By Jens Oliver Meiert.
"The tools web developers use to build websites have changed dramatically since the 1990s. But when it comes to the
craft of writing CSS, Jens Meiert argues, it often seems that we haven't learned anything over the past 20 years.
Meiert discusses why that is and offers his thoughts on how spending more time thinking about the basics can bring
the writing of CSS into the 21st century."
http://alistapart.com/article/we-write-css-like-we-did-in-the-90s-and-yes-its-silly

Third Party CSS is Not Safe
By Jake Archibald.
"A few days ago there was a lot of chatter about a 'keylogger' built in CSS.…"
https://jakearchibald.com/2018/third-party-css-is-not-safe/


+03: EVALUATION & TESTING.

The Line to Say in Usability Testing to Get Honest Feedback
By Karah Salaets.
"…My job is to help the client make this as amazing as possible. We've had some ideas already.
And when we brainstormed, we put all our ideas in the design without judgement. You will help me figure out which
ideas are great, which are duds, and come up with new ideas we didn't think of…"
http://uxmovement.com/thinking/the-line-to-say-in-usability-testing-to-get-honest-feedback/

A Comprehensive Guide To User Testing
By Christopher Murphy.
"…In this article, I'll be focusing on usability testing, where we evaluate the design decisions we have made against
a representative set of users to test if our assumptions are correct…"
https://www.smashingmagazine.com/2018/03/guide-user-testing/

How to Turn User Videos into Insights
By Jeff Sauro.
"Finding and fixing usability problems in an interface leads to a better user experience…"
https://measuringu.com/user-videos-insights/


+04: EVENTS.

Assistive Technology 101
April 6, 2018.
Indianapolis, Indiana, U.S.A.
https://www.eventbrite.com/e/assistive-technology-101-tickets-43613381799
Online at:
https://www.eastersealstech.com/live

Accessible by Design
May 8, 2018.
Bloomington, Indiana, U.S.A.
https://accessiblebydesign.org/

Web Accessibility Training
May 8-9, 2018.
Logan, Utah, U.S.A.
https://webaim.org/training/

php[tek] 2018
May 31-June 1, 2018.
Atlanta, Georgia, U.S.A.
https://tek.phparch.com/

HCI International 2017
July 15-20, 2018.
Los Vegas, Nevada, U.S.A.
http://2018.hci.international/index.php

eduWeb
July 23-25, 2018.
San Diego, California, U.S.A.
http://eduwebconf.com/

Event Apart Washington DC
July 30-August 1, 2018.
Washington DC, U.S.A.
https://aneventapart.com/event/washington-dc-2018

Web Directions Code
August 2-3 2018.
Melbourne, Australia
http://www.webdirections.org/code/


+05: JAVASCRIPT.

aria-keyshortcuts (property)
By Rakesh Paladugula.
"The aria-keyshortcuts property informs the screen reader user the shortcuts developer implemented
to activate or focus an element on the web page or an application…"
http://www.maxability.co.in/2018/03/aria-keyshortcuts-property/

8 Tips for Improving Bootstrap Accessibility
By Rhiana Heath.
"A few years ago, I wrote about my experiences on developing a Bootstrap version 3 project to be fully accessible
for people with disabilities. This focussed mostly on Bootstrap accessibility in terms of front-end design…"
https://www.sitepoint.com/making-bootstrap-accessible/

Notifications
By Heydon Pickering.
"The key difference between a website and a web app is… highly contested…"
https://inclusive-components.design/notifications/

Creating Accessible React Apps (Video)
By Scott Vinkle.
"The React JavaScript library is a great way to create reusable modular components that can be shared among projects.
But how do you ensure your React apps are usable by all kinds of people?
Scott Vinkle will share tips on how to build your React apps with accessibility baked-in…"
https://www.youtube.com/watch?v=-Twm-cq_E2A


+06: MISCELLANEOUS.

A11y Rules Podcast Episode 30 - Interview with Glenda Sims - Part 2
By Nicolas Steenhout.
"Glenda speaks of the importance of mentoring "fresh blood" in the accessibility field. She also explains how she gets
frustrated by accessibility going forward two steps, and backwards one step.…"
https://www.patreon.com/posts/a11y-rules-30-2-17067471


+07: NAVIGATION.

Accessible Landmarks
By Scott O'Hara.
"Landmarks can be useful to screen reader users as they can be used to help orient a user to, and easily navigate,
an appropriately structured web page or application screen…"
http://www.scottohara.me/blog/2018/03/03/landmarks.html

The Most Powerful Words are Often Not Searched For
By Gerry McGovern.
"…Getting your words right in your menus and links will have a greater positive impact on customer experience than
any other initiative you will undertake."
http://gerrymcgovern.com/the-most-powerful-words-are-often-not-searched-for/


+08: TYPOGRAPHY.

Serif, Sans, Script & Slab: 4 Font Types Explained
By Carrie Cousins.
"Always wanted to know the difference between serif, sans, script, and slab fonts? Look no further. Take your typography
game to the next level, and quit guessing if certain typefaces or font pairs work together. Back your logic with a little
design theory…"
https://designshack.net/articles/typography/font-types-explained-serif-sans-script-slab/


+09: USABILITY.

Back to Static: a Paradigm Shift for Better UX and Web Performance
By Boris Schapira.
"For several years now, a new range of solutions have emerged in the web technologies landscape…"
https://blog.dareboost.com/en/2018/02/static-website-web-performance/

The Principle of Commitment and Behavioral Consistency
By Therese Fessenden.
"Getting users to make a small commitment and follow up on it can increase engagement with content."
https://www.nngroup.com/articles/commitment-consistency-ux/

What Web Designers Need to Know About Hick's Law
By uxplanet.
"Hick's Law guides UX designers to create effortless user experiences. Here's how to apply the law to your UX design…"
https://uxplanet.org/what-web-designers-need-to-know-about-hicks-law-4601b7dc0470

Fitts' Law: Tracking Users' Clicks
By Mads Soegaard.
"…Understanding Fitts' Law (sometimes called Fitts's Law) will give you a key to unlock another dimension in designing…"
https://www.interaction-design.org/literature/article/fitts-law-tracking-users-clicks

Steve Jobs on 6 Key Principles of User Experience
By David Travis.
A good quotation can be a powerful communication tool. And Steve Jobs, perhaps history's best design communicator,
left us with some profound words. Jobs had an intuitive understanding of great design and user experience
as these quotations show."
https://www.userfocus.co.uk/articles/Steve-Jobs-on-6-key-principles-of-ux.html

Describing UX to Family and Friends (Video)
By Nielsen Norman Group.
"Do you ever find it challenging to explain to people what you do for a living? See how other UX professionals do it."
https://www.nngroup.com/videos/describing-ux-family-and-friends/

3 UX Tips for Better Newsletters and Marketing Emails (Video)
By Kim Flaherty. 
"Your customers want email newsletters that provide immediate utility. Thoughtful layout, image choices, and formatting
will help you win over customers on your mailing list."
https://www.nngroup.com/videos/newsletters-marketing-emails/

E-Commerce UX: Post-Process Vendor-Supplied Product Data (52% Don't)
By Edward Scott.
"Product specifications, whether they appear in a dedicated spec sheet, in a product list item, or as filters,
are crucial to some users' product-purchasing decision…"
https://baymard.com/blog/post-process-product-data

[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:lcar...@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: March 15, 2018

David Dillard
 


+++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

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

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


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied).
But launching a company accessibility remediation project can be a big undertaking. You will need to win over company
leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article,
Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect?
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently
remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks,
which you can easily incorporate into your workflow today. You are going to find out how to make your web projects
more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout.
See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people
who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant.
Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews,
otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs…
Multi-item measures will improve the amount of points of discrimination… Use more points for single items…
Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018.
Atlanta, Georgia, U.S.A.
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A.
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes
in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible.
But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude.
It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system
and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them
with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters,
but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[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:lcar...@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: March 22, 2018 1 post by 1 author

David Dillard
 



 

+++ WEB DESIGN UPDATE.
- Volume 16, Issue 39, March 22, 2018.

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

++ISSUE 39 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: INFORMATION ARCHITECTURE.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: TOOLS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do
By Ashley Sheridan.
"…The majority of these are fairly obvious and straightforward, with
some nice additions that enhance accessibility on smaller hand-held
devices…"
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do

Labels Required
By Maggie Wachs.
"Late last year we completed an accessibility audit with a client,
during which we were reminded that form fields must have properly
associated label elements to be universally understood by screen
readers and conventional browsers."
https://www.filamentgroup.com/lab/a11y-form-labels.html

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure?
By Sailesh Panchang.
"Consider these two examples for error notification…"
http://www.mindoversight.com/?p=190

Cognitive Accessibility (Video)
By Jamie Knight & Lion.
Jamie's February 2018 London Accessibility Meetup presentation.
https://www.youtube.com/watch?v=XBzXBY9G2u4

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility
By Michael Berger.
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…"
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3

Your Tooltips Are Bogus
By Heydon Pickering.
"Tooltips are implemented all over the place. Badly. Let me count the ways."
http://www.heydonworks.com/article/your-tooltips-are-bogus

Trickle Down Accessibility
By Ted Drake and Sarah Margolis-Greenbaum.
"This presentation is not about reducing your support for blind and low-vision…"
http://www.last-child.com/trickle-down-accessibility/

I Never Thought I Would Say This
By Marcie Lipsett.
OCR is dismissing some of Marcie Lipsett's complaints related
discrimination against people with disabilities.
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/

SOCSD Rolls Out New Website
By Charlie Benton.
"The Starkville-Oktibbeha Consolidated School District unveiled its
new website last week after working on the project since December. The
project was initiated following the district's past website being
found to not be compliant with the Americans with Disabilities Act
(ADA)…"
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website

Accessibility Analysis of Banking Industry Websites
By Bureau of Internet Accessibility.
"…The banking industry has made progress over the past decade, but our
analysis shows that there is still room for improvement…"
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018


+02: Color.

Colour Deficit Help
By Matthew Atkinson.
"This is the last in the current series of articles looking at
adaptations for accessibility, based on new techniques or research…"
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/


+03: EVALUATION & TESTING.

Why Accessibility Testing with Real Users is so Important
By Helen Wood and Jennifer Kline.
"…There is no 'one size fits all' way to know if what you've built
will work until you test it with the people who will be expected to
use it."
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/

Measure Customer Use of Things, Not Customer Satisfaction with Things
By Gerry McGovern.
"…In a digital economy, the most vital thing to manage is use."
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/

How to Test Your User Interface the Right Way
By Paul Boag.
"On this episode of the Boagworld Show, we look at testing your user
interface and how to integrate it into your design process…"
https://boagworld.com/season/20/episode/2008/


+04: EVENTS.

What's New in WCAG 2.1
March 27, 2018.
Online.
https://register.gotowebinar.com/register/521166701331883266

An Event Apart Orlando
October 8-10, 2018.
Orlando, Florida, U.S.A.
https://aneventapart.com/event/orlando-2018

ARIA: What, Why and When
October 11, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520

Web Summit
November 5-8, 2018.
Lisbon, Portugal
https://websummit.com/

Web Directions Summit
November 8-9, 2018.
Sydney, Australia
http://www.webdirections.org/wds/


+05: INFORMATION ARCHITECTURE.

Card Sorting: Uncover Users' Mental Models for Better Information Architecture
By Katie Sherwin.
"Card sorting is a UX research technique in which users organize
topics into groups. Use it to create an IA that suits your users'
expectations."
https://www.nngroup.com/articles/card-sorting-definition/


+06: JAVASCRIPT.

WAI-ARIA: the Dark Art of Accessibility?
By Jon Gibbins.
"…one area of accessibility that often stumps even the most
experienced developers, is WAI-ARIA - the Accessible Rich Internet
Applications…this is an awareness-raising blog post for web developers
about ARIA. It was prompted by an issue discovered on a client's
website that was using a carousel powered by Slick. I'm going to take
a look at some of the ARIA used by Slick."
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/

Writing JavaScript with Accessibility in Mind
By Manuel Matuzovic.
"Tips on how to improve the accessibility of your JavaScript
components and provide users with more and better ways to interact
with your website or web app."
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9


+07: MISCELLANEOUS.

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web
By Olivia Solon.
"The inventor of the world wide web warns over concentration of power
among a few companies 'controlling which ideas are shared'"
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations

33rd CSUN Assistive Technology Conference - Keynote (Video)
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN
Assistive Technology Conference with an excellent keynote. Keynote
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan
Goldstein begins at 37:47)
https://www.youtube.com/watch?v=XAEJx4GlRPQ

How Fast Is Amp Really?
By Tim Kadlec.
"…right now, the incentives being placed on AMP content seem to be
accomplishing exactly what you would think: they're incentivizing AMP,
not performance…"
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/

Write It Down
By Mark Boulton.
"This is about a light-touch way of asking someone to slow down…I
welcome being asked to 'write it down'. It gives me permission to take
a breath. To pause and reflect on what I'm asking…Next time someone
asks you to do something, try it. I bet 3 times out of 10, they say
'oh it doesn't matter'. You'll have that time back. They'll be a
little wiser and have a lower heart rate."
https://markboulton.co.uk/journal/write-it-down


+08: TOOLS.

Bookmarklets for Nu Html Checker
By Steve Faulkner.
Running your HTML through a conformance checker will miss any errors
you may have introduced when adding to elements/attributes via
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page
the Nu Html Checker.
https://validator.w3.org/nu/about.html#extras


+09: USABILITY.

Don't Shame Your Users Into Converting (Video)
By Kate Meyer and Kim Flaherty.
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame
customers into doing what the company wants. Sacrificing long-term
customer loyalty for short-term gains is shortsighted."
https://www.nngroup.com/videos/shame-users-to-convert/

Designing Button States
By Tyler Sticka.
"Buttons are a staple of any design system. The best ones are simple,
versatile, maybe even a little fun…"
https://cloudfour.com/thinks/designing-button-states/

Retain UX Talent by Tracking UX Capacity
By Hoa Loranger.
"Tracking UX capacity on Agile projects allows you to negotiate UX
commitments in terms stakeholders understand."
https://www.nngroup.com/articles/tracking-ux-capacity/


[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:lcar...@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 16, Issue 38, March 15, 2018.

David Dillard
 



  +++ WEB DESIGN UPDATE.
- Volume 16, Issue 38, March 15, 2018.

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

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


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

A DIY Web Accessibility Blueprint
By Beth Raduenzel.
"Good accessibility is good UX. We should seek to create the best user experience for all (not just the able-bodied). But launching a company accessibility remediation project can be a big undertaking. You will need to win over company leadership, build a multi-disciplinary accessibility team, and educate everyone on accessibility standards. In this article, Beth Raduenzel provides a step-by-step guide to making and maintaining an accessible website."
https://alistapart.com/article/diy-web-accessibility-blueprint

WCAG 2.1 Guidelines. What's New We May Expect? 
By Artur Kaczmarek.
"The first version of Web Content Accessibility Guidelines (WCAG) was released by Web Accessibility Initiative (WAI) in 1999…"
https://www.joomla-monster.com/blog/web-development/wcag-2-1-guidelines-what-s-new

Text Splitting Causes Screen Reader Problems
By Daniel Göransson.
"I am a screen reader user, and I am annoyed…"
https://axesslab.com/text-splitting/

Accessibility for Developers
By İrem Ercan.
"Simple steps to improve and enforce your website accessibility…"
https://www.invisionapp.com/blog/accessibility-for-developers/

A Primer to Web Accessibility for Designers
By Nicholas Kramer.
"Quick wins to make your designs more inclusive…"
https://uxplanet.org/a-primer-to-web-accessibility-for-designers-2c548448c612

A11y Isn't Just…
By Dave Letorey.
Why a11y? A11y is a numeronym, presenting "accessibility" as "a" followed by 11 more letters, followed by "y".
https://letorey.co.uk/blog/a11y-isnt-just

When Accessibility Doesn't Make It into the EDUCAUSE Top 10: Turn It Up to 11
By Jess Thompson, Amy Rovner and Tom Gibbons.
"…as vital discussions around diversity and equity have moved into the spotlight, people with disabilities have frequently remained an afterthought, reflecting an ongoing societal struggle to adequately recognize their rights…"
https://er.educause.edu/articles/2018/3/when-accessibility-doesnt-make-it-into-the-educause-top-10-turn-it-up-to-11

How Do I Edit the Alternative Text for a Photo (on Facebook)?
By Facebook. (hat tip to @seanzdenek)
"How to replace auto generated alt-text on your Facebook photos and images with better, more accessible descriptions."
https://www.facebook.com/help/214124458607871


+02: CASCADING STYLE SHEETS.

Short Note on What CSS Display Properties do to Table Semantics
By Steve Faulkner.
"The CSS display properties are powerful…"
https://developer.paciellogroup.com/blog/2018/03/short-note-on-what-css-display-properties-do-to-table-semantics/

Writing CSS with Accessibility in Mind (Video)
By Manuel Matuzovic.
"…This talk aims to demystify web accessibility and provide you with simple and practical CSS tips and tricks, which you can easily incorporate into your workflow today. You are going to find out how to make your web projects more inclusive and improve the usability and user experience at the same time…"
https://www.youtube.com/watch?v=EOiC2M47GBY

What's the Deal with Margin Collapse?
By Jonathan Harrell.
"Learn about the margin collapse, a fundamental concept of CSS layout. See visual examples of when margin collapse happens, and when it doesn't."
https://jonathan-harrell.com/whats-the-deal-with-margin-collapse/


+03: EVALUATION & TESTING.

Tips For Conducting Usability Studies With Participants With Disabilities
By Peter McNally.
"Over the last few years, I ran several usability studies with participants with various disabilities…"
https://www.smashingmagazine.com/2018/03/tips-conducting-usability-studies-participants-disabilities/

43 Ways to Find Participants For Research
By Tomer Sharon.
"One of the biggest bottlenecks of research and a topic of unjust misconceptions is finding people who will participate in research…"
https://medium.com/@tsharon/43-ways-to-find-participants-for-research-ba4ddcc2255b

Dealing with Difficult Usability Test Participants
By David Travis.
"A common concern of people running usability tests is that sooner or later they'll run into a difficult participant. Who are these difficult characters and how can we prevent them from being a problem?…"
https://medium.com/@userfocus/dealing-with-difficult-usability-test-participants-113474fd5925

The UX Testing Tool That Was Here All This Time
By Diana Weschke.
"Have you ever heard of the User Experience Questionnaire or UEQ? If you have not, you need to download it right now…"
https://uxplanet.org/this-quick-tool-for-ux-tracking-was-here-all-this-time-for-free-bb9a195f6423

Why You Should Avoid Coffee Shop or Guerilla Usability Tests (Video)
By Sarah Doody.
"In this video, I'll address the controversial topic of conducting guerilla usability tests and user research interviews, otherwise known as 'coffee shop usability'…"
https://www.youtube.com/watch?v=QPhq2ExH918

Is a Single Item Enough to Measure a Construct?
By Jeff Sauro.
"…Single item measures are likely adequate for some constructs… Multi-item measures are better for more complex constructs… Multi-item measures will improve the amount of points of discrimination… Use more points for single items… Consider test-retest as an alternate measure of reliability…"
https://measuringu.com/single-multi-items/


+04: EVENTS.

Leadership Exchange in Arts and Disability (LEAD®)
August 9-11, 2018. 
Atlanta, Georgia, U.S.A. 
http://education.kennedy-center.org/education/accessibility/lead/conference.html

An Event Apart Chicago
August 27-29, 2018.
Chicago, Illinois, U.S.A. 
https://aneventapart.com/event/chicago-2018

Authoring Tools Accessibility: New US and European Requirements
September 26, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=519


+05: HTML.

Swapping Images with the Sizes Attribute 
By Scott Jehl.
"…Overall, we find this trick to be really handy, particularly as it allows our clients to place all of their image sizes in one place in the markup, which tends to make integration easier with various content management systems…"
https://www.filamentgroup.com/lab/sizes-swap/

HTML5 Accessibility 
By Steve Faulkner.
"Get the current accessibility support status of HTML5 features across major browsers. Editor's draft, March 2018"
http://html5accessibility.com/

<main>
Updated By Steve Faulkner.
Steve updated the "@MozDevNet documentation for <main> to reflect the W3C/WHATWG definition alignment."
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main

Accessible Autosuggest Dropdown
By Dennis Lembrée.
"…modified version of an accessible autosuggest from Intopia's autosuggest article…"
https://weboverhauls.github.io/demos/autosuggest/


+08: MISCELLANEOUS.

One-Page-Applications Are Not Accessible 
By Craig Abbott.
"…People do amazing things. I don't doubt for one minute that a good accessible one-page-application is possible. But I've not seen one yet."
http://www.craigabbott.co.uk/one-page-applications-are-not-accessible

Planning for Everything: The Design of Paths and Goals
By Peter Morville.
"This is a sample chapter from Peter Morville's new book Planning for Everything: The Design of Paths and Goals…"
https://www.uxmatters.com/mt/archives/2018/03/planning-for-everything-the-design-of-paths-and-goals.php


+09: NAVIGATION.

Why Organizations are Still so Bad at Findability
By Gerry McGovern.
"…If content is the oil of the Web, then findability is the petrol / gasoline. Content that is not findable is crude. It sits there with untapped potential. If you don't have a findability strategy, you don't have a digital strategy."
http://gerrymcgovern.com/why-organizations-are-still-so-bad-at-findability/


+10: USABILITY.

The Two UX Gulfs: Evaluation and Execution
By Kathryn Whitenton.
"With every interaction, users must overcome the twin challenges of understanding the current state of a system and figuring out how to change it. Designers can support them by being aware of these gulfs and bridging them with a transparent conceptual model."
https://www.nngroup.com/articles/two-ux-gulfs-evaluation-execution/

Gestalt Theory for UX Designers: Principle of Similarity.
By Marina Yalanska.
"…today we are going back to basics: let's start revising how Gestalt grouping principles can affect user interfaces positively…"
https://design4users.com/2018/02/13/gestalt-theory-for-ux-designers-principle-of-similarity/

Banner Blindness: Ad-Like Elements Divert Attention (Video)
By Kara Pernice.
"Recent eyetracking studies confirm an old finding: People tend to ignore design elements that signal advertisements."
https://www.nngroup.com/videos/banner-blindness/

Attributes of Effective Agile UX (Video)
By Page Laubheimer.
"Agile is not easy for UX. However, blending Agile and UX can work with the right culture and mindset."
https://www.nngroup.com/videos/effective-agile-ux/

Creating User-Friendly Forms
By Momoh Silm.
"…creating user-friendly forms is a major key to increasing the completion rate of your forms…"
https://blog.prototypr.io/creating-user-friendly-forms-46e3f7f4eef2

User-Centered Web Development
By Jens Oliver Meiert.
"…Developer experience (and developer usability, as suggested in Principles of Web Development) matters, but ultimately we as developers do have users, and our work should reflect that…"
https://meiert.com/en/blog/user-centered-web-development/


[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:lcar...@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 16, Issue 39, March 22, 2018.

David Dillard
 


+++ WEB DESIGN UPDATE. 
- Volume 16, Issue 39, March 22, 2018. 

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

++ISSUE 39 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: INFORMATION ARCHITECTURE. 
06: JAVASCRIPT. 
07: MISCELLANEOUS. 
08: TOOLS. 
09: USABILITY. 

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

[Contents ends.] 


++ SECTION ONE: New references. 

+01: ACCESSIBILITY. 

New Features in Web Content Accessibility Guidelines 2.1 and What You Need to Do 
By Ashley Sheridan. 
"…The majority of these are fairly obvious and straightforward, with 
some nice additions that enhance accessibility on smaller hand-held 
devices…" 
http://www.ashleysheridan.co.uk/blog/New+Features+in+Web+Content+Accessibility+Guidelines+2.1+and+What+You+Need+to+Do 

Labels Required 
By Maggie Wachs. 
"Late last year we completed an accessibility audit with a client, 
during which we were reminded that form fields must have properly 
associated label elements to be universally understood by screen 
readers and conventional browsers." 
https://www.filamentgroup.com/lab/a11y-form-labels.html 

Screen Reader Fails To Detect Newly Added Content: WCAG 2.0 Failure? 
By Sailesh Panchang. 
"Consider these two examples for error notification…" 
http://www.mindoversight.com/?p=190 

Cognitive Accessibility (Video) 
By Jamie Knight & Lion. 
Jamie's February 2018 London Accessibility Meetup presentation. 
https://www.youtube.com/watch?v=XBzXBY9G2u4 

How We Stopped Making Excuses and Started Improving Basecamp's Accessibility 
By Michael Berger. 
"In 2017 we made web accessibility a priority at Basecamp. It was long overdue…" 
https://m.signalvnoise.com/how-we-stopped-making-excuses-and-started-improving-basecamps-accessibility-5f45eb246aa3 

Your Tooltips Are Bogus 
By Heydon Pickering. 
"Tooltips are implemented all over the place. Badly. Let me count the ways." 
http://www.heydonworks.com/article/your-tooltips-are-bogus 

Trickle Down Accessibility 
By Ted Drake and Sarah Margolis-Greenbaum. 
"This presentation is not about reducing your support for blind and low-vision…" 
http://www.last-child.com/trickle-down-accessibility/ 

I Never Thought I Would Say This 
By Marcie Lipsett. 
OCR is dismissing some of Marcie Lipsett's complaints related 
discrimination against people with disabilities. 
https://www.facebook.com/129061697837227/photos/a.129218541154876.1073741828.129061697837227/129218521154878/ 

SOCSD Rolls Out New Website 
By Charlie Benton. 
"The Starkville-Oktibbeha Consolidated School District unveiled its 
new website last week after working on the project since December. The 
project was initiated following the district's past website being 
found to not be compliant with the Americans with Disabilities Act 
(ADA)…" 
http://www.starkvilledailynews.com/content/socsd-rolls-out-new-website 

Accessibility Analysis of Banking Industry Websites 
By Bureau of Internet Accessibility. 
"…The banking industry has made progress over the past decade, but our 
analysis shows that there is still room for improvement…" 
https://www.boia.org/blog/accessibility-analysis-of-banking-industry-websites-1q2018 


+02: Color. 

Colour Deficit Help 
By Matthew Atkinson. 
"This is the last in the current series of articles looking at 
adaptations for accessibility, based on new techniques or research…" 
https://developer.paciellogroup.com/blog/2018/03/colour-deficit-help/ 


+03: EVALUATION & TESTING. 

Why Accessibility Testing with Real Users is so Important 
By Helen Wood and Jennifer Kline. 
"…There is no 'one size fits all' way to know if what you've built 
will work until you test it with the people who will be expected to 
use it." 
https://accessibility.blog.gov.uk/2018/03/20/why-accessibility-testing-with-real-users-is-so-important/ 

Measure Customer Use of Things, Not Customer Satisfaction with Things 
By Gerry McGovern. 
"…In a digital economy, the most vital thing to manage is use." 
http://gerrymcgovern.com/measure-customer-use-of-things-not-customer-satisfaction-with-things/ 

How to Test Your User Interface the Right Way 
By Paul Boag. 
"On this episode of the Boagworld Show, we look at testing your user 
interface and how to integrate it into your design process…" 
https://boagworld.com/season/20/episode/2008/ 


+04: EVENTS. 

What's New in WCAG 2.1 
March 27, 2018. 
Online. 
https://register.gotowebinar.com/register/521166701331883266 

An Event Apart Orlando 
October 8-10, 2018. 
Orlando, Florida, U.S.A. 
https://aneventapart.com/event/orlando-2018 

ARIA: What, Why and When 
October 11, 2018. 
Online 
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=520 

Web Summit 
November 5-8, 2018. 
Lisbon, Portugal 
https://websummit.com/ 

Web Directions Summit 
November 8-9, 2018. 
Sydney, Australia 
http://www.webdirections.org/wds/ 


+05: INFORMATION ARCHITECTURE. 

Card Sorting: Uncover Users' Mental Models for Better Information Architecture 
By Katie Sherwin. 
"Card sorting is a UX research technique in which users organize 
topics into groups. Use it to create an IA that suits your users' 
expectations." 
https://www.nngroup.com/articles/card-sorting-definition/ 


+06: JAVASCRIPT. 

WAI-ARIA: the Dark Art of Accessibility? 
By Jon Gibbins. 
"…one area of accessibility that often stumps even the most 
experienced developers, is WAI-ARIA - the Accessible Rich Internet 
Applications…this is an awareness-raising blog post for web developers 
about ARIA. It was prompted by an issue discovered on a client's 
website that was using a carousel powered by Slick. I'm going to take 
a look at some of the ARIA used by Slick." 
https://diginclusion.com/blog/wai-aria-dark-art-of-accessibility/ 

Writing JavaScript with Accessibility in Mind 
By Manuel Matuzovic. 
"Tips on how to improve the accessibility of your JavaScript 
components and provide users with more and better ways to interact 
with your website or web app." 
https://medium.com/@matuzo/writing-javascript-with-accessibility-in-mind-a1f6a5f467b9 


+07: MISCELLANEOUS. 

Tim Berners-Lee: We Must Regulate Tech Firms to Prevent 'Weaponised' Web 
By Olivia Solon. 
"The inventor of the world wide web warns over concentration of power 
among a few companies 'controlling which ideas are shared'" 
https://www.theguardian.com/technology/2018/mar/11/tim-berners-lee-tech-companies-regulations 

33rd CSUN Assistive Technology Conference - Keynote (Video) 
"The Center on Disabilities at CSUN is proud to open the 32nd CSUN 
Assistive Technology Conference with an excellent keynote. Keynote 
Address - Daniel Goldstein…" (Video starts about 31:08 and Dan 
Goldstein begins at 37:47) 
https://www.youtube.com/watch?v=XAEJx4GlRPQ 

How Fast Is Amp Really? 
By Tim Kadlec. 
"…right now, the incentives being placed on AMP content seem to be 
accomplishing exactly what you would think: they're incentivizing AMP, 
not performance…" 
https://timkadlec.com/remembers/2018-03-19-how-fast-is-amp-really/ 

Write It Down 
By Mark Boulton. 
"This is about a light-touch way of asking someone to slow down…I 
welcome being asked to 'write it down'. It gives me permission to take 
a breath. To pause and reflect on what I'm asking…Next time someone 
asks you to do something, try it. I bet 3 times out of 10, they say 
'oh it doesn't matter'. You'll have that time back. They'll be a 
little wiser and have a lower heart rate." 
https://markboulton.co.uk/journal/write-it-down 


+08: TOOLS. 

Bookmarklets for Nu Html Checker 
By Steve Faulkner. 
Running your HTML through a conformance checker will miss any errors 
you may have introduced when adding to elements/attributes via 
JavaScript. Steve's bookmarklet that will send the HTML DOM of a page 
the Nu Html Checker. 
https://validator.w3.org/nu/about.html#extras 


+09: USABILITY. 

Don't Shame Your Users Into Converting (Video) 
By Kate Meyer and Kim Flaherty. 
"Coercive tactics like Manipulinks and Please-Don't-Go try to shame 
customers into doing what the company wants. Sacrificing long-term 
customer loyalty for short-term gains is shortsighted." 
https://www.nngroup.com/videos/shame-users-to-convert/ 

Designing Button States 
By Tyler Sticka. 
"Buttons are a staple of any design system. The best ones are simple, 
versatile, maybe even a little fun…" 
https://cloudfour.com/thinks/designing-button-states/ 

Retain UX Talent by Tracking UX Capacity 
By Hoa Loranger. 
"Tracking UX capacity on Agile projects allows you to negotiate UX 
commitments in terms stakeholders understand." 
https://www.nngroup.com/articles/tracking-ux-capacity/ 


[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:lcar...@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