+++ WEB DESIGN UPDATE. - Volume 16, Issue 14, September 28, 2017. 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: INFORMATION ARCHITECTURE. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: STANDARDS, GUIDELINES & PATTERNS. 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. A11Y Talks September 2017 (Video) By Scott O'Hara. "We have all heard about website accessibility and know what it means in a broad sense, but what does website accessibility look like in a practical sense?…" https://www.youtube.com/watch?v=byh6G3vViWM Developing Accessible Websites By University of Washington. "In order to assure that websites and web applications are accessible to and usable by everyone, designers and developers must follow web accessibility guidelines. Each of the following topics address issues that are especially common on UW websites…" http://www.washington.edu/accessibility/web/ 6 Ways To Make A Video Accessible To Everyone By Access Innovation Media. "The world is full of great content, but most isn't accessible to everyone, which is frustrating for people that are excluded. Here are 6 ways to make your video more accessible for everyone…" http://www.ai-media.tv/6-ways-to-make-a-video-accessible/ Navigating Web Accessibility During Natural Disasters By The Bureau of Internet Accessibility. "…In times of disaster, everyone should have equal access to resources that keep them both informed and safe. With universal web accessibility and ADA compliance a priority, this equality can be established, and the safety of entire populations can be promoted when the next disaster strikes." https://www.boia.org/blog/navigating-web-accessibility-during-natural-disasters Fordham University Named in Class Action Lawsuit by Blind Individuals, Alleging Fordham.edu Website is Inaccessible By Steven E. Helland. "Emanuel Delacruz, a blind individual, filed a class action lawsuit in Federal District Court in New York, alleging that Fordham University discriminates against disabled persons due to an "inaccessible" website…" https://www.lexology.com/library/document.ashx?g=2c60ab84-806c-4a33-993d-ca54fc99b656 What the Winn-Dixie Case Means for the Future of Web Accessibility By Elisa Edelberg. "…discrimination means if you decide to do something for the general public, the general public includes people with disabilities. Therefore whatever you do that is effective and meaningful for the general public must also be effective and meaningful for an individual with a disability. In terms of mobile and web - if you choose to communicate with your audience or customers via these platforms, then they must be accessible for all…" http://www.3playmedia.com/2017/09/27/what-the-winn-dixie-case-means-for-the-future-of-web-accessibility/ Q&A with Legal Rebel, Lainey Feingold By Sofia Enamorado. "2017 has been a turbulent year for digital accessibility…" http://www.3playmedia.com/2017/09/26/qa-with-legal-rebel-lainey-feingold/ US To Vote For Discrimination Against Disabled This Week By Kim Krause Berg. "To protect businesses from lawsuits, the US Government votes this week to manipulate the rights of disabled persons to file a discrimination complaint…" https://creativevisionwebconsulting.com/us-to-vote-for-discrimination-against-disabled-this-week/ +02: CASCADING STYLE SHEETS. 5 Things CSS Developers Wish They Knew Before They Started By Andrés Galante. "…Here is a list of things I wish I had known if I were to start all over again…" https://css-tricks.com/5-things-css-developers-wish-knew-started/ How to View and Edit CSS in Chrome Developer Tools By Brandon Morelli. "Learn how to make real-time changes to this website with Chrome DevTools…" https://codeburst.io/how-to-view-and-edit-css-in-chrome-developer-tools-ca458a740a06 Web Truths: CSS is Not Real Programming By Christian Heilmann. "…A lot of 'CSS is not real programming' arguments are a basic misunderstanding what CSS is there to achieve. If you want full control over and interface and strive for pixel perfection - don't use it. If you want to build an interface for an inclusive and diverse web, CSS is a great tool. Writing CSS is describing interfaces and needs empathy with the users. It is not about turning a Photoshop file into a web interface…" https://christianheilmann.com/2017/09/19/web-truths-css-is-not-real-programming/ +03: EVALUATION & TESTING. 10 Resources for Usability Facilitators By Jeff Sauro. "…here are ten resources for both beginners and intermediate usability test facilitators…" https://measuringu.com/usability-facilitators/ Monitoring the User's Brain for Usability Testing By Yogesh Awasthi. "Functional near-infrared spectroscopy(fNIR) for usability testing…" https://uxdesign.cc/use-of-functional-near-infrared-spectroscopy-fnir-in-hci-design-aa549d3e498b +04: EVENTS. #PerfMatters Conference Call For Proposals due October 1, 2017. Conference March 27-28, 2018. Redwood City, Califorina, U.S.A. http://PerfMattersConf.com/speak/ Digital Accessibility as a Business Practice October 9, 2017. Online https://de.ryerson.ca/wa/business/ The Accessibility MOOC - Inclusive Online Course Design October 16- November 10, 2017. Online http://accessibility.mrooms.net/ IT Accessibility Badging Program Series First course starts October 18, 2017. Online. http://disability.illinois.edu/academic-support/accessible-it-group/badging Accessibility Legal Update with Lainey Feingold October 19, 2017. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/233789712/ Breaking Development October 25-27, 2017. Nashville, Tennessee, U.S.A. http://bdconf.com/events/nashville-2/ [NEW RESEARCH] How Captions + Interactive Transcripts Help Students in Online Courses October 26, 2017. Online http://www.3playmedia.com/resources/webinars/webinar-registration-10-26-2017/ +05: HTML. HTML5 Accesskey By Rakesh Paladugula. "…Choosing an accesskey is a tough job. Keep the following best practices in mind while assigning them…" http://www.maxability.co.in/2017/09/html5-accesskey/ HTML+CSS Tutorial By Cassidy Williams. "I'm Cassidy. I'm a senior software engineer and I've been teaching myself HTML, CSS, and other web development and scripting for over 10 years. And I want to teach you now. Because you're good looking. And because it's useful…" https://github.com/cassidoo/HTML-CSS-Tutorial +06: INFORMATION ARCHITECTURE. An Easy Guide to Wireframing By HTML 5 Tutorial. "…Let's take a look at the basic steps of wireframing…" http://www.html5tutorial.net/easy-guide-wireframing/ +07: JAVASCRIPT. A Brief, Incomplete History of JavaScript By Christopher Buecheler. "Where did we start, where are we now, how did we get here, and why?…" https://closebrace.com/articles/2017-09-11/a-brief-incomplete-history-of-javascript JavaScript Development Is Not Fun for Me Anymore By Paul Verbeek-Mast. "I've been working on the web for just over 10 years now…" https://medium.com/@paulvm/javascript-development-is-not-fun-for-me-anymore-ac4e9d7b89a3 Vanilla JavaScript for Building Powerful Web Applications By Pixabay. "…Using plain JavaScript will make your applications load and react blazingly fast…" https://plainjs.com/ Essential Vanilla JavaScript Functions By Amit Merchant. "Some of the missing functions in JavaScript in vanilla form (inspired by PHP)…" https://github.com/amitmerchant1990/essential-vanilla-javascript-functions Demos: Accessible Tab Panel Using ARIA and Vanilla JS By Nicolas Hoffmann. https://van11y.net/downloads/tab-panel/demo/ +08: MISCELLANEOUS. Is Your Grammar Software a Security Risk? By Emily Cotlier. "…We also hope that everyone understands that grammar software has some limitations and can affect your information's privacy…" https://write.co.nz/grammar-software-security-risk/ 20 Years Ago, Steve Jobs Demonstrated the Perfect Way to Respond to an Insult By Justin Bariso. "In 1997, Steve Jobs was answering developers' questions when one audience member took a shot at him. What happens next is remarkable…" https://www.inc.com/justin-bariso/20-years-ago-steve-jobs-demonstrated-the-perfect-w.html +09: NAVIGATION. Dashboards and Other Meaningless Forms of Navigation By Gerry McGovern. "…Never, ever make assumptions when it comes to your navigation. Get evidence. Observe your customers as they try to complete their tasks. Where are they clicking? Where are they not clicking? Change and refine until your menus and links reflect the mental model of your customers, not your organization." http://gerrymcgovern.com/dashboards-and-other-meaningless-forms-of-navigation/ Stop the Overuse of Overflow Menus By Daniel Burka. "…Overflow menus are a scourge that should be rooted out, crushed underfoot, and drowned in a sea of toxic sludge…" https://medium.freecodecamp.org/stop-the-overuse-of-overflow-menus-5caa4b54e843 +10: STANDARDS, GUIDELINES & PATTERNS. Impact of New Accessibility Standards on Authoring Tools By Michael Gower. "There are new provisions in the 2017 revised U.S. Section 508 standards, as well as European requirements, that are creating additional focus on the accessibility of authoring tools…" https://www.ibm.com/blogs/age-and-ability/2017/09/22/impact-new-accessibility-standards-authoring-tools/ +11: TOOLS. Text Prescription (TRx) By Wayne Dick. TRx is Wayne Dick's research/tool to help people find their personal "Text Prescription". A Text Prescription is the font size, color, family, line spacing, letter spacing and word spacing that works best for a user. It outputs a user style sheet. https://trx.knowbility.org/ +12: TYPOGRAPHY. Falsehoods Programmers Believe About Fonts By Roel Nieskens. "This is a list of falsehoods programmers believe in…" https://github.com/RoelN/Font-Falsehoods/blob/master/README.md +13: USABILITY. Agile Is not Easy for UX: (How to) Deal with It By Page Laubheimer. "Agile and UX work well together when management values UX, UX practitioners show leadership, the process isn't strict, and UX is embedded on teams." https://www.nngroup.com/articles/agile-not-easy-ux/ 5 Strategies for Presenting UX Remotely By Sarah Gibbons. "Master remote presentations by creating the right environment, being human, reducing distractions, taking control, and telling a story." https://www.nngroup.com/articles/presenting-remotely/ How Scrolling Can Make (Or Break) Your User Experience By Alan Smith. "The smallest details can make or break your user experience (UX). Much of what we do on the internet is subconscious. We absentmindedly flip through screens, browse the web, and interact with content…" https://usabilitygeek.com/how-scrolling-can-make-or-break-your-user-experience/ 10 Common Mistakes When UI/UX Designers Create Website Buttons By Chloe. "…Sometimes designers make several errors when they create web buttons. Here are 10 common mistakes when UI/UX designers create website buttons…" https://www.mockplus.com/blog/post/create-website-buttons/ But Sometimes Links Look Like Buttons (and Buttons Look Like Links) By Adam Silver. "…Consistency is not about making different things the same. It's about making the same things the same…" https://medium.com/simple-human/but-sometimes-links-look-like-buttons-and-buttons-look-like-links-9b371c57b3d2 Why We Removed the Most Visited Advice Page on Our Website By Hannah Horton. "…All our content should be designed to meet the needs of real users. This page doesn't meet any user needs because it doesn't solve anyone's problems. As the tester said, it's just information. We can't make a case for keeping the page, however hard we try. So we're going to remove it…" https://wearecitizensadvice.org.uk/why-were-removing-the-most-visited-advice-page-on-our-website-d1664076dd56 The Current State of E-Commerce Product Page UX Performance (19 Common Pitfalls) By Edward Scott. "…our latest Product Page Study and benchmark database reveal that only 18% of the 60 top-grossing US and European e-commerce sites have a 'good' or 'acceptable' product page UX performance…" https://baymard.com/blog/current-state-ecommerce-product-page-ux How to Save Your Users From Getting Lost in the Empty State By Marta Buriak. "UX guide to error, first use and clear states…" https://blog.daftcode.pl/how-to-save-your-users-from-getting-lost-in-the-empty-state-b9a771703296 [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:lcarlson@d.umn.edu [Issue ends.]