+++ WEB DESIGN UPDATE. - Volume 19, Issue 32, February 3, 2021. 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? 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: HTML. 06: JAVASCRIPT. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. An Introduction to macOS Head Pointer By Eric Bailey. "There's a really cool way of operating your computer buried deep in macOS' System Preferences…" https://thoughtbot.com/blog/an-introduction-to-macos-head-pointer Using TalkBack to Evaluate Web Accessibility By WebAIM. "TalkBack is a screen reader that comes installed on Android devices. This article is designed to help new or novice TalkBack users learn how to test web content in mobile Chrome." https://webaim.org/articles/talkback/ Consistency is the Secret Sauce of Web Accessibility By Mark Pope. "Consistency in working on web accessibility (fixing things and learning more), is the secret sauce to having and maintaining accessible websites across an organization…" https://blog.pope.tech/2021/01/21/consistency-is-the-secret-sauce-of-web-accessibility/ Accessibility Maturity in an Educational Context - Part 3 By Alistair McNaught. "Lens 2 - Responsibility…" https://www.linkedin.com/pulse/accessibility-maturity-educational-context-part-3-alistair-mcnaught Technology Doesn't Make Accessibility Hard. People Who Don't Care Do. By Sheri Byrne-Haber. "…These are the different categories of people you will run into in corporate settings that will make life difficult for any accessibility professional…" https://uxdesign.cc/technology-doesnt-make-accessibility-hard-people-who-don-t-care-do-97a296d228d4 Holly Schroeder Talks About Working Memory and ADD (Podcast) By Nicolas Steenhout. "Holly Schroeder says she navigates away immediately if a page is too busy. Too much stimuli overwhelms her. She can't process the information properly, and that interferes with her ability to complete what she was trying to do in the first place…" https://a11yrules.com/podcast/holly-schroeder-talks-about-working-memory-and-add/ Do Accessible Websites Still Need to Support Internet Explorer 11? By Graham Armfield. "…Our recommendation is that developers and companies continue to support Internet Explorer 11 for now, until the newer version of Edge (Chromium) can deliver a comparable experience for assistive technologies - especially JAWS, Dragon NaturallySpeaking and Zoomtext…" https://www.hassellinclusion.com/blog/should-accessible-websites-still-support-ie11/ The Current State of Automatic Speech Recognition: A Report By Elisa Edelberg. "…The results in this report come from research in which we investigate the current state of ASR technology with specific regard to captioning accuracy. Our research tested the most popular ASR technologies across content from eCommerce, higher education, fitness, media and entertainment, and enterprise industries…" https://www.3playmedia.com/blog/the-state-of-automatic-speech-recognition/ Accessible Jeopardy Prototype By Michael Fairchild. An accessible Jeopardy prototype about WCAG with screen reader support! https://codepen.io/mfairchild365/full/XWjLEve Website ADA Lawsuit Filed Against Golden State Warriors By David Klein. "…On January 21, 2021, a class action complaint was filed in the United States District Court for the Northern District of California, alleging that the Warriors website, https://shop.warriors.com/, violates the ADA and California's Unruh Civil Rights Act ('UCRA') because it is not fully accessible to blind and visually impaired consumers…" https://kleinmoynihan.com/website-ada-lawsuit-filed-against-golden-state-warriors/ Criticisms of 'Quick-Fix' Website Accessibility Products Highlighted in New Lawsuit By Kristina M. Launey & Minh N. Vu. "A recently-filed lawsuit contains a lengthy critical report by a digital accessibility consultant of accessibility issues created by an accessibility widget." https://www.adatitleiii.com/2021/01/criticisms-of-quick-fix-website-accessibility-products-highlighted-in-new-lawsuit/ +02: CASCADING STYLE SHEETS. Things You Can Do With CSS Today By Andy Bell. "CSS is great and getting better all the time. Over recent years, especially, it has evolved really fast, too. Understandably, some of the really handy powers CSS gives you might have slipped you by because of this, so in this article, I'm going to show you some really handy stuff you can do with modern CSS today, and also share some stuff that we can look forward to in the future." https://smashingmagazine.com/2021/02/things-you-can-do-with-css-today/ Tips for Focus Styles By Nic Chan. "Below are a series of notes on focus styles: an assortment of suggestions for both designers who may be looking for information on how to design focus styles, as well as tips for developers on implementing them…" https://www.nicchan.me/blog/tips-for-focus-styles/ A Guide to CSS Units - pt. 2: Font Relative Units By Moritz Jacobs. "…CSS knows many different units to describe dimensions, the spec calls that "lengths". Font relative units of length produce values - as the name states - that are dependent on their parent element's font size. They are multiplicator based values, for example 1.5em == 1.5 × $fontSize There's a few…" https://www.peerigon.com/en/blog/complete-guide-to-css-units-series-part-2-font-relative-units The Holy Grail Layout with CSS Grid By Chris Coyier. "…CSS Grid was born to describe this kind of layout and it will be far easier to work with, not to mention that the browser support for both is largely the same these days…" https://css-tricks.com/the-holy-grail-layout-with-css-grid/ +03: EVALUATION & TESTING. Accessibility Testing for the Mobile Web By Josh McClure. "…No matter the platform, a digital experience should meet the Web Content Accessibility Guidelines, also known as WCAG to ensure all members of the audience are equally reached.…" https://www.deque.com/blog/accessibility-testing-for-the-mobile-web/ You Can't Test Everything, So What Should You Test? (Video) By Maria Rosala. Nobody has enough user-research budget to test everything, so you must focus usability testing on those features that will matter the most for the user experience and have the most business impact. Here's a simple method to prioritize what to test. https://www.nngroup.com/videos/what-should-you-test/ Quantifying UX Improvements: A Case Study By Kate Moran. "A research-driven overhaul of a metal and woodworking machinery B2B site's information architecture resulted in an 85% improvement of findability." https://www.nngroup.com/articles/quantifying-case-study/ Diary Studies (Video) By Alita Joyce. "Ask users to keep a diary throughout a fairly long period is great for researching customer journeys or other bigger-scope issues in user experience that go beyond a single interaction." https://www.nngroup.com/videos/diary-studies/ +04: EVENTS. Teaching Web Development Accessibly February 10, 2021. Online https://www.meetup.com/a11ybay/events/276000170/ Audio Description Institute February 22-26, 2021. Online https://interland3.donorperfect.net/weblink/weblink.aspx?name=E144393&id=69 JavaScript World Conference February 22-27, 2021. Online https://frontenddeveloperlove.com/ ConFoo.CA February 24-26, 2021 Montreal, Canada https://confoo.ca/en/yul2021 WAS Series: Semantic Structure and Navigation February 25, 2021. Online https://www.meetup.com/A11YPrinceton/events/275685837/ UX Conference March 1-2, 2021. Online https://theuxconf.com/ From Access to Inclusion Symposium March 9, 16, and 23, 2021. https://adiarts.ie/summit/from-access-to-inclusion-2020-symposium/ WAS Series: Images, SVG, and Canvas March 11, 2021. Online https://www.meetup.com/A11YPrinceton/events/275686036/ +05: HTML. WHATWG Review Drafts of HTML and DOM Endorsed as W3C Recommendations By Philippe le Hegaret. "…following reviews from the W3C community, W3C is endorsing its first snapshot of HTML…" https://www.w3.org/blog/2021/01/whatwg-review-drafts-of-html-and-dom-endorsed-as-w3c-recommendations/ Use the tabindex Attribute By Eric Bailey. "tabindex is a global attribute that allows an HTML element to receive focus. It needs a value of zero or a negative number in order to work in an accessible way…" https://www.a11yproject.com/posts/2021-01-28-how-to-use-the-tabindex-attribute/ The Unreasonable Effectiveness of Simple HTML By Terence Eden. "I've told this story at conferences - but due to the general situation I thought I'd retell it here…" https://shkspr.mobi/blog/2021/01/the-unreasonable-effectiveness-of-simple-html/ +06: JAVASCRIPT. Default Parameter Values in Vanilla JS By Chris Ferdinandi. "Today, we're going to learn how to assign default parameter values with vanilla JS…" https://gomakethings.com/default-parameter-values-in-vanilla-js/ +07: USABILITY. Companies on Social Media: 6 Types of User Interactions with Business By Alita Joyce. "Users rely on social media to find out about new products or companies, conduct research, engage with content, make purchases, and seek customer support." https://www.nngroup.com/articles/companies-social-media/ [Section one ends.] ++ SECTION TWO: +17: 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 WebWaste & Sustainability Information. https://www.d.umn.edu/itss/training/online/webdesign/webwaste.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.]