[webdev] Web Design Update: March 29, 2018

classic Classic list List threaded Threaded
1 message Options
Reply | Threaded
Open this post in threaded view
|

[webdev] Web Design Update: March 29, 2018

David Dillard
Administrator




.




Date: Thu, 29 Mar 2018 06:37:38 -0500
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
Subject: [webdev] Web Design Update: March 29, 2018




+++ WEB DESIGN UPDATE.


- Volume 16, Issue 40, March 29, 2018.



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




++ISSUE 40 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: MISCELLANEOUS.

09: USABILITY.




SECTION TWO:



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



[Contents ends.]




++ SECTION ONE: New references.



+01: ACCESSIBILITY.



Verified Accessibility Samples (Va11yS)

By International Business Machines (IBM).

"Explore the repository of working accessibility code samples and design
patterns that can be implemented directly into your design and
development…"

https://www-03.ibm.com/able/va11ys.html



Three Developer Behaviors to Eliminate 85 Percent of Accessibility Defects

By Sean Kelly and Thomas F. Dinkel.

Sean and Thomas' CSUN presentation slides.

https://www.slideshare.net/seankelly612/three-developer-behaviors-to- 
eliminate-85-percent-of-accessibility-defects-91706469



Accessibility Heuristics for Designers (PDF)

By Caitlin Geier and Denis Boudreau.

"10 general rules of thumb for accessible design…"

https://drive.google.com/file/d/1QkURByXUk4NOtl7jw6VtyCUi4_JjlP6d/edit



Survey of Web Accessibility Practitioners #2

By WebAIM.

"The following survey is a follow-up to a previous Survey of Web
Accessibility Practitioners conducted July 2014…"

https://webaim.org/projects/practitionersurvey2/



Potholes of Discrimination: A Post-CSUN Legal Update Wrap-Up

By Lainey Feingold.

"…This is a post about what the law is saying about web accessibility…"

http://www.lflegal.com/2018/03/csun18-follow-up/



Making Bulb Accessible - Introducing the New Bulb Site

By Heydon Pickering.

"At the end of last year, Bulb pledged to significantly improve the
accessibility of the site…"

https://bulb.co.uk/blog/making-bulb-accessible-introducing-the-new-bulb-site



CSUN 2018 Presentation Links

By Christopher Phillips.

A crowdsourced list of CSUN presentation presentations from last week's
conference.

https://docs.google.com/spreadsheets/d/ 
1NtrU3K_f1vlfjGTnkFJeSja7_xdI9T8rWAgFz5Y-1w0/edit#gid=0



No Relief in Sight from Website Accessibility Lawsuits

By Matthew P. Horvitz and Andrew J. Ferren.

"…a proactive approach to accessibility should help businesses reduce the
risk of being targeted by a lawsuit."

https://www.retaillawadvisor.com/2018/03/21/ 
no-relief-in-sight-from-website-accessibility-lawsuits/



The Growing Emphasis on Accessibility and Inclusive User Experience

By Kim Krause Berg.


"There is growing interest in web accessibility around the world, with
more companies seeking to make their web properties inclusive and user
friendly for all people.…"

https://searchnewscentral.com/blog/2018/03/28/ 
the-growing-emphasis-on-accessibility-and-inclusive-user-experience/



N.Y. Lawyers Sue 40-plus Companies on Behalf of Blind Man in a Month

By Justin Stoltzfus.

"A class action lawsuit on behalf of Queens, N.Y., resident Eugene Duncan
and other visually impaired plaintiffs against Popular North America Inc.
is one of 43 recent Americans with Disabilities Act cases filed on his
behalf…"

https://legalnewsline.com/stories/511366628-n-y-lawyers-sue-40- 
plus-companies-on-behalf-of-blind-man-in-a-month



New Guidelines Let Civil Rights Office Ignore Cases From Serial
Complainers

By Christina A. Samuels.

"The U.S. Department of Education's office for civil rights has started
dismissing hundreds of disability-related complaints, following new
guidelines that say such cases will be dismissed when they represent a
pattern of complaints against multiple recipients…"

https://www.edweek.org/ew/articles/2018/03/22/ 
new-rule-lets-civil-rights-office-ignore.html




+02: CASCADING STYLE SHEETS.




Good ol' Margin Collapsing

By Chris Coyier.

"Here's a one-sentence blog post about margin collapsing: When two block
elements are stacked on top of one another, the vertical space between
them is the larger between the one on top's margin-bottom and the one on
the bottom's margin-top…"

https://css-tricks.com/good-ol-margin-collapsing/



The Future of Web Layout (Video)

By Aquent Gymnasium.

"A webinar discussing new advances in web layout techniques that will
impact web designers and developers in the near future. Rachel Andrew
and Jason Pamental join Jeremy Osborn to help deconstruct the upcoming
shift in designing for the web."

https://www.youtube.com/watch?v=LUMkgn_xtlg



A CSS Approach to Trap Focus Inside of an Element

By Kushagra Gour.

"…While experimenting, I discovered a neat CSS trick on how to trap
focus within the <dialog> element, a common accessibility requirement
for modals, and a notoriously difficult one…"

https://css-tricks.com/a-css-approach-to-trap-focus-inside-of-an-element/



Nobody Said CSS Is Easy

By Amber Wilson.

"Wait, some people have said this. But I'd like to politely voice the
opinion that they are wrong…"

https://amberwilson.co.uk/blog/nobody-said-css-is-easy/




+03: COLOR.




Designing Systematic Colors

By Jeeyoung Jung.

"How to make themable, flexible, WCAG 2.0 compliant color ramps for a
design system…"

https://uxplanet.org/designing-systematic-colors-b5d2605b15c




+04: EVALUATION & TESTING.




Remote Moderated Usability Tests: How and Why to Do Them

By Kate Meyer and Kara Pernice.

"Remote unmoderated usability testing is so fast and easy that some
teams make it their only evaluation method. But don't shy away from
its more robust alternative, the remote moderated usability test,
which can give you more information and is also inexpensive."

https://www.nngroup.com/articles/moderated-remote-usability-test/



How to Make Usability Testing a Habit

By Stefan Rössler.

"…The best thing about making usability testing a habit is that you
keep getting better at it…"

https://userbrain.net/blog/make-usability-testing-habit



How Large Is the Evaluator Effect in Usability Testing?

By Jeff Sauro.

  "…if you change the person looking for the problems (the evaluator),
do you get a different set of problems?…"

https://measuringu.com/evaluator-effect/




+05: EVENTS.




Getting Started in Accessibility
April 4, 2018.Minneapolis, Minnesota, U.S.A.
https://www.eventbrite.com/e/ 
getting-started-in-accessibility-tickets-42715561394



What You Need to Know to Get Accessibility Right
April 4, 2018.
Online.
http://apexcovantage.com/resources/ 
webinar-need-know-get-accessibility-right/



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



This.JavaScript: A11Y
May 17, 2018.
Online.
https://www.thisdot.co/javascript/05-17-2018



UI 21
November 12-14, 2018.
Boston, Massachusetts, U.S.A.
https://ui21.uie.com/



Accessing Higher Ground
November 12-16, 2018.
Westminster, Colorado, U.S.A.
http://accessinghigherground.org/



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




+06: HTML.




Quick Reminder that Details/Summary is the Easiest Way Ever to Make an Accordion

By Chris Coyier.

"Gosh bless the <details> element. Toss some content inside it and you
have an accessible expand-for-more interaction with just about zero
work…"

https://css-tricks.com/quick-reminder-that-
details-summary-is-the-easiest-way-ever-to-make-an-accordion/




Typical/Expected Screen Reader Output

By Steve Faulkner.

"Typical/expected screen reader output


<a href="#">hello</a> hello
<a href="#" title="goodbye">hello</a> hello goodbye
<a href="#" aria-label="goodbye">hello</a> goodbye
<a href="#" aria-label="goodbye"></a> goodbye
<a href="#" title="goodbye"></a> goodbye"


https://twitter.com/stevefaulkner/status/978310635023949830




+07: INFORMATION ARCHITECTURE.




A Guide to Information Architecture

By Miklos Philips.

"…Information architecture (IA) is, like a blueprint, a visual
representation of the product's infrastructure, features, and
hierarchy. …"

https://blog.prototypr.io/ 
the-comprehensive-guide-to-information-architecture-29b09695fbcb




+08: MISCELLANEOUS.




Using Ethics In Web Design

By Morten Rand-Hendriksen.

"…Even small and seemingly insignificant decisions can have enormous
implications, and though ethics often stand in the way of immediate
rapid innovation, growth, and quick revenue, they help ensure the
longevity of our designs and help us carve paths to better futures for
everyone…"

https://www.smashingmagazine.com/2018/03/using-ethics-in-web-design/



Why Enterprise Software Fails (and what to do about it)

By Gerry McGovern.

"The Canadian government's Phoenix payroll system is no more. It was
supposed to cost about C$300 million and deliver tremendous
efficiencies. Instead, it has cost C$1 billion and delivered nothing
but pain and disaster…"

http://gerrymcgovern.com/ 
why-enterprise-software-fails-and-what-to-do-about-it/



CSUN 2018 Accessibility Interview: Denis Boudreau

By Vivian Cullipher.

"Vivian interviews Montreal-based Denis Boudreau, Principal Web
Accessibility Consultant and Strategist for Deque, covering everything
from Denis's take on what digital accessibility is, details on a
couple of his upcoming CSUN presentations, how AI might advance
accessibility for people with disabilities, and more…"

https://www.microassist.com/digital-accessibility/ 
csun-2018-accessibility-interview-denis-boudreau/#intro




+09: USABILITY.




Yes, Icons Need Text Labels (Video)

By Aurora Harley.

"Universal icons are rare. To help overcome the ambiguity that almost
all icons face, a text label must be present alongside an icon to
clarify its meaning."

https://www.nngroup.com/videos/icon-text-labels/



In Defense of Post-its

By Sarah Gibbons.

"Sticky notes strengthen team dynamics and represent an egalitarian,
concise means for expressing ideas in UX design projects."

https://www.nngroup.com/articles/post-it-in-ux/



When Making Design Tradeoffs, Don't Forget Hidden Costs (Video)

By Kathryn Whitenton.

"When making design decisions, analyze the alternatives to identify
hidden costs before you get stuck paying for them."

https://www.nngroup.com/videos/design-tradeoffs-hidden-costs/





[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:[hidden email]




[Issue ends.]




*


*