[WEBDEV] WEB DESIGN UPDATE: FEBRUARY 22, 2018
Date: Thu, 22 Feb 2018 05:16:52 -0600
From: Laura Carlson <lcarlson@d.umn.edu>
To: webdev <webdev@d.umn.edu>
Subject: [webdev] Web Design Update: February 22, 2018
+++ WEB DESIGN UPDATE.
– Volume 16, Issue 35, February 22, 2018.
An email newsletter to distribute news and information about web design and development.
++ISSUE 35 CONTENTS.
SECTION ONE: New references.
What’s new at the Web Design Reference site?
http://www.d.umn.edu/itss/training/online/webdesign/
New links in these categories:
01: ACCESSIBILITY.
02: CASCADING STYLE SHEETS.
03: COLOR.
04: EVALUATION & TESTING.
05: EVENTS.
06: HTML.
07: JAVASCRIPT.
08: TOOLS.
09: USABILITY.
SECTION TWO:
10: What Can You Find at the Web Design Reference Site?
[Contents ends.]
++ SECTION ONE: New references.
+01: ACCESSIBILITY.
Tables, CSS Display Properties, and ARIA
By Adrian Roselli.
“This post has two separate but related things going on. One is an example of one of my responsive tables with ARIA added, and the other is the Twitter conversation that started this along with some generalized responses…”
http://adrianroselli.com/2018/02/tables-css-display-properties-and-aria.html
Short Note on Hiding Stuff in Interactive Elements from Screen Readers
By Steve Faulkner.
“Symbols are cool. They add decoration and/or information to user interfaces. For screen reader users their inclusion can sometimes be annoying or confusing as the visual and aural user interface differ…”
https://developer.paciellogroup.com/blog/2018/02/ short-note-on-hiding-stuff-in-interactive-elements-from-screen-readers/
Assistive Technologies – The Switch
By Hampus Sethfors.
“A switch is an assistive technology primarily used by people with motor impairments to access and control computers, smartphones, electric wheelchairs, smart home appliances and more…”
https://axesslab.com/switches/
Takeaways from 7 Principles of Inclusive Design
By Deborah Edwards-Onoro.
“In her 7 Principles of Inclusive Design webinar today, Henny Swan, director of user experience at The Paciello Group, discussed how accessibility and inclusive design fit together to create usable websites and web apps that work for everyone…”
https://www.lireo.com/takeaways-7-principles-inclusive-design/
GitHub Contributions Chart
By Adrian Roselli.
“…the contributions chart is wildly inaccessible…if it is as important as many claim, then it needs to be rebuilt…”
http://adrianroselli.com/2018/02/github-contributions-chart.html
How to Scale Your Accessibility Initiatives By Empowering & Equipping Your Workforce
By Dennis Lembree.
“Great accessibility doesn’t just happen…”
https://www.deque.com/blog/empowering-equipping-workforce-a11y-success/
It’s Illegal to Have an Inaccessible Website in Norway - and That’s Good News for All of Us
By Ida Aalen.
“Laws can change attitudes, and changed attitudes can change how we act.…”
https://medium.com/confrere/its-illegal-to-have-an-inaccessible-website-
in-norway-and-that-s-good-news-for-all-of-us-b59a9e929d54
Section 508 Refresh: Five Things You Should Know
By Equal Entry.
“…All products must now conform to the Web Content Accessibility Guidelines 2.0 (WCAG) level A and AA standards. Even if your product is not for the web, you are still accountable to WCAG as it is…”
https://equalentry.com/section-508-refresh-five-things-you-should-know/
Countries that Have Adopted WCAG Standards (Map Updated)
By Sofia Enamorado.
“…Many countries around the world have adapted WCAG into their accessibility laws…”
https://www.3playmedia.com/2017/08/22/countries-that-have-adopted-wcag-standards-map/
H.R. 620 Vote Enables Discrimination and Ignores Website Accessibility
By Kim Krause Berg.
“The outcry from advocates for the disabled gained momentum as the day to vote approached, but in the end H.R. 620 was passed and 51 million Americans with disabilities face losing their civil rights again…”
https://searchnewscentral.com/blog/2018/02/21/ h-r-620-vote-enables-discrimination-ignores-website-
accessibility/
HR620 Passes in the House
By Nicolas Steenhout.
“…if we complain about accessibility, it’s because we require access now, not six months down the road…”
https://knowbility.org/hr620-passes-house/
+02: CASCADING STYLE SHEETS.
Everything You Need to Know about CSS Variables
By Ohans Emmanuel.
“…In this guide, I’ll show you how variables work natively in CSS, and how you can use them to make your life a lot easier…”
https://medium.freecodecamp.org/ everything-you-need-to-know-about-css-variables-c74d922ea855
Whitespace on The Web! – with CSS Grid (Video)
By Jen Simmons.
“CSS Grid makes it possible to have real white space on the web for the first time since we started using CSS for layouts…”
https://www.youtube.com/watch?v=YfIjFeBLhyA
CSS Grid for UI Layouts
By Josh Marinacci.
“…In this article I’ll show you how to use CSS Grid to improve application layouts that need to respond and adapt to user interactions and changing conditions, and always have your panels scroll properly…”
https://hacks.mozilla.org/2018/02/css-grid-for-ui-layouts/
10 Handy CSS Grid Code Snippets
By Jake Rocheleau.
“…This collection should offer plenty of resources to help you learn, customize, and restyle CSS grids for whatever you’re doing on the web…”
https://speckyboy.com/10-handy-css-grid-code-snippets/
+03: COLOR.
High Contrast Option for Color Contrast
By Dennis Lembree.
“Most of use are aware of the color contrast guideline in WCAG 2.0 AA which states…”
http://www.webaxe.org/high-contrast-option-for-color-contrast/
+04: EVALUATION & TESTING.
Understanding Accessibility Testing: Think like a Dweller, Not a Builder
By Albert Gareev.
“…testing software design and implementation requires particular test techniques and a certain mindset: You need to think not like the builder of a house, but like the person who will make it their home…”
https://www.stickyminds.com/article/ understanding-accessibility-testing-think-dweller-not-builder
Affinity Diagramming for Collaboratively Sorting UX Findings and Design Ideas
By Kara Pernice.
“Affinity diagramming has long been used in business to organize large sets of ideas into clusters. In UX, the method is used to organize research findings or to sort design ideas in ideation workshops.”
https://www.nngroup.com/articles/affinity-diagram/
How to Write a User Testing Report that People Will Actually Read
By Matt Isherwood.
“Over the decade or so I’ve been a UX designer, I’ve run a lot of user tests…”
https://uxdesign.cc/how-to-write-a-user-testing-report- that-people-will-actually-read-652d15d2f92e
Measure What Matters
By Jared Spool.
“…The quantitative data that we collect often drives important product decisions, but numbers garnered from out-of-the-box solutions like Google Analytics often generate arbitrary data points that don’t really tell us much. Metrics paint only part of the picture: the what, and not the why. For the why to happen, we need qualitative measures. We need the narrative behind the numbers to establish and track metrics that provide true insight into the user experience, the value, and the outcome of what we create.”
https://www.uie.com/brainsparks/2018/02/21/measure-what-matters-2/
+05: EVENTS.
Overcoming the Challenges of Designing UX at Scale
March 8, 2018.
Richfield, Minnesota, U.S.A
http://uxpamn.org/event-2830038
John Slatin AccessU 2018
May 14-16, 2018.
Austin, Texas, U.S.A
https://knowbility.org/education/accessu/
M-Enabling Summit
June 11-13, 2018.
Washington, DC, U.S.A
http://www.m-enabling.com/
Fluent Conference
June 12-14, 2018.
San Jose, California, U.S.A.
https://conferences.oreilly.com/fluent/fl-ca
National ADA Symposium
June 17-20, 2018.
Pittsburg, Pennsylvania, U.S.A
http://www.adasymposium.org/
Assistive Technology and Testing with Assistive Technology
June 20, 2018.
Online
http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=524
UXPA International Conference
June 26-June 28, 2018.
Rio Mar, Puerto Rico
http://uxpa2018.org/
+06: HTML.
Updating All the Examples in the HTML5 Spec
By Terence Eden.
“I’m currently helping to edit the HTML5 specification. As part of our preparations for HTML5.3 I’ve started going through the provided examples and improving them. This blog post explains the what, why, and when of the process…”
https://shkspr.mobi/blog/2018/02/ updating-all-the-examples-in-the-html5-spec/
+07: JAVASCRIPT.
The JavaScript Learning Landscape in 2018
By Jason Rodriguez.
“Raise your hand if this sounds like you: You’ve been in the tech industry for a number of years, you know HTML and CSS inside-and-out, and you make a good living. But, you have a little voice in the back of your head that keeps whispering, “It’s time for something new, for the next step in your career. You need to learn programming.”…”
https://css-tricks.com/javascript-learning-landscape-2018/
+08: TOOLS.
Unused CSS
By Jitbit.
“Scan your website for unused CSS selectors.”
https://www.jitbit.com/unusedcss/
+09: USABILITY.
Confirmation Dialogs Can Prevent User Errors – If Not Overused
By Jakob Nielsen.
“8 UX guidelines to avoid many serious user errors reduce the risk that people automatically agree to a warning without realizing the consequences.”
https://www.nngroup.com/articles/confirmation-dialog/
The 3 B’s Test For When to Follow Design Trends (Video)
By Katie Sherwin.
“Know when to follow or banish a design trend. The 3 B’s: Budget, Brand, and Behavior will help you make the right decisions.
https://www.nngroup.com/videos/3-bs-design-trends/
Really Bad UX Mistakes That Even Great Teams Make
By Jonathan Kim.
“Some of your most important UX decisions will be the things you don’t do…”
https://www.appcues.com/blog/bad-ux-mistakes
A Comprehensive Guide To UI Design
By Christopher Murphy.
“…my fifth article in this series of ten articles dives into the details of designing user interface components…”
https://www.smashingmagazine.com/2018/02/comprehensive-guide-ui-design/
++ SECTION TWO:
+10: What Can You Find at the Web Design Reference Site?
Accessibility Information.
http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html
Association Information.
http://www.d.umn.edu/itss/training/online/webdesign/associations.html
Book Listings.
http://www.d.umn.edu/itss/training/online/webdesign/books.html
Cascading Style Sheets Information.
http://www.d.umn.edu/itss/training/online/webdesign/css.html
Color Information.
http://www.d.umn.edu/itss/training/online/webdesign/color.html
Drupal Information.
http://www.d.umn.edu/itss/training/online/webdesign/drupal.html
Evaluation & Testing Information.
http://www.d.umn.edu/itss/training/online/webdesign/testing.html
Event Information.
http://www.d.umn.edu/itss/training/online/webdesign/events.html
HTML Information.
http://www.d.umn.edu/itss/training/online/webdesign/html.html
Information Architecture Information.
http://www.d.umn.edu/itss/training/online/webdesign/architecture.html
JavaScript Information.
http://www.d.umn.edu/itss/training/online/webdesign/javascript.html
Miscellaneous Web Information.
http://www.d.umn.edu/itss/training/online/webdesign/misc.html
Navigation Information.
http://www.d.umn.edu/itss/training/online/webdesign/navigation.html
PHP Information.
http://www.d.umn.edu/itss/training/online/webdesign/php.html
Sites & Blogs Listing.
http://www.d.umn.edu/itss/training/online/webdesign/sites.html
Standards, Guidelines & Pattern Information.
http://www.d.umn.edu/itss/training/online/webdesign/standards.html
Tool Information.
http://www.d.umn.edu/itss/training/online/webdesign/tools.html
Typography Information.
http://www.d.umn.edu/itss/training/online/webdesign/type.html
Usability Information.
http://www.d.umn.edu/itss/training/online/webdesign/usability.html
XML Information.
http://www.d.umn.edu/itss/training/online/webdesign/xml.html
[Section two ends.]
++END NOTES.
+ SUBSCRIPTION INFO.
WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit:
http://www.d.umn.edu/itss/training/online/webdesign/webdev_listserv.html
The Web Design Reference Site also has a RSS 2.0 feed for site updates.
+ TEXT EMAIL NEWSLETTER (TEN).
As a navigation aid for screen readers we do our best to conform to the accessible Text Email Newsletter (TEN) guidelines. Please let me know if there is anything else we can do to make navigation easier. For TEN guideline information please visit:
+ 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.]
—
*
*
tourismhospitalityrecreationandsportsmanagement 