Date   
[webdev] Web Design Update: August 30, 2018

David Dillard
 




Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 10 CONTENTS.

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


 

ese categories:

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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


+03: EVALUATION & TESTING.

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

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

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

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

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

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


+04: EVENTS.

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

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

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

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

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

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

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


+05: HTML.

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


+06: JAVASCRIPT.

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


+07: MISCELLANEOUS.

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

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


+08: NAVIGATION.

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


+09: USABILITY.

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

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

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

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

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


+10: XML.

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription.
For information on how to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to the accessible
Text Email Newsletter (TEN) guidelines.  Please let me know if there is anything else
we can do to make navigation easier. For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson

Information Technology Systems and Services

University of Minnesota Duluth

Duluth, MN U.S.A. 55812-3009

lcarlson@d.umn.edu


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

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: September 5, 2018

David Dillard
 





[webdev] Web Design Update: September 5, 2018


Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 11 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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


+02: BOOKS.

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


+02: CASCADING STYLE SHEETS.

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

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


+03: COLOR.

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


+04: EVALUATION & TESTING.

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

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

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

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


+05: EVENTS.

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

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

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

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

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

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

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


+06: HTML.

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

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

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


+07: NAVIGATION.

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


+08: USABILITY.

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

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

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

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]










--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

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

David Dillard
 


 

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



Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 12 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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

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


+03: COLOR.

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

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


+04: EVALUATION & TESTING.

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

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

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

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


+05: EVENTS.

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

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

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

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

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

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

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

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

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


+06: HTML.

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

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


+07: INFORMATION ARCHITECTURE.

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


+08: JAVASCRIPT.

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

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


+09: USABILITY.

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

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

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

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]

Preview YouTube video Open vs. Closed Card Sorting

Preview YouTube video Decorative Images: Delightful or Dreadful?


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: September 20, 2018

David Dillard
 



[webdev] Web Design Update: September 20, 2018


 

 

Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 13 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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


+03: EVALUATION & TESTING.

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

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


+04: EVENTS.

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

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

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

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

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


+05: HTML.

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

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


+06: JAVASCRIPT.

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


+07: MISCELLANEOUS.

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


+08: USABILITY.

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

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

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

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

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

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

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]
Preview YouTube video Why is UX so difficult?

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: September 27, 2018

David Dillard
 



 [webdev] Web Design Update: September 27, 2018

 




Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 14 CONTENTS.

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

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


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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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

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

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

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


+03: EVALUATION & TESTING.

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


+04: EVENTS.

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

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

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

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

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

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

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


+05: HTML.

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

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


+06: JAVASCRIPT.

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

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

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

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


+07: MISCELLANEOUS.

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

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

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

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

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

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


+08: TOOLS.

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

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


+09: TYPOGRAPHY.

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

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


+10: USABILITY.

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

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

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

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]

Preview YouTube video Speaker Series: Inclusive Design

Preview YouTube video Episode #139



--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: October 4, 2018

David Dillard
 






[webdev] Web Design Update: October 4, 2018




Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 15 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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


+03: COLOR.

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


+04: EVALUATION & TESTING.

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

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


+05: EVENTS.

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

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

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

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

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


+06: JAVASCRIPT.

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


+07: MISCELLANEOUS.

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

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


+08: STANDARDS, GUIDELINES & PATTERNS.

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


+09: TOOLS.

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

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

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

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

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


+10: USABILITY.

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

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

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

[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

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

David Dillard
 



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


Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 15 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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


+03: COLOR.

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


+04: EVALUATION & TESTING.

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

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


+05: EVENTS.

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

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

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

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

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


+06: JAVASCRIPT.

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


+07: MISCELLANEOUS.

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

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


+08: STANDARDS, GUIDELINES & PATTERNS.

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


+09: TOOLS.

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

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

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

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

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


+10: USABILITY.

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

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

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

[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: October 10, 2018

David Dillard
 




[webdev] Web Design Update: October 10, 2018



 

Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 16 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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

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


+02: CASCADING STYLE SHEETS.

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

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

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

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

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

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

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


+03: EVALUATION & TESTING.

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

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

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


+04: EVENTS.

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

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

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

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

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


+05: HTML.

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


+06: MISCELLANEOUS.

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

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

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

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

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


+07: NAVIGATION.

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


+08: USABILITY.

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

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

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

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


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]
Preview YouTube video AccessU 2018 Eldering Panel

--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

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

David Dillard
 




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

 

 

 

Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 17 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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


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

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

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

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

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

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

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

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

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

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

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


+02: BOOKS.

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

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


+03: EVALUATION & TESTING.

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

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

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

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

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


+04: EVENTS.

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

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

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

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

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

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


+05: HTML.

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


+06: JAVASCRIPT.

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

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


+07: MISCELLANEOUS.

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


+08: TOOLS.

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

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


+09: USABILITY.

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

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

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

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

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

[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]
Attachments area
Preview YouTube video DIY Accessibility Brunch ‘n’ Learn: WCAG 2.1




--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: October 24, 2018

David Dillard
 







[webdev] Web Design Update: October 24, 2018






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

 

 

Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 18 CONTENTS.

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

01: ACCESSIBILITY.
02: BOOKS.
03: CASCADING STYLE SHEETS.
04: DRUPAL.
05: EVALUATION & TESTING.
06: EVENTS.
07: JAVASCRIPT.
08: MISCELLANEOUS.
09: PHP.
10: TOOLS.
11: TYPOGRAPHY.
12: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

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

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

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

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

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

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

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

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

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

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

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

Domino's: Ninth Circuit Hears Web Accessibility Appeal Argument
By Kristina M. Launey.
"Due process, DOJ's failure to enact regulations, and whether the ADA
covers websites arguments dominated the recent Domino's Ninth Circuit
oral argument…"
https://www.adatitleiii.com/2018/10/dominos-ninth-circuit-hears-web-accessibility-appeal-argument/
Video of the Oral Arguments:
https://www.youtube.com/watch?v=jc6LG8PTvGA


+02: BOOKS.

McGovern, Gerry. Top Tasks - A how to guide, Silver Beach, 2018.


+03: CASCADING STYLE SHEETS.

CSS Layout Cookbook
By Mozilla and Individual Contributors.
"The CSS layout cookbook aims to bring together recipes for common
layout patterns, things you might need to implement in your own
sites…"
https://developer.mozilla.org/en-US/docs/Web/CSS/Layout_cookbook

CSS Border-Radius Can Do That?
By Nils Binder.
"How to create very cool effects with a rarely used feature."
https://9elements.com/io/css-border-radius/

Understanding the Difference Between grid-template and grid-auto
By Ire Aderinokun.
"With all the new properties related to CSS Grid Layout, one of the
distinctions that always confused me was the difference between the
grid-template-* and grid-auto-* properties…"
https://bitsofco.de/understanding-the-difference-between-grid-template-and-grid-auto/

Creating a Simple Form with Flexbox
By Zell Liew.
"…Flexbox makes it easy to align elements with unequal height…"
https://zellwk.com/blog/simple-form-with-flexbox/


+04: DRUPAL.

Running Drupal's PHPUnit Test Suites on DDEV
By Matt Glaman.
"DDEV is a local development stack built on top of Docker…"
https://glamanate.com/blog/running-drupals-phpunit-test-suites-ddev


+05: EVALUATION & TESTING.

Complete Beginner's Guide to UX Research
By UX Booth.
"UX research-or as it's sometimes called, design research-serves many
purposes throughout the design process…"
http://www.uxbooth.com/articles/complete-beginners-guide-to-design-research/

The Five Stages of Grief: Usability Test Observer Edition
By Cliff Anderson.
"…One thing I've noticed over the years is that every usability test
newbie seems to go through the same predictable stages on the other
side of the glass. So, with apologies to Elisabeth Kubler-Ross, here
they are…"
http://uxpamagazine.org/the-five-stages-of-grief/

Jobs-to-Be-Done vs. Personas (Video)
By Page Laubheimer.
"Jobs-to-be-done and personas are tools that identify user needs and
attitudes. Each tool focuses on different aspects of the use
experience and are compatible."
https://www.nngroup.com/videos/jobs-be-done-vs-personas/

Live Accessibility And Performance Audits at SmashingConf Toronto (Videos)
By Markus Seyfferth.
"At SmashingConf Toronto, attendees got to participate in live
performance and accessibility audits with our speakers Marcy Sutton
and Tim Kadlec. Watching an expert assess these critical areas can
help you to perform your own audits…"
https://www.smashingmagazine.com/2018/10/smashingconf-toronto-a11y-performance-audits/


+06: EVENTS.

Accessibility and Color Blindness in UX
October 29, 2018.
Philadelphia, Pennsylvania, U.S.A.
https://www.eventbrite.com/e/accessibility-and-color-blindness-in-ux-registration-51383626811

Accessibility Scotland
November 9, 2018.
Edinburgh, Scotland.
https://accessibility.scot

An Event Apart San Francisco
December 10-12, 2018.
San Francisco, Califorina, U.S.A.
https://aneventapart.com/event/san-francisco-2018

Let's Not Ignore the People That Matter in Accessibility Testing
December 13, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=521

Hong Kong UX Conference
January 21-25, 2019.
Hong Kong, China
https://www.nngroup.com/training/hong-kong/

Los Angeles UX Conference
February 24-March 1, 2019.
Los Angeles, California, U.S.A.
https://www.nngroup.com/training/los-angeles/


+07: JAVASCRIPT.

aria-rowindex Property
By Rakesh Paladugula.
"aria-rowindex property is used on a table, grid or a treegrid where
all the rows are currently not present…"
http://www.maxability.co.in/2018/10/aria-rowindex-property/

33 Concepts Every JavaScript Developer Should Know
By Leonardo Maldonado et al.
"This repository was created with the intention of helping developers
master their concepts in JavaScript. It is not a requirement, but a
guide for future studies. It is based on an article written by Stephen
Curtis and you can read it here. Feel free to contribute…"
https://github.com/leonardomso/33-js-concepts

I Have Resigned as the WordPress Accessibility Team Lead. Here is Why.
By Brad Frost.
"…JavaScript is eating the world…"
http://bradfrost.com/blog/link/i-have-resigned-as-the-wordpress-accessibility-team-lead-here-is-why/


+08: MISCELLANEOUS.

Some Gutenberg Accessibility Clarifications
By Joe Dolson.
"…I've noticed a few specific trends that I think need clarification…"
https://www.joedolson.com/2018/10/some-gutenberg-accessibility-clarifications/

(Wordpress) Team Meeting October 15, 2018
By Sami Keijonen.
"…all agreed that Rian Rietveld is awesome. There is no way we can fit
in her shoes. But hopefully we have shoes of our own."
https://make.wordpress.org/accessibility/2018/10/23/team-meeting-october-15-2018/

Rehabilitating Google AMP: My Failed Attempt
By Chris Graham.
"…To me this is all just another example of a company operating a
closed process, not willing to collaborate openly as peers. The Ivory
Tower development methodology…"
https://www.socpub.com/articles/rehabilitating-google-amp-my-failed-attempt-16258


+09: PHP.

PHP Control Structures and Loops: if, else, for, foreach, while and More
By Sajal Soni.
"Today, we're going to discuss control structures and loops in PHP…"
https://code.tutsplus.com/tutorials/php-control-structures-and-loops--cms-31999

Avoiding Setter Injection
By Brandon Savage.
"PHP more or less has two kinds of dependency injection available:
constructor injection, and setter injection…"
https://www.brandonsavage.net/avoiding-setter-injection/

Trigonometry, Random Numbers and More With Built-in PHP Math Functions
By Monty Shokeen.
"This tutorial will introduce you to the built-in math functions in
PHP for doing trigonometry, exponentiation, and logarithm
calculations. We'll also look at rounding and generating random
numbers…"
https://code.tutsplus.com/tutorials/mathematical-functions-in-php--cms-31972


+10: TOOLS.

Colour Contrast Analyser (CCA) v1.0.0
By The Paciello Group.
"We've just released the first stable version of the new Colour
Contrast Analyser (CCA) for Windows and macOS - completely rewritten
from the ground up, using Electron…"
https://github.com/ThePacielloGroup/CCAe/releases/tag/v1.0.0

Free Live Transcript
By Mark Noonan et al.
"This is an open-source exporation of creating live transcripts of
speech on the web, that can be displayed (and edited) in real time on
a big screen, or watched on anybody's personal device…"
https://freelivetranscript.com/


+11: TYPOGRAPHY.

Variable Fonts: The Future of Typography
By Jason Pamental.
"…The advent of variable fonts changes that entire dynamic. As
described by John Hudson, a variable font is a single font that acts
as many: All the variations of width and weight, slant, and even
italics can be contained in a single, highly efficient, and
compressible font file…"
http://uxpamagazine.org/variable-fonts/


+12: USABILITY.

Sliders are Bad for your Credit Union Website Design
By Derik Krauss.
"…Though sliders are incredibly prominent, they are remarkably bad for
user experience. In this article, I'll lay out the evidence against
sliders and share some better alternatives…"
https://www.cuinsight.com/sliders-are-bad-for-your-credit-union-website-design.html

What Could an Intelligent Assistant Do for You?
By Raluca Budiu and Kathryn Whitenton.
"There are big gaps between what users need to do, what they actually
do, and what is possible to do with today's intelligent assistants."
https://www.nngroup.com/articles/intelligent-assistant-user-needs/

Microinteractions in User Experience
By Alita Joyce.
"Microinteractions convey system status, support error prevention, and
communicate brand. They are initiated by a trigger, are
single-purpose, and can make the experience engaging.
https://www.nngroup.com/articles/microinteractions/

Exciting Times Ahead for UX (Video)
By Don Norman.
"New technologies such as autonomous cars, Artificial Intelligence
(AI), and Augmented Reality (AR) mean exciting challenges for UX to
solve, according to Don Norman."
https://www.nngroup.com/videos/exciting-times-ahead-ux-don-norman/

iPhones are Hard to Use
By Joe Clark.
"…I know 'hard to use' when I see it. iPhones are hard to use…"
https://blog.fawny.org/2018/10/22/hardtouse/


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]
Preview YouTube video 17-55504 Guillermo Robles v. Dominos Pizza LLC


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: November 1, 2018

David Dillard
 





[webdev] Web Design Update: November 1, 2018



Laura Carlson <lcarlson@d.umn.edu>

Thu, Nov 1, 2018, 7:18 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 19, November 1, 2018.

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

++ISSUE 19 CONTENTS.

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

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

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Designing Accessible Web with Privacy - When Web Browsing Reveals Information
By Lukasz Olejnik.
"…often it's actually security vs privacy vs accessibility. When
rotten compromises need to be, or are made this does not always lead
to best designs. The case described in this post is especially
challenging. It will touch many users. It concerns sensitive
information. And yet, good choices need to be made."
https://blog.lukaszolejnik.com/designing-accessible-web-with-privacy-when-web-browsing-reveals-information/

Survey of Users with Low Vision #2 Results
By Jared Smith.
"The results from our September 2018 Survey of Users with Low Vision
are available…"
https://webaim.org/blog/low-vision-survey2-results/

Negative Impacts of Withholding Form Labels
By Lindsey Kopacz.
"…One of the most common accessibility issues I've seen is fields
missing labels. The great news is it's one of the simplest
accessibility issues to fix…"
https://www.a11ywithlindsey.com/blog/negative-impacts-withholding-form-labels/

How to Make Custom Accessible Checkboxes and Radio Buttons
By Sami Keijonen.
"…we need to make sure our checkboxes and radio buttons remain
accessible to assistive technology (AT) and keyboard users. In this
tutorial I'll explain what this means and how we can do things
correctly in a few different ways…"
https://webdesign.tutsplus.com/tutorials/how-to-make-custom-accessible-checkboxes-and-radio-buttons--cms-32074

Understanding SC 1.3.1 Info and Relationship
By Sathish Kumar.
"Information, structure, and relationships conveyed through presentation can be
programmatically determined or are available in text. (Level A)…"
https://www.digitala11y.com/understanding-sc-1-3-1-info-and-relationship/

Writing Government Information for People with Cognitive Disabilities (Video)
By Jonathan Katz.
https://www.youtube.com/watch?v=6mqeymglU7A

Accessibility Toronto Conference 2018 Review
By Dennis Lembree.
"The second Accessibility Toronto Conference was another success…"
http://www.webaxe.org/accessibility-toronto-conference-2018-review/

Selfish Accessibility - Harbour Front HK
By Adrian Roselli.
"The slides from my talk at Harbour Front Hong Kong…"
http://adrianroselli.com/2018/10/selfish-accessibility-harbour-front-hk.html

Your Inaccessible Website is a Sitting Duck
By Fastspot.
"Large, complicated sites with decentralized contribution models are
breeding grounds for non compliant content. That's higher ed's
signature state…"
https://www.fastspot.com/publications/your-inaccessible-website-is-a-sitting-duck/

New York Wineries Sued over Website Accessibility for Visually Impaired
By Brianne Garrett.
"Lawsuits accuse wineries like Long Island's Wolffer Estate of
violating the Americans with Disabilities Act…"
https://www.winespectator.com/webfeature/show/id/New-York-Wineries-Sued-over-Website-Accessibility


+02: CASCADING STYLE SHEETS.

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

Splicing HTML's DNA With CSS Attribute Selectors
By John Rhea.
"Attribute selectors are magical. They can get you out of sticky
problems, help you avoid adding classes and point out some problems in
your code. But don't worry, while attribute selectors are complex and
powerful, they're easy to learn and easy to utilize. In this article,
we'll discuss how they operate and give you some ideas about how to
use them…"
https://www.smashingmagazine.com/2018/10/attribute-selectors-splicing-html-dna-css/

The CSS Working Group At TPAC: What's New In CSS?
By Rachel Andrew.
"…In this article, I'll explain a little bit about what happens at
TPAC, and show some examples and demos of the things we discussed at
TPAC for CSS in particular…"
https://www.smashingmagazine.com/2018/10/tpac-css-working-group-new/


+03: COLOR.

How to Use the Contrast Checker in Chrome DevTools
By Kezz Bracey.
"…Begin by opening Chrome/Chromium Dev tools and selecting any text
element in your HTML…"
https://webdesign.tutsplus.com/articles/how-to-use-the-contrast-checker-in-chrome-devtools--cms-31504


+04: EVALUATION & TESTING.

Usability Testing w. 5 Users: Design Process (Video)
By Jakob Nielsen.
"Formative usability testing is best done with a small number of study
participants, so that you have time and budget to test more design
iterations of the user interface."
https://www.nngroup.com/videos/usability-testing-w-5-users-design-process/

Building a UX Metrics Scorecard
By Jeff Sauro.
"Use multiple ways to visualize metric performance (colors, grades,
and distances) and include external benchmarks, competitor data, and
levels of precision when possible…"
https://measuringu.com/ux-scorecard/

The Pitfalls of Running A/B Tests
By Ariel Verber.
"…I've always been a big advocate of A/B tests, but time led me to
learn that they're highly addictive and sometimes not very justified…"
https://medium.com/joytunes/the-pitfalls-of-running-a-b-tests-4da7141960d7

The Accidental Discovery of Top Tasks (Part 2)
By Gerry McGovern.
"…Design and evolve through use. Design with people. Don't let the
effort you invested in something become a ball and chain. Don't let
your expectations, attitudes and opinions get in the way of the
evidence. Stay open, connected and constantly evolving within the
network."
http://gerrymcgovern.com/the-accidental-discovery-of-top-tasks-part-2/

Using Task Ease (SEQ) to Predict Completion Rates and Times
By Jeff Sauro.
"…One of the more popular post-task questionnaires is the Single Ease
Question (SEQ). It's a single item that assesses how easy or difficult
participants think a task is…"
https://measuringu.com/seq-prediction/

Stage 5 in the Design Thinking Process: Test
By Rikke Dam and Teo Siang.
"There are a wide range of testing methods available to designers
during a Design Thinking project; many of which stem from the
methodologies typically used during Human-computer interaction (HCI)
and User-centered design (UCD) tests…"
https://www.interaction-design.org/literature/article/stage-5-in-the-design-thinking-process-test


+05: EVENTS.

WCAG 2.1: What You Need to Know About the Most Recent Accessibility Standards
November 1, 2018.
Online.
https://register.gotowebinar.com/register/2699013368175158531

8th Cross-Government Accessibility Meet Up
November 8, 2018.
Edinburgh, Scotland
https://www.eventbrite.co.uk/e/8th-cross-government-accessibility-meet-up-tickets-51584868731

Writing & Reading the VPAT: A Webinar Double Feature
November 13, 2018.
Online
https://levelaccess.zoom.us/webinar/register/WN_qsiUVvW-QMiF6ZtS2jOFzw

CSUN Assistive Technology Conference
March 11-10, 2019.
Anaheim, California, U.S.A.
http://www.csun.edu/cod/conference/2019/sessions/

Accessibility Lawsuits, How to Handle Them; How to Avoid Them
March 11-12, 2019.
Anaheim, California, U.S.A.
https://www.accessibility.legal/


+06: HTML.

Keyboard Accessibility Tips Using HTML and CSS
By Anna Monus.
"…Here are some keyboard accessibility tips you can quickly implement
using basic HTML and CSS…"
https://webdesign.tutsplus.com/articles/keyboard-accessibility-tips-using-html-and-css--cms-31966

Internationalization Techniques: Authoring HTML & CSS
By W3C.
"This page lists links to resources on the W3C Internationalization
Activity site and elsewhere that help you author HTML and CSS for
internationalization. It is one of several techniques pages."
https://www.w3.org/International/techniques/authoring-html

Quick Tip: Use the 'lang' Attribute for Better Accessibility
By Eric Bailey.
"The lang attribute is one of the global HTML attributes developers
can apply to any HTML element, and it can really help with
accessibility…"
https://webdesign.tutsplus.com/tutorials/use-the-lang-attribute-for-better-accessibility--cms-31961

You're Using <em> Wrong
By Facundo Corradini.
"And I am too. And so is everybody else…"
https://logrocket.com/blog/youre-using-em-wrong/

Screenreader Support for Text-Level Semantics
By Bruce Lawson.
"…should we stop using text-level semantics? Well,
<strong>no</strong>. They continue to add meaning to sighted users,
and as Watters says, some AT users can benefit from them. But don't
over-use them. Like adding title attributes to all your links, there's
such a thing as too much accessibility."
https://www.brucelawson.co.uk/2018/screenreader-support-for-text-level-semantics/


+07: MISCELLANEOUS.

Facts are Stubborn Things
By Heather Burns.
"…you might think that privacy and accessibility are universally
respected concepts and values. Truths we hold to be self-evident. They
are not…"
https://webdevlaw.uk/2018/10/23/facts-are-stubborn-things/

Report on the Accessibility Status of Gutenberg
By Joe Dolson.
"…In the short term, we hope to resolve all accessibility issues that
are true barriers to the use of Gutenberg. In the long term, we hope
to improve the integration of accessibility into all future WordPress
design processes…"
https://make.wordpress.org/accessibility/2018/10/29/report-on-the-accessibility-status-of-gutenberg/

Accessibility: A Developer's Pledge
By Jonathan Desrosiers.
"I challenge everyone to step back and think about what they have done
recently to progress accessibility in WordPress, and consider why they
have not done more…"
https://jonathandesrosiers.com/2018/10/accessibility-a-developers-pledge/

Google Wants to Kill the URL
By Lily Hay Newman.
"…As Emily Stark, a technical lead at Chrome puts it, the project is
the URLephant in the room."
https://www.wired.com/story/google-wants-to-kill-the-url/


+08: TOOLS.

WCAG 2.0 Parsing Validation Tools
By Jon Gibbins.
"Tools that filter the results of the W3C's Nu validator to show only
results that are related to accessibility according to WCAG 2.0
Success Criterion 4.1.1 Parsing…"
https://dotjay.github.io/wcag-parsing-filter/

Trashy.css (Bookmarklet)
By Nathan Smith et al.
"…a CSS 'library' that styles tags directly - as opposed to using
class names as style hooks - to help people become more familiar with
how to use semantic HTML…"
https://t7.github.io/trashy.css/


+09: TYPOGRAPHY.

Designing Accessible Content: Typography, Font Styling, and Structure
By Carie Fisher.
"…Let's look at all the steps and design considerations you'll need to
take into account when making your content more accessible…"
https://webdesign.tutsplus.com/articles/designing-accessible-content-typography-font-styling-and-structure--cms-31934


+10: USABILITY.

The Vortex: Why Users Feel Trapped in Their Devices
By Kate Moran and Kim Flaherty.
"Many users report anxiety and lack of control over the amount of time
they spend online. We call this feeling 'the Vortex'"
https://www.nngroup.com/articles/device-vortex/

Stop Building Websites with Infinite Scroll!
By Fatih Kadir Akin.
"In this article, we will explain why you need to stop building
websites with infinite scroll…"
https://logrocket.com/blog/infinite-scroll/

No Good, Very Bad UX Writing Mistakes
By Melissa Mapes.
"…here's a roundup of the top 10 issues that I've seen appear most
often, much to the detriment of the user experience…"
https://uxplanet.org/no-good-very-bad-ux-writing-mistakes-a01b85428f04


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]




 

 

 


--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

+++ WEB DESIGN UPDATE. - Volume 17, Issue 20, November 6, 2018.

David Dillard
 



Laura Carlson <lcarlson@d.umn.edu>

Nov 6, 2018, 7:25 AM
to webdev
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 20, November 6, 2018.

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

++ISSUE 20 CONTENTS.

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

01: ACCESSIBILITY.
02: COLOR.
03: EVALUATION & TESTING.
04: EVENTS.
05: HTML.
06: JAVASCRIPT.
07: MISCELLANEOUS.
08: SITES & BLOGS.
09: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Writing Text Descriptions
By Léonie Watson.
"Really good accessibility takes a strong strategy, thoughtful design,
 and robust technical implementation, but often it's the small things
 that make all the difference to the person consuming your content…"
https://www.invotra.com/blogs/simple-recommendations-writing-text-descriptions-make-big-difference

5 Digital Accessibility Myths Busted
By Carie Fisher.
"By now you have most likely have heard the term digital accessibility
and may have an inkling about what it is- but have you bought into the
 hype? Or are you secretly asking yourself questions like…"
https://www.deque.com/blog/5-digital-accessibility-myths-busted

Trouble Tabbing To Tabs and Cheeky Checking Checkboxes
By Scott O'Hara.
"Sometimes, despite best efforts, there will be accessibility issues in a code base…"
https://www.scottohara.me/blog/2018/11/02/tabbing-into-tabs.html

YouTube Video Series About Captioning
By University of Minnesota Duluth.
Learn about the importance of captions, how to caption, and captioning
 best practices in 4 short videos. Jessica Kellgren-Fozard, a Deaf YouTube
presenter, released a series of videos on captioning…
https://itss.d.umn.edu/news/a11ycaptionyoutube

Accessibility NYC Meetup Recap: WCAG 2.1: An Evening With Andrew Kirkpatrick (Video)
By Andrew Kirkpatrick.
"Presenter Andrew Kirkpatrick discussed the process used to develop WCAG 2.1,
what new requirements are included, and what resources are available to support
implementation of the new standard…"
https://equalentry.com/accessibility-nyc-meetup-recap-wcag-2-1-an-evening-with-andrew-kirkpatrick-head-of-accessibility-at-adobe/

WCAG 2.1 What's New and What to Do With It
By Alastair Campbell.
Alastair's #ID24 2018 presentation. "The Web Content Acessibility Guidelines (WCAG)
have been updated after 10 years of use. Using the new requirements from version 2.1,
Alastair walks through the new guidelines, and provides advice on how to use them in
 your organization."
https://www.youtube.com/watch?v=i0pPlTofdkk

WCAG 2.1 What You Need to Know About the Most Recent Accessibility Standards (Video)
By Eduardo Meza and Kara Zirkel.
"…In this webinar you will learn: Web Content Accessibility Guidelines: A brief history of
the W3C, WCAG and how people with disabilities use the web WCAG 2.1:
Discovering what's new and how to use the new success criteria when testing for accessibility…"
https://www.youtube.com/watch?v=AoHfqq0eQww

Q&A: The What, Why, and  How, of Digital Accessibility for Business
By Jaclyn Leduc.
"Inaccessible websites deter people with disabilities. In fact, 71% of individuals with
disabilities will leave a website if they find it is inaccessible. So, how do you make a
website accessible? Where do you even begin?…"
https://www.3playmedia.com/2018/11/02/digital-accessibility-business/

In Defense of the #a11y Hashtag
By Amanda J. Rush.
"There are some accessibility issues you could call evergreen. One of them is whether
we should use the #a11y or #accessibility hashtag when spreading the good word on
the social medias…"
https://www.customerservant.com/defense-a11y-hashtag/

Lawsuits Charge 15 New York Wineries with Discrimination Against Visually Impaired
By Leslie Gevirtz.
"With a recent wave of lawsuits, many wonder if the goal is to fix winery website
accessibility problems or simply generate lawyers' fees…"
https://www.winemag.com/2018/10/31/winery-lawsuits-visually-impaired/


+02: COLOR.

Understanding WCAG 2 Contrast and Color Requirements
By WebAIM.
"…With many combinations of text and background colors, it is impossible to use
non-underlined links and also meet all of the WCAG guidelines.
 This becomes increasingly difficult if the links change color on hover or focus.
Each of the colors in these states must also have at least a 4.5:1 contrast ratio
difference with the background. WCAG 2.0 and Link Colors on the WebAIM blog
explores the WCAG requirements for link colors in more depth."
https://webaim.org/articles/contrast/


+03: EVALUATION & TESTING.

In Analytics, What do the Numbers Really Mean? (Video)
By Katie Sherwin.
"Analytics data are only as valuable as the insights derived from them.
 Some figures can stand on their own while others need further research
to be interpreted. To use analytics data confidently and accurately,
 teams must understand the difference."
https://www.nngroup.com/videos/analytics-what-do-numbers-really-mean/

Better Practices for Scrappy Testing
By Zachary Walsh.
"We should test that to find out for sure…"
https://uxdesign.cc/better-practices-for-scrappy-testing-ab53deae7a93

How Do We Do UX With Agile?
By John Cutler.
"Let me propose (humbly) that this may be the wrong question…"
https://medium.com/@johnpcutler/how-do-we-do-ux-with-agile-74b02092eb2f

Prioritization Matrices in UX Decision Making (Video)
By Sarah Gibbons.
Prioritization charts or matrices can help UX practitioners base important
decisions on objective, relevant criteria instead of subjective opinions."
https://www.nngroup.com/videos/prioritization-matrices/


+04: EVENTS.

VPATs. How to Construct. How to Assess.
November 12, 2018.
Boulder, Colorado, U.S.A.
https://www.meetup.com/a11yFR/events/255352293/

Universal Design for Learning with Samantha Johns
November 13, 2018.
Portland, Oregon, U.S.A.
https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/255464223/

Accessibility in Web Applications with JavaScript - a Roundtable Discussion
November 13, 2018.
Seattle, Washington, U.S.A.
https://www.meetup.com/a11ysea/events/255811283/

Cleveland Accessibility November Get-Together... and Book Club!
November 15, 2018.
Cleveland, Ohio, U.S.A.
https://www.meetup.com/Cleveland-Accessibility-Meetup/events/255602962/

Accessibility Empathy Lab with Glenda Sims
November 19, 2018.
Ann Arbor, Michigan, U.S.A.
https://www.meetup.com/a2a11y/events/255839190/

2018 Year-End Event with Speaker Lainey Feingold
December 5, 2018.
Seattle, Washington, U.S.A.
https://www.meetup.com/a11ysea/events/256072387/

Podcast Transcribe Party
December 18, 2018.
Atlanta, Georgia, U.S.A.
https://metro-atl-accessibility-meetup.mn.co/events/podcast-transcribe-party


+05: HTML.

Tags to DOM
By Travis Leithead.
"In the second installment of A List Apart's four-part 'From URL
to Interactive' series, Travis Leithead, former editor of W3C's HTML spec,
 walks us through the process of parsing HTML: from how browsers
create trees to how the DOM responds to events. Equipped with this knowledge,
 you'll be able to make smarter DOM decisions, reduce time to interactive,
and eliminate unintended reflows."
https://alistapart.com/article/tags-to-dom


+06: JAVASCRIPT.

Debug JavaScript On The Fly With DevTools
By Karl Dubost.
"On webcompat, we try to diagnose bugs reported about sites,
we do not have the original sources…"
http://www.otsukare.info/2018/11/01/debugger-devtools-proxy


+07: MISCELLANEOUS.

Supreme Court Declines to Hear Appeal of Obama-Era Net Neutrality Rules
By Marguerite Reardon.
"Net neutrality is already dead, but the high court has left in place
a lower court ruling that preserves the FCC's actual authority to adopt such rules…"
https://www.cnet.com/news/supreme-court-declines-to-hear-appeal-of-obama-era-net-neutrality-rules/

Google Chrome's Users Take a Back Seat to Its Bottom Line
By Bennett Cyphers and Mitch Stoltz.
"Google Chrome is the most popular browser in the world. Chrome routinely
leads the pack in features for security and usability, most recently helping to
drive the adoption of HTTPS. But when it comes to privacy, specifically
protecting users from tracking, most of its rivals leave it in the dust…"
https://www.eff.org/deeplinks/2018/11/google-chromes-users-take-back-seat-its-bottom-line


+08: SITES & BLOGS.

Access & Use
By Detlev Fischer.
"New resource showing accessibility problems of dynamic web components
in many tests with users (video). It covers the accessibility of common dynamic
web components like drop-down navigation, dialogs, tabbed interfaces,
carousels and the like…"
https://accessuse.eu


+09: USABILITY.

Radio Buttons Define Us. Let's Make Better Tech
By Sarah Horton.
"Radio button controls are the most insistent of all user interface patterns…"
https://medium.com/@gradualclearing/https-medium-com-gradualclearing-radio-buttons-define-us-lets-make-better-tech-2ee0c51c974a

See Different
By Philip Hodgson
"Being able to see things through the eyes of someone else is one of the most
important abilities a designer can have. But it's also very difficult for most of us to do.
Could a rather dramatic break with convention put designers into the shoes
of the people they design for?…"
https://www.userfocus.co.uk/articles/see-different.html

UX Guidelines for Recommended Content
By Aurora Harley.
"Encourage engagement with recommendations by presenting them prominently,
segmenting suggestions into clear categories, and providing methods for users to
give feedback."
https://www.nngroup.com/articles/recommendation-guidelines/


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription.
For information on how to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform
to the accessible Text Email Newsletter (TEN) guidelines. 
Please let me know if there is anything else we can do to make
navigation easier. For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]

Preview YouTube video WCAG 2 1 What You Need to Know About the Most Recent Accessibility Standards




--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[webdev] Web Design Update: November 14, 2018

David Dillard
 





[webdev] Web Design Update: November 14, 2018

 



Laura Carlson <lcarlson@d.umn.edu>

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

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

++ISSUE 21 CONTENTS.

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

01: ACCESSIBILITY.
02: BOOKS.
03: CASCADING STYLE SHEETS.
04: EVALUATION & TESTING.
05: EVENTS.
06: MISCELLANEOUS.
07: NAVIGATION.
08: SITES & BLOGS.
09: TOOLS.
10: USABILITY.

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

[Contents ends.]


++ SECTION ONE: New references.

+01: ACCESSIBILITY.

Live Chat Accessible
By Rakesh Paladugula.
"…this article will highlight the best practices to make a live chat
accessible to keyboard only, screen reader, low vision and various
other users with disabilities…"
https://www.maxability.co.in/2018/11/how-to-make-live-chat-accessible/

New Resource: The Business Case for Digital Accessibility
By Shawn Henry.
"The W3C WAI Education and Outreach Working Group (EOWG) today
published a new resource that describes the rationale for
organizations to address accessibility…"
https://lists.w3.org/Archives/Public/public-wai-announce/2018OctDec/0001.html

Eyes-Free Computing Looking Back, Looking Forward (Video)
By TV Raman.
"…UI determines size and shape of computing…Ubiquitous information
access requires User Aware UI…"
https://www.youtube.com/watch?v=LJzcThyT0Pg
Slides (PDF):
http://emacspeak.sourceforge.net/raman/publications/iit-bay-area-2018/slides.pdf

A Web of Anxiety: Accessibility for People with Anxiety and Panic
Disorders [Part 2]
By David Swallow.
"…many companies care little about how anxious or stressed their
websites make you feel. In fact, companies may well be counting on
your being anxious. But that's not to say that there's nothing we can
do…"
https://developer.paciellogroup.com/blog/2018/11/a-web-of-anxiety-accessibility-for-people-with-anxiety-and-panic-disorders-part-2/

Be Better: Accessibility
By Ben Callahan.
"…Ben explores how responsive web design is accessible web design…"
https://seesparkbox.com/foundry/website_accessibility_through_responsive_web_design

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

Why Using 'tabindex' Values Greater than '0' is Bad
By Karl Groves.
"…It creates maintenance headaches…It strips away user control…It may
cause a mismatch between visual order and interaction order…It may
make user support difficult…"
http://www.karlgroves.com/2018/11/13/why-using-tabindex-values-greater-than-0-is-bad/

Getting the Details on aria-details
By Scott O'Hara.
"Introduced in ARIA 1.1, aria-details is meant to help convey that
there is additional information available for a particular element a
user is interacting with…With the large gap in support across various
different screen readers, and the current implementation with JAWS,
aria-details won't consistently, or meaningfully, provide the context
for which its potential should allow."
https://www.scottohara.me/blog/2018/11/08/aria-details.html

Feds Prod Universities to Address Website Accessibility Complaints
By Lindsay McKenzie.
"Universities are under legal pressure to make their websites fully
accessible to people with disabilities, but is 'fully' even possible?"
https://www.insidehighered.com/news/2018/11/06/universities-still-struggle-make-websites-accessible-all


+02: BOOKS.

Gay, Greg et al. Professional Web Accessibility Auditing Made Easy.
Ryerson University Pressbooks. 2016.
https://pressbooks.library.ryerson.ca/pwaa/

Gay, Greg et al. Digital Accessibility as a Business Practice. Ryerson
University Pressbooks. 2018.
https://pressbooks.library.ryerson.ca/dabp/


+03: CASCADING STYLE SHEETS.

The 'C' in CSS: The Cascade
By Thomas Yip.
"Following up from Geoff's intro article on The Second "S" in CSS,
let's now move the spotlight to the "C" in CSS - what we call the
Cascade…"
https://css-tricks.com/the-c-in-css-the-cascade/

Grid Tile Layouts with auto-fit and minmax
By Dave Geddes.
"…Lemme show you the new & easy way to make perfect, responsive tile
layouts with CSS Grid…"
https://gedd.ski/post/tile-layouts/

Editorial Layouts, Floats, and CSS Grid
By Dave Geddes.
"CSS Grid is in many ways a dream come true, but there's at least one
basic thing it can't do…"
https://v6.robweychert.com/blog/2018/11/css-grid-editorial-layouts/


+04: EVALUATION & TESTING.

Keyboard Testing Basics
By Robert Jolly.
"Keyboard testing is one of the most efficient, impactful, and easy
tasks that any team member can do to find accessibility issues…"
https://knowbility.org/blog/2018/keyboard-testing-basics/

Benchmarking in UX Research
By Nikki Anderson.
"Test how a website or app is progressing over time…"
https://uxdesign.cc/benchmarking-in-ux-research-5188afe691bb

The Three Types of Performance Testing
By Harry Roberts.
"…make performance testing regular and routine, I try to distill the
types of testing that we do into three distinct categories: Proactive,
Reactive, and Passive…"
https://csswizardry.com/2018/10/three-types-of-performance-testing/

How to Test Visual Design
By Kathryn Whitenton.
"Visual design details like fonts and colors can have subtle but
important effects on the overall user experience. Use research methods
that are sensitive to these effects to test your visual design."
https://www.nngroup.com/videos/how-test-visual-design/


+05: EVENTS.

Interaction 19
February 3-8, 2019.
Seattle, Washington, U.S.A.
https://interaction19.ixda.org/

JSConf Hawai'i
February 7-8, 2019.
Honolulu, Hawaii, U.S.A.
https://www.jsconfhi.com/


+06: MISCELLANEOUS.

Tim Berners-Lee Ficks Off a 'Contract for the Web' to Protect the
Future of the Internet
By Hamza Shaban.
"Tim Berners-Lee, the inventor of the World Wide Web, recently kicked
off a global campaign to curb some of the harmful effects of Internet
connectivity on society…"
https://www.washingtonpost.com/technology/2018/11/06/tim-berners-lee-kicks-off-contract-web-protect-future-internet/

Improve Your Design Process in Discovery, Ideation, and Prototyping
By Gleb Kuznetsov.
"Each time a product team begins a new project, the list of things to
do can be overwhelming…"
https://www.uxbooth.com/articles/improve-your-design-process-in-discovery-ideation-and-prototyping/

10 Things to Know About Chromebook Accessibility
By Deborah Edwards-Onoro.
"A number of new accessibility features have been added to the
Chromebook with the latest release of Chrome OS, which rolled out over
past couple weeks"
https://www.lireo.com/10-things-to-know-about-chromebook-accessibility/


+07: NAVIGATION.

Drop-Down Usability: When You Should (and Shouldn't) Use Them
By Christian Holst.
"Deciding when to use a drop-down - or when to use another interface
type, such as a radio button interface or open text field - for a
specific input can be tricky…"
https://baymard.com/blog/drop-down-usability

The Rules for Modern Navigation
By Stephanie Lin.
"…Let's consider these rules: Prioritize consistency, Design clear
interactions, Avoid deep navigation, Design for responsive
compatibility…"
https://www.uxbooth.com/articles/the-rules-for-modern-navigation/


+08: SITES & BLOGS.

We are Colorblind
By Tom van Beveren, Kim van den Brink and Denver the Cat.
"…We are Colorblind is dedicated to the more than 300 million people
who are color blind…"
https://wearecolorblind.com/


+09: TOOLS.

AInspector WCAG for Firefox
By Jon Gunderson.
"Inspects web pages for features and issues related to WCAG 2.0 level
A and AA requirements…"
https://go.illinois.edu/ainspector-wcag

HTML Notepad
By Andrew Fedoniouk.
"It is a WYSIWYG editor of structured documents: texts that have
hierarchical and semantically meaningful (oxymoron, no?) structure:
headers, list, plaintext islands, tables and so on…"
https://html-notepad.com/


+10: USABILITY.

Why You Should Use a Text Area for Address Form Fields
By Anthony Tseng.
"…By using a single text area instead of two text fields, you'll help
users fill out the address field quicker…"
https://uxmovement.com/forms/why-you-should-use-a-text-area-for-address-form-fields/

Don't @ Me - UX of Notifications in 2019
By Moses Kim.
"…Something as insignificant as a notification sent in the wrong time
or manner can turn people away from the app…"
https://shakuro.com/blog/ux_of_notifications/

Design Guidelines for Input Steppers
By Yuxuan (Tammy) Zhou.
"Reduce input effort for fields with values that deviate little from
the default by allowing users to increase or decrease the number in a
single button press. Avoid this GUI control for values with large
variability."
https://www.nngroup.com/articles/input-steppers/

UX Debt: How to Identify, Prioritize, and Resolve
By Anna Kaley.
"Like tech debt, UX debt piles up over time and, if left unaddressed,
leads to compounding user problems and costly cleanup efforts. Agile
teams can modify their processes to track and resolve UX debt."
https://www.nngroup.com/articles/ux-debt/

The Difference Between Storyboard, User Journey and User Story
By Desi Reuben-Sealey.
"…All three definitions, Storyboard, User Story and User Journey are
crucial in my opinion to the planning and production of whatever it is
you are creating in the web
http://www.i3lance.co.uk/index.php/2015/02/04/the-difference-between-storyboard-and-user-journey-and-user-story/

Marketing: the Truly Original Fake News
By Gerry McGovern.
"Some marketers are deluded. Too much hype, spin, fake news…"
http://gerrymcgovern.com/marketing-the-truly-original-fake-news/


[Section one ends.]


++ SECTION TWO:

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

Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html

Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html

Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html

Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html

Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html

Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html

Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html

Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html

HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html

Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html

JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html

Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html

Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html

PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html

Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html

Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html

Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html

Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html

Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html

XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html

[Section two ends.]


++END NOTES.


+ SUBSCRIPTION INFO.

WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.


+ TEXT EMAIL NEWSLETTER (TEN).

As a navigation aid for screen readers we do our best to conform to
the accessible Text Email Newsletter (TEN) guidelines.  Please let me
know if there is anything else we can do to make navigation easier.
For TEN guideline information please visit:
http://www.headstar.com/ten


+ SIGN OFF.

Until next time,

Laura L. Carlson
Information Technology Systems and Services
University of Minnesota Duluth
Duluth, MN U.S.A. 55812-3009
mailto:lcarlson@d.umn.edu


[Issue ends.]



--

Sincerely,

David Dillard
astrojwne@...

NET-GOLD

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


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

 

Research Guides

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

 

Research Paper Writing

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

Employment

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


Internships

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

 

Blog

https://educatorgold.wordpress.com/


Twitter: davidpdillard


Sport-Med

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

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

 

[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