+++ WEB DESIGN UPDATE. - Volume 18, Issue 21, November 19, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? https://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: FLASH. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: TOOLS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Web Page Design Recommendations for People with Down Syndrome Based on Users' Experiences By Lucía Alonso-Virgós et al. "Considering the neurological characteristics of this intellectual disability, research is developed that seeks to extract a list of useful accessibility and usability guidelines for web developers…" https://www.mdpi.com/1424-8220/18/11/4047 Types of Disabilities, Part 1 By Amy Carney. "In Types of Disabilities, Part 1, I learned and shared about visual, auditory, and mobility disabilities." https://100daysofa11y.com/2019/11/15/ Types of Disabilities, Part 2 By Amy Carney. "…In this post I'll cover the rest of the list, diving deeper into the the categories covered by the Deque material and CPACC Body of Knowledge: cognitive, speech, seizure, psychological, and compound…" https://100daysofa11y.com/2019/11/19/ 2.5.4 Motion Actuation WCAG 2.1 Level A By Rakesh Paladugula. "Have you observed popping an alert 'undo typing' when you are texting or chatting on your phone while travelling on a car or bus? This is probably because your phone in the hand is shaken. Your phone or the website or application have a feature 'shake to undo'. Because of the trembling in hands while in travel the shake to undo is just invoked accidentally…" https://www.maxability.co.in/2019/11/17/2-5-4-motion-actuation-wcag-2-1-level-a/ There's a Really Simple Way to Build Websites that Include Everyone By Luiza Aguiar. "Don't follow the Domino's model of fighting web accessibility in federal court. There are already standards in place that businesses can use…" https://www.fastcompany.com/90430515/theres-a-really-simple-way-to-build-websites-that-include-everyone The Business Case for Accessibility By Greg Williams. "…In this blog post, we'll be focusing on all four aspects of ROI as they relate to accessibility: capturing an overlooked market share, risk management, lowering operational costs and boosting brand value…" https://www.deque.com/blog/the-business-case-for-accessibility/ Settlement Reached In Deaf Group's Website Accessibility Suit Against Harvard (Subscription Required) By Lexis Legal News- Mealey's. "In a Nov. 8 electronic order, a Massachusetts federal magistrate judge reported that a deaf civil rights group and Harvard University have successfully settled putative class claims over the purported inaccessibility of the university's website to the hearing-impaired (National Association of the Deaf, et al. v. Harvard University, et al., No. 3:15-cv-30023, National Association of the Deaf, et al. v. Massachusetts Institute of Technology, No. 3:15-cv-30024, D. Mass.)…" https://www.lexislegalnews.com/mealeys-cyber-tech-e-commerce/articles/45382 Online Accessibility By Harvard University. "Help ensure that as broad a population as possible is able to access Harvard's electronic programs and services…" https://accessibility.huit.harvard.edu/ Crucial Decision Validates Fraud Whistleblower Suit By Kristopher Nelson. "In a crucial decision upholding equal access to the Internet, on November 5, 2019, a state court in Alameda County validated the legal bases underlying a fraud whistleblower complaint against Conduent, Inc. and Conduent State & Local Solutions for developing a public website that is inaccessible to people with disabilities…" https://www.trelegal.com/posts/crucial-decision-validates-fraud-whistleblower-suit/ +02: CASCADING STYLE SHEETS. Finally, it Will Be Easy to Change the Color of List Bullets By Chris Coyier. "In my germinating years, the general advice was this…" https://css-tricks.com/finally-it-will-be-easy-to-change-the-color-of-list-bullets/ We Just Updated Underline Styling Together (Video) By Jen Simmons. "One of you left a comment on the video about Underline Styling - which resulted in us changing the implementation in Firefox, and likely other browsers as well. Jen Simmons explains how skip-ink and thickness interacted before the change, how the comment started a conversation at the CSS Working Group, and how skip-ink and thickness interact now." https://www.youtube.com/watch?v=aEDO_C_AI-0 Some CSS Grid Strategies for Matching Design Mockups By Chris Geelhoed. "…This post explores how it (CSS Grid) can be used to write CSS styles that match design layouts to a high degree of fidelity (without the headache!)…" https://css-tricks.com/some-css-grid-strategies-for-matching-design-mockups/ Avoiding Jagged Edges on Gradients By Mandy Michael. "A really common design pattern I see come up a lot are those angled blocks of colour in the bottom of containers, you've probably come across it, it looks something like the image below…" https://medium.com/pixel-and-ink/avoiding-jagged-edges-on-gradients-f485cc7401f5 How Do You Remove Unused CSS From a Site? By Chris Coyier. "Here's what I'd like you to know upfront: this is a hard problem…" https://css-tricks.com/how-do-you-remove-unused-css-from-a-site/ +03: EVALUATION & TESTING. Website Optimization Measures, Part IX By Jens Oliver Meiert. "Welcome to another post in a long-standing series of random acts of website optimization, acts that are inspired by the work I'm performing on my own sites…" https://meiert.com/en/blog/optimization-measures-9/ The Benefits of an Open User Research Practice By Leisa Reichelt. "…Being open in the study design phase means bringing your team into the process about considering who we want to talk to (and, as a result who we choose not to include), and what we want to talk with the about. In particular, the consideration of what kinds of differences matter in our audience base is an important one to have and one that thinking about research recruitment can help to facilitate…" http://www.disambiguity.com/the-benefits-of-an-open-user-research-practice/ Facilitating UX Workshops with Stakeholders in the Room (Video) By Therese Fessenden. "How to maximize the positive contribution of a variety of stakeholders in workshops throughout the UX design process while minimizing any disruptive or negative impact." https://www.nngroup.com/videos/ux-workshops-stakeholders/ The 'Parking Lot' in UX Workshops: Friend or Foe? By Sarah Gibbons. "To maintain focus in a UX workshop, set aside ideas in a "parking lot" if they diverge from the stated agenda. Parked ideas should be discussed later when they won't slow the team's momentum in addressing the meeting's main topic. Here are 3 guidelines for making the most of a parking lot. https://www.nngroup.com/videos/parking-lot/ +04: EVENTS. Terrill Thompson - A Tour of Able Player December 4, 2019. Online https://www.technica11y.org/ Authentic Inclusion: Accessibility Leaders in Action December 10, 2019. Online https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=621 AccessU May 13-15, 2020. Austin, Texas, U.S.A. https://knowbility.org/programs/accessu/ DrupalCon Minneapolis 2020 May 18-22, 2020. Minneapolis, Minnesota, U.S.A. https://events.drupal.org/minneapolis2020 Smashing Conference - Austin June 9-10, 2020. Austin, Texas, U.S.A. https://smashingconf.com/austin-2020 M-Enabling Summit June 22-24, 2020. Washington, D.C., U.S.A. https://m-enabling.com/agenda.html UXPA International 2020 Conference June 23-25, 2020. Baltimore, Maryland, U.S.A. http://uxpa2020.org/ +05: FLASH. The Demise of Flash By Christina Cardoza. "There once was a time where Adobe Flash was the obvious choice for building rich web applications, but as the Internet began to grow and technology started to advance, Flash slowly started to die out…" https://sdtimes.com/webdev/the-demise-of-flash/ +06: JAVASCRIPT. Responsible JavaScript: Part III By Jeremy Wagner. "Convenience always comes at a price. On the web, developer convenience often means third-party JavaScript-and we pass the hefty cost on to our users. Jeremy Wagner shows us how to get and keep third-party scripts under control through clean-up sprints and eternal vigilance in Part III of Responsible JavaScript." https://alistapart.com/article/responsible-javascript-part-3/ Oh, The Places JavaScript Will Go By Tim Kadlec. "…There's been an explosion of innovation in no small part thanks to extending where front-end developers can reach…" https://css-tricks.com/oh-the-places-javascript-will-go/ ARIA Serious? (Video) By Eric Eggert. "Knowbility's Eric Eggert discusses the good, the bad, and the ugly of using Accessible Rich Internet Applications for coding and how important it is for developers to understand the complexities of ARIA…" https://www.technica11y.org/aria-serious +07: MISCELLANEOUS. Firefox's Fight for the Future of the Web By Alex Hern. "With Google's Chrome dominating the market, not-for-profit rival Mozilla is staking a comeback on its dedication to privacy…" https://www.theguardian.com/technology/2019/nov/17/firefox-mozilla-fights-back-against-google-chrome-dominance-privacy-fears Mental Models By Jeremey Keith. "…That's a very, very challenging world to get your head around. The safer option is to stick to the mental model you're familiar with, whether you're a print designer or a Computer Science graduate. But that does a disservice to end users who are relying on you to deliver a good experience on the World Wide Web." https://adactio.com/journal/16138 +08: NAVIGATION. Complex Search-Results Pages Change Search Behavior: The Pinball Pattern By Kate Moran and Cami Goray. "Because today's search-results pages have many possible complex layouts, users don't always process search results sequentially. They distribute their attention more variably across the page than in the past." https://www.nngroup.com/articles/pinball-pattern-search-behavior/ +09: TOOLS. WhoCanUse By Corey Ginnivan. "…It's a tool that brings attention and understanding to how color contrast can affect different people with visual impairments. The Web Content Accessibility Guidelines (WCAG) covers a wide range of recommendations for making Web content more accessible. Just a tiny part of making the web more accessible is accommodating for those with a form of blindness or low vision. The standard grading system is a great start, but I thought I'd try to humanize the people who are affected by the different grades…" https://whocanuse.com/ +10: TYPOGRAPHY. Get More For Less With Variable Fonts By Danielle Romo. "I recently worked on a project where the topic of variable fonts came up when discussing typeface legibility. I had heard the term before, but I wasn't quite sure what a variable font was. Curious, I did some digging and was excited to discover all the possibilities that variable fonts bring to the table…" https://cloudfour.com/thinks/get-more-for-less-with-variable-fonts/ +11: USABILITY. Static or Database? Our Love of Complexity By Gerry McGovern. "… We must become much more questioning of innovation and new things. How much is needed to do the job? If we can do the job with 1X power, why do we need something with 10X, where 9X is wasted?" https://gerrymcgovern.com/static-or-database-our-love-of-complexity/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. https://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. https://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. https://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. https://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. https://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. https://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. https://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. https://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. https://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. https://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. https://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. https://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. https://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. https://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. https://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. https://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. https://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. https://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. https://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. https://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: https://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.]