[webdev] Web Design Update: February 1, 2018

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

[webdev] Web Design Update: February 1, 2018

David P. Dillard
Administrator




.


.



Date: Thu, 1 Feb 2018 03:35:37 -0600
From: Laura Carlson <[hidden email]>
To: webdev <[hidden email]>
Subject: [webdev] Web Design Update: February 1, 2018




+++ WEB DESIGN UPDATE.



- Volume 16, Issue 32, February 1, 2018.




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

++ISSUE 32 CONTENTS.




SECTION ONE: New references.



What's new at the Web Design Reference site?



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



New links in these categories:




01: ACCESSIBILITY.

02: CASCADING STYLE SHEETS.

03: COLOR.

04: EVALUATION & TESTING.

05: EVENTS.

06: HTML.

07: INFORMATION ARCHITECTURE.

08: JAVASCRIPT.

09: MISCELLANEOUS.

10: NAVIGATION.

11: TOOLS.

12: TYPOGRAPHY.

13: USABILITY.





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



[Contents ends.]




++ SECTION ONE: New references.



+01: ACCESSIBILITY.




WCAG 2.1 is a Candidate Recommendation

By Andrew Kirkpatrick.

"Web Content Accessibility Guidelines (WCAG) 2.1 is now a Candidate
Recommendation (CR)…"

https://www.w3.org/blog/2018/01/wcag21-cr/




Understanding WCAG 2.1 - Reviewing Mobile Success Criteria

By Glenda Sims.

"…Our focus today will be on the ten new success criterion related to
accessibility for mobile devices…" Note: Glenda's review is on the
December draft.

https://www.deque.com/blog/understanding-wcag-2-1- 
reviewing-mobile-success-criteria/




Revised Section 508 Standards Now in Effect

By Michael Gower.

"In the United States, the Revised Section 508 Standards went into
effect on January 18, 2018, a year after the U.S. Access Board
published the final rule of the updated Information and Communication
Technology (ICT) Standards and Guidelines…"

https://www.ibm.com/blogs/age-and-ability/2018/01/25/ 
revised-section-508-standards-now-effect/




What is Web Accessibility?

By Amani Ali.

"Have you ever thought about how a football fan who is blind reads the
latest news about their favourite team…"

https://www.nomensa.com/blog/2018/what-web-accessibility




Embracing Plain Language for Better Accessibility (Video)

By Ashley Bischoff.

"Writing reports and documentation is nothing new for many of us - we
write them all the time. But even though we may do our best write
clearly, those who receive our reports and documentation might not be
as familiar with accessibility as we are."

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




3 Important Reasons to Make Your Mobile Website Accessible

By Vivian Cullipher.

"…Here's a brief intro into what mobile accessibility means-and why
it's critical that mobile website owners and developers consider
accessibility for people with disabilities from the get go…"

https://www.microassist.com/digital-accessibility/ 
why-make-your-mobile-website-accessible/




Enter The Dragon (Drop): Accessible List Reordering

By Harris Schneiderman.

"Due to the absence of supported ARIA attributes, Dragon Drop utilizes
live regions to convey the information needed for all users to reorder
a list."

https://www.smashingmagazine.com/2018/01/ 
dragon-drop-accessible-list-reordering/




Cheatsheets

By National Center on Disability and Access to Education (NCDAE).

"NCDAE (a WebAIM partner) has created four new accessibility
cheatsheets. These single-page resources outline accessibility
techniques for Word and PowerPoint 2016 for Windows and Mac."

http://ncdae.org/resources/cheatsheets/





Largest Bar Exam Prep Class Provider Agrees to Settlement Over
Allegations of Discrimination Against Blind Students

By Cohen Milstein.

"BarBri, Inc. agrees to revamp core products and internal practices
for improved accessibility…"

https://www.cohenmilstein.com/update/largest-bar-exam-prep-class- 
provider-agrees-settlement-over-allegations-discrimination




BarBri, Inc Settles Over Claims of Discrimination

By Amanda Griffin.

https://www.jdjournal.com/2018/01/26/ 
barbri-inc-settles-over-claims-of-discrimination/

BarBri Complaint (PDF):

https://www.bloomberglaw.com/iframe/document/X1Q6NLJ9AUO2/ 
download?imagename=1-1.pdf




Federal Complaint Prompts Changes to LPSS Website

By Amanda McElfresh.

"The Lafayette Parish School System is making changes to its website
amid concerns about its accessibility to people with disabilities…"

http://www.theadvertiser.com/story/news/local/education/2018/01/18/ 
federal-complaint-prompts-changes-lpss-website/1044782001/




Tech Platforms and Website Developers Targeted in Emerging Wave of
Website Accessibility Litigation

By Steven E. Helland.

"Blind plaintiff sues sabre technologies for alleged inaccessible
platform Powering WetWillies.com …"

https://www.fredlaw.com/internet_technology_trademark__advertising_ 
alerts/2018/01/18/1771/tech_platforms_and_website_developers_
targeted_in_emerging_wave_of_website_accessibility_litigation




Local Disability Lawsuit Part of Broader Battle

By Alyssa Oursler.

"A lawsuit filed Dec. 29 against Highlands Union Bank in U.S. District
Court in Abingdon is one of many of its kind…"

http://www.heraldcourier.com/news/local-disability-lawsuit-part-of-
broader-battle/article_d4552925-e6c3-5c61-a6b1-71b44da17834.html




+02: CASCADING STYLE SHEETS.




CSS: The Definitive Guide, 4th Edition

By Eric Meyer, Estelle Weyl.

"We're pleased to share an excerpt from Chapter 19 ('Filters,
Blending, Clipping, and Masking') of CSS: The Definitive Guide, 4th
Edition by Eric Meyer and Estelle Weyl…"

http://alistapart.com/article/css-the-definitive-guide-4th-edition




Introducing CSS Gridish: An Open Source Tool to Help Your Team Adapt

CSS Grid Today

By James Y. Rauhut.

"Today, I'm excited to introduce a new open-source tool from IBM
called CSS Gridish…"

https://medium.freecodecamp.org/introducing-css-gridish-
helping-teams-to-adapt-css-grid-today-3e031ab222de




Learn Flexbox for Free

By Scrimba.

"12 interactive screencasts to take you from beginner to advanced…"

https://scrimba.com/g/gflexbox




New Adventures in Responsive Web Design (Video)

By Vitaly Friedman.

Vitaly's From Beyond Tellerand Conference presentation.

https://vimeo.com/251516830





+03: COLOR.




What my Color-Blindness Taught Me About Design

By Fei Ren.

"…For every 100 visitors to your website or app, about 5 of them have
a very different visual experience of the content. If your audience is
male, then about 8 out of 100 are affected. It is not a small number.
In fact, it is even higher than the conversation rate for some sites…"

https://uxdesign.cc/ 
what-my-color-blindness-taught-me-about-design-d3009a93ff9c




+04: EVALUATION & TESTING.





Usability Test, Even When You Know the Answer

By Hoa Loranger.

"Evidence from usability studies can be more convincing than what you
say. Test even if you can easily determine the difference between good
and bad designs."

https://www.nngroup.com/articles/test-when-you-know-answer/




52 Research Terms you need to know as a UX Designer

By Guy Ligertwood.

"Your A-Z list of research terms in plain English…"

https://uxplanet.org/ 
51-research-terms-you-need-to-know-as-a-ux-designer-fac0d40a59d7




+05: EVENTS.




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



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



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



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



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



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



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




+06: HTML.





Building a Good Download… Button?

By Eric Bailey.

"The semantics inherent in HTML elements tell us what we’re supposed
to use them for…"

https://css-tricks.com/building-good-download-button/




+07: INFORMATION ARCHITECTURE.




Why Personas Fail

By Kim Flaherty.

"Personas are useful tools for UX work, so why do they often fail?
Find out what pitfalls cause personas to fail, and how to avoid and
overcome them."

https://www.nngroup.com/articles/why-personas-fail/




+08: JAVASCRIPT.




Survey: JavaScripters Wanted, but Programmers Prefer Python

By David Ramel.

"Technical recruiting company HackerRank says JavaScript is the top
programming language sought by organizations, but developers prefer
Python…"

https://adtmag.com/articles/2018/01/25/hackerrank-survey.aspx




+09: MISCELLANEOUS.




Video as the new GIF in Safari

By Bruce Lawson.

"…One aspect of the release hasn't met with universal acclaim,
however. That's the ability to have a short, silent video as the
source of an <img> element…"

http://www.brucelawson.co.uk/2018/video-as-the-new-gif-in-safari/




+10: NAVIGATION.




A Tale of Two Rooms: Understanding Screen Reader Navigation

By Ryan Jones.

"…One of my goals throughout the many accessibility focused training
classes I have led has been to help others more accurately understand
what it is like for someone using screen reading software to navigate
through a web page…"

https://developer.paciellogroup.com/blog/2018/01/ 
a-tale-of-two-rooms-understanding-screen-reader-navigation/




How to Implement Sitemap Footers to Keep Users Going

By Priscilla Esser.

"…In your attempts to minimize the effort your users need for
performing actions on the website you're designing, you just might be
overlooking one major opportunity: sitemap footers…"

https://www.interaction-design.org/literature/article/ 
how-to-implement-sitemap-footers-to-keep-users-going




Results from the Main Landmark Survey

By Léonie Watson.

"…The fact that 77 people (32%) expected more than one main landmark
was interesting…"

https://developer.paciellogroup.com/blog/2018/01/ 
results-from-the-main-landmark-survey/




+11: TOOLS.




a11y-outline (FireFox Extension)

By Tobias Bengfort.

"Many screen readers like JAWS or NVDA have shortcuts to bring up a
list of landmarks, headings or links. This browser extension provides
the same functionality without requiring a screen reader."

https://addons.mozilla.org/de/firefox/addon/a11y-outline/




+12: TYPOGRAPHY.




How to Use Variable Fonts in the Real World

By Richard Rutter.

"A variable font is a single font file which behaves like multiple styles…"

http://clagnut.com/blog/2390/




+13: USABILITY.




The False-Consensus Effect: You Are Not the User (Video)

By Raluca Budiu.

"The false-consensus effect refers to people's tendency to assume that
others share their beliefs and will behave similarly in a given
context. This assumption can lead UX professionals to make the wrong
design decisions. Acknowledge your vulnerability and establish
checks."

https://www.nngroup.com/videos/false-consensus-effect/




12 Mobile UX Design Trends For 2018

By Nick Babich.

"Things move quickly in the mobile app universe. To succeed in the
field of mobile UX design, designers must have the foresight and
prepare for new challenges around the corner. To simplify the task,
I've listed the biggest, impactful trends for 2018 and, most likely,
beyond…"

https://www.mockplus.com/blog/post/mobile-ux-design-trends-2018/




How Dark UX Patterns Target The Most Vulnerable

By Ben Bate.

"Dark UX patterns help companies maximize profits, but at the expense
of the most vulnerable, and by damaging the web for everyone…"

https://www.webdesignerdepot.com/2018/01/how-dark-ux-patterns-target-the-most-vulnerable/





[Section one ends.]



++ SECTION TWO:




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




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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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



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




[Section two ends.]





++END NOTES.





+ SUBSCRIPTION INFO.




WEB DESIGN UPDATE is available by subscription. For information on how
to subscribe and unsubscribe please visit:


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


The Web Design Reference Site also has a RSS 2.0 feed for site updates.




+ TEXT EMAIL NEWSLETTER (TEN).




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


http://www.headstar.com/ten






+ SIGN OFF.




Until next time,




Laura L. Carlson

Information Technology Systems and Services

University of Minnesota Duluth

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

mailto:[hidden email]





[Issue ends.]




--




.


.