+++ WEB DESIGN UPDATE. - Volume 18, Issue 20, November 14, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 20 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: COLOR. 05: EVALUATION & TESTING. 07: EVENTS. 08: HTML. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: TOOLS. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Videos of People with Disabilities Using Tech By Hampus Sethfors. "There is no better way to understand the importance of accessibility and inclusive design than learning from actual users with disabilities. Here's a collection of our favorite Youtube videos where people showcase how they use assistive technologies like screen readers, eye tracking, zoom and switches…" https://axesslab.com/tech-youtubers/ Applied Accessibility: Practical Tips For Building More Accessible Front-Ends (Video) By Sara Soueidan. "…This talk is a practical one, chock-full of tips for creating more accessible front-end foundations. If writing HTML, CSS, SVG and JavaScript is part of your job, then this talk is for you…" https://vimeo.com/367882926 The Accessibility Tree By Ben Myers. "…Decades of trial and error in building screenreaders and a wide variety of other assistive technologies have taught us one big lesson: assistive technology will work much more reliably when information flows directly to it rather than be reverse engineered. Browsers do a lot of heavy lifting to make sure our pages play nicely with assistive technologies. However, they can't do their job well if we don't do our job well." https://blog.benmyers.dev/accessibility-tree/ aria-label Does Not Translate By Adrian Roselli. "One of the big risks of using ARIA to define text content is that it often gets overlooked in translation…" https://adrianroselli.com/2019/11/aria-label-does-not-translate.html Accessibility Checklist By Benjy Stanton. "A list of accessibility recommendations, tips and resources…" https://www.benjystanton.co.uk/blog/accessibility-checklist/ The True Cost of Website Inaccessibility By Preety Kumar. "If you think retooling your website to be fully accessible is cost prohibitive, consider the cost of noncompliance…" https://www.corporatecomplianceinsights.com/cost-website-inaccessibility/ Understanding Domino's v Robles By George Mauer. "This is about the web accessibility-related Domino's v Robles court case in the US court system…" http://georgemauer.net/2019/11/04/dominos-v-robles.html Blind Employee Sues Beacon Health Options By National Federation of the Blind. "Suit says inaccessible technology creates barriers to doing her job…" https://www.nfb.org/about-us/press-room/blind-employee-sues-beacon-health-options +02: BOOKS. Pickering, Heydon. Inclusive Components: The Book. Smashing Magazine. 2019. +03: CASCADING STYLE SHEETS. CSS Logical Properties By Adrian Roselli. "…Logical properties mostly do away with positional naming"…" https://adrianroselli.com/2019/11/css-logical-properties.html Some Things You Oughta Know When Working with Viewport Units By Chris Coyier. "David Chanin has a quickie article summarizing a problem with setting an element's height to 100vh in mobile browsers and then also positioning something on the bottom of that…" https://css-tricks.com/some-things-you-oughta-know-when-working-with-viewport-units/ Prototyping in the Browser with CSS Grid Layout By Jeremy Osborn. "Learn the benefits of prototyping web page layouts using CSS Grid Layout in this hands-on tutorial with Jeremy Osborn, Academic Director of Aquent Gymnasium…" https://thegymnasium.com/take5/prototyping-in-the-browser-with-css-grid-layout Thoughts After Looking at the Web Almanac's Chapter on CSS By Chris Coyier. "Woah, I didn't see this coming…" https://css-tricks.com/thoughts-after-looking-at-the-web-almanacs-chapter-on-css/ CSS is Rad (Video) By Miriam Suzanne. "Depending who you ask, CSS is either awesome or broken. CSS is not a programming language, unless it is. CSS is too simple and entirely too difficult. CSS is weird - not like other languages - and not like print design either, but trapped in a strange middle ground with unique rules and constraints…" https://vimeo.com/367890815 Slides: https://sliiides.netlify.com/css-is-rad/ +04: COLOR. Testing Color Contrast & Simulating Color Blindness with the Firefox Accessibility Inspector (Video) By Jen Simmons. "…How can you easily check to make sure your choices of color are accessible - that as many people as possible will be able to see your content, no matter what kind of vision they have? Firefox Accessibly Tools can help you quickly test and know what decisions to make. Jen Simmons gives you a tour of the Color Contrast tools, and the Color Deficiency Simulator…" https://www.youtube.com/watch?v=eBefjaWud-M +05: EVALUATION & TESTING. Will You Recommend Or Would You Recommend? By Jeff Sauro. "…Across two studies with 533 participants responding to a 'will' or 'would' version of the 11-point Likelihood to Recommend item we found…" https://measuringu.com/will-would/ +06: EVENTS. Design Thinking Immersive December 2, 2019. San Francisco, California, U.S.A. https://www.cooper.com/courses/design-thinking-immersive/ Develop, Test, Deploy: Accessible Email and Document Templates for an entire State December 3, 2019. Online https://www.accessibilityassociation.org/content.asp?admin=Y&contentid=605 Online Native App Accessibility Workshop December 11, 2019. Online https://knowbility.org/services/training/ios-android-workshop/ Los Angeles UX Conference February 23-28, 2020. Los Angeles, California, U.S.A. https://www.nngroup.com/training/los-angeles/ Minnesota State IT Conference April 20-22, 2020. Brainerd, Minnesota, U.S.A. https://mankato.mnsu.edu/2020ITConference CHI 2020 April 25-30, 2020. Honolulu, Hawaii, U.S.A. https://chi2020.acm.org/ An Event Apart Seattle May 11-13, 2020. Seattle, Washington, U.S.A. https://aneventapart.com/event/seattle-2020 +07: HTML. Understand Website Accessibility with the Firefox Accessibility Inspector (Video) By Jen Simmons. "When building a website, understanding what's happening with accessibility can help you make certain your site can be used by everyone. Firefox DevTools now has a new Accessibility Inspector that shows an outline of the accessibility tree, and lists problems with contrast or missing labels, and much more. Jen Simmons gives you a tour…" https://www.youtube.com/watch?v=7mqqgIxX_NU +08: JAVASCRIPT. What I've Learned About Accessibility in SPAs By Nolan Lawson. "Over the past year or so, I've learned a lot about accessibility, mostly thanks to working on Pinafore, which is a Single Page App (SPA). In this post, I'd like to share some of the highlights of what I've learned, in the hope that it can help others who are trying to learn more about accessibility…" https://nolanlawson.com/2019/11/05/what-ive-learned-about-accessibility-in-spas/ Inclusive Design And Accessibility: Live Stream With Heydon Pickering By Vitaly Friedman. "Today, Heydon will talk about the relationship between accessibility and design systems, and introduce his brand new book: Inclusive Components. During the session, he will explore how to create an accessible accordion using progressive enhancement, and answer your questions about inclusive interaction design…" https://www.smashingmagazine.com/2019/11/inclusive-design-accessibility-live-stream-heydon-pickering/ +09: MISCELLANEOUS. HTTP Archive's Annual State of the Web Report By 85 People. "Our mission is to combine the raw stats and trends of the HTTP Archive with the expertise of the web community. The Web Almanac is a comprehensive report on the state of the web, backed by real data and trusted web experts. It is comprised of 20 chapters spanning aspects of page content, user experience, publishing, and distribution…" https://almanac.httparchive.org/en/2019/ +10: NAVIGATION. Information Foraging: A Theory of How People Navigate on the Web By Raluca Budiu. "To decide whether to visit a page, people take into account how much relevant information they are likely to find on that page relative to the effort involved in extracting that info." https://www.nngroup.com/articles/information-foraging/ +11: TOOLS. Accessibility Insights for Web By Microsoft. "Accessibility Insights for Web is an extension for Chrome and Microsoft Edge Insider that helps developers find and fix accessibility issues in web apps and sites." https://accessibilityinsights.io/docs/en/web/overview +12: USABILITY. How You Can Participate in World Usability Day 2019 via Livestream By Deborah Edwards-Onoro. "Read on to learn how you can attend World Usability Day (November 14, 2019) from the comfort of your office or work area…" https://www.lireo.com/world-usability-day-2019/ The Department of Useless Images By Gerry McGovern. "…The Web is smothering in useless images. These clichéd, stock images communicate absolutely nothing of value, interest or use. They are one of the worst forms of digital pollution because they take up space on the page, forcing more useful content out of sight. …They say a picture paints a thousand words but sometimes it's a thousand words of crap." https://gerrymcgovern.com/the-department-of-useless-images/ Creating Online Environments That Work Well For Older Users By Barry Rueger. "A significant part of the Internet-using population is aged 50 or older - including the people who invented it. Designers need to understand what older users need and why it's not enough to just say, 'I can read it, so what's the problem?'…" https://www.smashingmagazine.com/2019/11/online-environments-older-users/ Where to Send Users after They 'Sign In' or 'Reset Password' (34% of Sites Get It Wrong) By Rebecca Hugo. "…Wherever and whenever users sign in, it's key that users' current path is kept intact after they've successfully signed in…" https://baymard.com/blog/account-sign-in-flows Disclosing Password Constraints in the UI (Video) By Raluca Budiu. "Having to register for websites, services, or apps is already annoying enough for users. But complications compound when they are faced with hidden requirements for what constitutes an acceptable password." https://www.nngroup.com/videos/disclosing-password-constraints/ The Negativity Bias in a User's Experience (Video) By Aurora Harley. "Negative experiences have stronger emotional impact on humans than positive experiences do. Thus, in designing the user experience, we need extra emphasis on avoiding those lows." https://www.nngroup.com/videos/negativity-bias-ux/ [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.]