+++ WEB DESIGN UPDATE. - Volume 16, Issue 45, May 3, 2018. An email newsletter to distribute news and information about web design and development. ++ISSUE 45 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. 09: SITES & BLOGS. 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. How Accessible Should My Digital Content Be? Understanding WCAG 2.0 Conformance Levels By Kevin Gumienny. "…What determines accessibility compliance for your digital content? Sure, there's a standard (typically WCAG 2.0). But how do you know what level of WCAG 2.0 conformance is right for you, your organization, and legal expectations?…" https://www.microassist.com/digital-accessibility/wcag-2-0-conformance-levels/ WCAG 2.0 Parsing Criterion is a PITA By Steve Faulkner. "Any change in WCAG 2.1? Nope…" https://developer.paciellogroup.com/blog/2015/11/wcag-2-0-parsing-criterion-is-a-pita/ Understanding SC 2.2.2 Pause, Stop, Hide By Raghavendra Satish Peri. "2.2.2 Pause, Stop, Hide: For moving, blinking, scrolling, or auto-updating information, all of the following are true…" https://www.digitala11y.com/understanding-sc-2-2-2-pause-stop-hide/ Managing Heading Levels In Design Systems By Heydon Pickering. "One thing that keeps coming back to me, in research, testing, and everyday conversation with colleagues and friends, is just how important headings are…" https://medium.com/@Heydon/managing-heading-levels-in-design-systems-18be9a746fa3 PowerPoint Accessibility By WebAIM. "WebAIM's PowerPoint article has been significantly updated to reflect the current status and tools for supporting accessibility…" https://webaim.org/techniques/powerpoint/ Accessibility: A Line of Code Can be Many Things (Video) By Sally Shepard. "Accessibility is a complex problem. In this talk Sally looks underneath this 'umbrella' term, talks about making something usable by everyone and how complex vision is…" https://www.youtube.com/watch?v=KUl3BxcvF-Q Cost-Benefit Model for Accessibility Projects By Access2online. "A free spreadsheet built to model and analyze the costs vs. benefits of a website accessibility project…" http://www.access2online.com/support/cbmap.htm Vital Accessibility Design Principles By Dashiel Neimark. "In the not too distant future, accessibility design will no longer be a nice-to-have in UX design job postings…" https://www.uxmatters.com/mt/archives/2018/04/vital-accessibility-design-principles.php 10 Website Accessibility Myths Debunked By Rebecca Sentance. "Web accessibility is the name given to the practice of making websites more usable and inclusive to people with disabilities." https://www.userzoom.com/user-experience-research/10-web-accessibility-myths-debunked/ Inaccessible Technology is Bad Leadership, Bad Design and Bad Coding By Phil Charron. "Remember when 'mobile-first' was the buzzword of the day and we obsessively measured every touch target we created? We don't hear about it today because it is ingrained in what we do. We still practice it, but it now lies in the muscle memory of experienced designers and developers. That's where we should be with accessibility. Instead, it is often regarded as some kind of magical skill that is poorly understood and requires an expensive cleanup crew to fix…" https://technical.ly/philly/2018/04/27/think-company-prioritize-accessible-technology/ ADA Website Accessibility Lawsuits on the Rise: Companies Should Review Their Potential Exposure By Blank Rome. "With the recent spike in website accessibility lawsuits, companies should review their websites for compliance with the Americans with Disabilities Act…" https://www.blankrome.com/publications/ada-website-accessibility-lawsuits-rise-companies-should-review-their-potential +02: CASCADING STYLE SHEETS. Can You See that OK? CSS Tips for Low-Vision Accessibility (Video) By Julie Grundy. "So much accessibility advice is based on the needs of screenreader users - but there are many more people with other types of vision problems who've never used a screenreader program in their life…" https://www.youtube.com/watch?v=Wq2-cZ-vZBc More Accessible Markup with Display: Contents By Hidde de Vries. "…I will explain in more detail what I mean by children and grand children, and then show how we can use display: contents to improve this…" https://hiddedevries.nl/en/blog/2018-04-21-more-accessible-markup-with-display-contents A Guide To The State Of Print Stylesheets In 2018 By Rachel Andrew. "This article will explore how we can best create that second experience. We will take a look at how we should include print styles in our web pages, and look at the specifications that really come into their own once printing. We'll find out about the state of browser support, and how to best test our print styles. I'll then give you some pointers as to what to do when a print stylesheet isn't enough for your printing needs…" https://www.smashingmagazine.com/2018/05/print-stylesheets-in-2018/ Grid Level 2 and Subgrid By Rachel Andrew. "CSS Grid fans are probably already aware that I have been very keen to see subgrid implemented in CSS Grid Layout after having been removed from the Level 1 specification last year in order to allow more time for discussion…" https://rachelandrew.co.uk/archives/2018/04/27/grid-level-2-and-subgrid/ CSS Shapes By Rachel Andrew, et.al. "CSS Shapes describe geometric shapes for use in CSS…" https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Shapes +03: EVALUATION & TESTING. Usability Test Quality Heuristics By 18F. "The following indicators can help determine if a usability test will produce useful result…" https://federalist-proxy.app.cloud.gov/site/18f/research/usability-heuristics/ How to Create Interfaces that Benefit All: Accessibility Testing and Inclusive Design Principles By AltexSoft. "…By adhering to inclusive design principles, you make the lives of all typically excluded people easier. You are providing them with opportunities they may not have otherwise. This additional care will result in immense benefit for both sides." https://uxplanet.org/how-to-create-interfaces-that-benefit-all-accessibility-testing-and-inclusive-design-principles-ed15477bcce0 The Three Stooges Mock Usability Test: A Method To Train Inexperienced Facilitators By Rich Buttiglieri. "Everyone starts out as a beginner. Many of us learned how to run a usability test from books or simply on-the-job training…" http://uxpamagazine.org/the-three-stooges-mock-usability-test/ Measuring the Reliability of the Net Promoter Score By Jeff Sauro. "If something or someone isn't reliable, it's not only a pain but it makes your life less effective and less efficient. And what is true for people and products is true for measurement…" https://measuringu.com/nps-reliability/ Are Top Box Scores a Better Predictive of Behavior? By Jeff Sauro. "What does 4.1 on a 5-point scale mean? Or 5.6 on a 7-point scale?…" https://measuringu.com/top-box-behavior/ Choosing the Right UX Deliverable Template (Video) By Kim Flaherty. "Don't let UX deliverable templates become a crutch. Adapt deliverables to unique situations and stakeholder needs." https://www.nngroup.com/videos/choosing-right-ux-deliverable-template/ +04: EVENTS. Making Education Websites Accessible to People with Disabilities May 22, 2018. Online. https://www.levelaccess.com/resources/making-education-websites-accessible-to-people-with-disabilities/ Accessibility June 12, 2018. Raleigh-Durham, North Carolina, U.S.A. https://www.meetup.com/en-AU/WebDesign2-0/events/fxmtlpyxjbqb/ Enterprise UX June 13-15, 2018. San Francisco, California, U.S.A. http://rosenfeldmedia.com/eux2018/ Universal Design for Learning June 14, 2018. Indianapolis, Indiana, U.S.A. https://www.eventbrite.com/e/universal-design-for-learning-tickets-45206747599 This session will be available live online at: http://www.eastersealstech.com/live Assistive Technology & Dyslexia June 15, 2018. Indianapolis, Indiana, U.S.A. https://www.eventbrite.com/e/assistive-technology-dyslexia-tickets-45341334151 This session will be available live online at: http://www.eastersealstech.com/live +05: HTML. HTML5's Global 'hidden' Attribute By Louis Lazaris. "As you probably know, there are a number of HTML attributes that are considered global because they can be applied to any HTML element…" https://www.impressivewebs.com/html5-global-hidden-attribute/ On Leading and Trailing Spaces in HTML Attribute Values By Louis Lazaris. "In most cases, you should not use a leading or trailing space in an HTML attribute value…" https://www.impressivewebs.com/leading-trailing-spaces-html-attribute-values/ +06: JAVASCRIPT. A Framework Author's Case Against Frameworks (Video) By Adrian Holovaty. "Adrian cowrote Django, a prominent server-side framework, yet he has come to believe that front-end frameworks are unnecessary for his own projects. Here's his impassioned argument for avoiding JavaScript frameworks on the front end." https://www.youtube.com/watch?v=VvOsegaN9Wk aria-modal (property) By Rakesh Paladugula. "aria-modal is a new property introduced in ARIA 1.1. It indicates if an element is a modal when displayed." http://www.maxability.co.in/2018/04/aria-modal-property/ +07: MISCELLANEOUS. Inclusion Doesn't Stop at Accessibility By Mat May. "…Inclusion exists as a movement because exclusion is the norm…" https://theblog.adobe.com/inclusion-doesnt-stop-accessibility/ The Illusion of Control in Web Design By Aaron Gustafson. "We think of our job as controlling the user's experience. But the reality is, we control far less than we imagine. And that's by design: it's how the web, and the networks that serve it, are supposed to work. ALA's Aaron Gustafson shows the many ways our medium conspires to break our carefully crafted experiences, and shares solid advice on what we can do about it.…" http://alistapart.com/article/the-illusion-of-control-in-web-design +08: NAVIGATION. Solved With CSS! Dropdown Menus By Una Kravets. "…Let's see if we can make one of these menus with CSS alone…" https://css-tricks.com/solved-with-css-dropdown-menus/ +09: SITES & BLOGS. The Great Accessibility Blogs Roundup By digitala11y. Hat tip to Jennifer Sutton. "We identified the influencers in the accessibility space & made this comprehensive list of accessibility blogs. As the accessibility space is very dynamic keeping updated about various accessibility techniques, tips & tricks will be the key for success & we hope these blogs will come in handy…" https://www.digitala11y.com/accessibility-blogs/ +10: TOOLS. CSS Gradient By Moe Amaya. "CSS Gradient is a tool that lets you create a gradient background for websites." https://cssgradient.io/ +11: TYPOGRAPHY. Upcoming Changes to the CSS You Need for Variable Fonts By Richard Rutter. "Two weeks ago I was invited to Berlin for a CSS Working Group three-day meeting…" https://medium.com/@clagnut/upcoming-changes-to-the-css-for-variable-fonts-4494b3b7ecdc +12: USABILITY. A UX Story of Good Intentions, Google Maps and Cat Poop By Signe Roswall. …"Good intentions don't always have a positive outcome if the user goal is being obstructed…Sometimes the good User Experience is simply not bugging people too much…" https://blog.prototypr.io/dont-let-good-intentions-get-in-the-way-of-user-goals-f0cd239d3a53 How to Fix the Devastating Impact of Cognitive Load on Your Site By Paul Boag. "Is your website making users think too hard?…" https://boagworld.com/design/cognitive-load/ Working Memory and External Memory By Raluca Budiu. "Human working memory holds information relevant to the current task; when tasks are too hard, users should be able to offload some of the working-memory burden to user-interface features that can served as an external memory." https://www.nngroup.com/articles/working-memory-external-memory/ An Introduction to Usability by Andreas Komninos. "Usability and user experience (UX) are not the same thing…" https://www.interaction-design.org/literature/article/an-introduction-to-usability Top 10 Design Mistakes in the Unsubscribe Experience By Kim Flaherty. "Canceling email subscriptions should be a one-click process, with no additional hurdles for users." https://www.nngroup.com/articles/unsubscribe-mistakes/ The Best Place for Error Messages on Forms By UX Movement. "Where are you placing the error messages on your form? If they're not placed where users expect to see them, you could jeopardize their capability to complete your form…" http://uxmovement.com/forms/the-best-place-for-error-messages-on-forms/ Identifying Modes of User Engagement with Online News and Their Relationship to Information Gain in Text (PDF) By Nir Grinberg. "…In this paper, we developed a scalable approach for capturing post-click user engagement with online news articles…" http://www.nirg.net/papers/grinberg_www18.pdf Content for Answers: The Inverted Pyramid By Peter J. Meyers. "…inverted pyramid technique is legitimate. I think it can help you write good content that's a win-win. It's good for SEO. It's good for your visitors, and it will hopefully help you land some featured snippets…" https://moz.com/blog/content-for-answers-inverted-pyramid Industries Impacted Most by UX (Video) By Jakob Nielsen. "Industries such as technology and e-commerce have reaped the rewards of good UX. Other sectors such as B2B and Intranets are following suit." https://www.nngroup.com/videos/industries-impacted-most-ux-jakob-nielsen/ Users Don't Hate Change. They Hate Our Design Choices. By Jared M. Spool. "…Once you eliminate quality as a requirement, everything else becomes easier and cheaper. To our existing users, stability in the design is a sign of quality. When the things they've learned and mastered stop working, they see us diminishing the product's quality…" https://medium.com/@jmspool/users-dont-hate-change-they-hate-our-design-choices-86151866eff4 [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.]