+++ WEB DESIGN UPDATE. - Volume 20, Issue 31, January 26, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 31 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: MISCELLANEOUS. 08: NAVIGATION. 09: USABILITY. 10: WEBWASTE & SUSTAINABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Foundations: Text Descriptions By Henny Swan. "Text descriptions are primary content, and when images do not have a text description, anyone who cannot see the image will not know its purpose. This means people may be unable to access content or perform related tasks…" https://tetralogical.com/blog/2022/01/24/text-descriptions/ Quick Accessibility Tests Anyone Can Do By Ela Gorla. "These 10 quick accessibility tests can help you understand how easy or difficult it is for people with disabilities to perceive, operate and understand content on your website or mobile app…" https://tetralogical.com/blog/2022/01/18/quick-accessibility-tests-anyone-can-do/ Accessible Cart Tables? By Adrian Roselli. "The online holiday shopping coupled with my need to make a new invoice template got me looking at a common table structure that is harder to expose to screen readers than it seems at first glance…" https://adrianroselli.com/2022/01/accessible-cart-tables.html The Ad Hoc Accessibility Beyond Compliance Playbook By Ad Hoc. "This playbook is for government agencies and other civic organizations looking to mature their practical understanding of accessibility from one of basic compliance to an inclusive, human-centered experience…" https://adhoc.team/playbook-accessibility/ I've had Enough! When Access Friction Becomes an Access Barrier By Eric Bailey. "Much like the word 'accessible,' the term 'access friction' can mean different things depending on who you're talking to. In the context of digital disability, it means the accumulation of impediments as someone uses technology to try and do something…" https://makeitfable.com/article/ive-had-enough-when-access-friction-becomes-an-access-barrier/ Making IT Accessible for All! By Matthew Deeprose, Tamsyn Smith, and Fiona Strawbridge. "University Information Technology departments know they must commit to accessibility; indeed, they have a legal obligation to do so, but how can they take this ambition and embed accessibility within their policies and processes?" https://matthewdeeprose.github.io/makeITaccessible.html Dr. W. Edwards Deming's 14 Points for Management - Applied to Accessibility By Mike Gifford. "…What can digital teams learn about eliminating bugs from our process from one of the fathers of modern industrialization? This is an article for digital leaders who are looking for ways to make their teams more inclusive…" https://thinkdigital.ca/dr-demings-14-points-applied-to-accessibility/ Why You, A Mobile Developer, Should Care About Accessibility By Kim Arnett. "As a developer, you are considered the last line of defense between your application's impact, and the end-user. Implementing and understanding best practices is a part of your job…" https://www.deque.com/blog/why-you-a-mobile-developer-should-care-about-accessibility/ How Situational Disabilities Affect Mobile Users By Bureau of Internet Accessibility. "Digital accessibility has profound benefits for people who live with permanent disabilities that affect the ways they use the internet. However, accessibility also impacts users who have situational disabilities - short-term limitations that can occur for a variety of reasons…" https://www.boia.org/blog/how-situational-disabilities-affect-mobile-users Why Don't Developers Take Accessibility Seriously? By Melanie Sumner. "…This article will present three different perspectives on accessibility in web design and development. Three perspectives that could help us bridge the great divide between users and designers/developers. It might help us find the common ground to building a better web and a better future…" https://css-tricks.com/why-dont-developers-take-accessibility-seriously/ Accessibility and Developer Experience with Kitty Giraudel (Podcast) By Sarah Dayan and Bryan Robinson. "On this episode, our hosts Sarah and Bryan are chatting about accessibility with Kitty Giraudel. Kitty is a front-end developer and accessibility specialist who is currently leading the front-end team at Gorillas. Before this, they have led the front-end team to rebuild the web platform at N26, with a strong focus on accessibility…" https://developerexperience.buzzsprout.com/1806381/9919419-accessibility-and-developer-experience Sustainable Accessibility By Léonie Watson. "…Sustainable accessibility is a significant investment because it has many moving parts, but it ultimately reduces cost because…" https://tetralogical.com/blog/2021/01/07/sustainable-accessibility/ Creating Empathy with Users Who Have Accessibility Needs By Clara Songaila. "UK Export Finance (UKEF) is on an exciting transformation journey. Across the organisation, we're focusing on how to make our services simpler to use, more user-centred and accessible…" https://accessibility.blog.gov.uk/2022/01/25/creating-empathy-with-users-that-have-accessibility-needs/ +02: CASCADING STYLE SHEETS. Here's What I Didn't Know About :where() By Manuel Matuzović. "This is part 4 of my series Here's what I didn't know about… in which I try to learn new things about CSS. This time I'm trying to find out what I didn't know about the :where() pseudo-class…" https://www.matuzo.at/blog/2022/heres-what-i-didnt-know-about-where/ Note that :focus-visible is not an accessibility feature (:focus is). By Eric Eggert. "It is a way to not bother non-disabled people with a visible accessibility feature (a focus indicator). Using :focus-visible is not required to create accessible content…" https://twitter.com/yatil/status/1484812407432261641 CSS Cascade Layers: An Overview of the New @layer and layer() CSS Primitives (Video) By Una Kravets. "Quick show and tell on CSS cascade layers and the @layer property, coming to browsers in Chromium 99+ and Firefox 97+, plus they're in the current Safari Tech Preview.…" https://www.youtube.com/watch?v=ilrPpSQJb3U What Should Someone Learn About CSS If They Last Boned Up During CSS3? By Chris Coyier. "'CSS3' was a massive success for CSS…" https://css-tricks.com/whats-new-since-css3/ +03: EVALUATION & TESTING. Sample Sizes for a SUS Score By Jeff Sauro and Jim Lewis. "Despite its age and the availability of other UX measures such as the UX-Lite and SUPR-Q, the ten-item System Usability Scale (SUS) is still a very popular measure…" https://measuringu.com/sample-sizes-for-SUS-ci/ Probing in User Interviews (Video) By Maria Rosala. "Follow-up questions in user interviews gather more detailed information from participants than they provided in their initial answers to our planned questions. This video provides examples of two main forms of probing questions." https://www.nngroup.com/videos/probing-user-interviews/ Prioritize UX Findings by Severity (Video) By Evan Sunwall. "When reporting design issues after usability studies or heuristic evaluation, assign severity ratings based on a small set of criteria." https://www.nngroup.com/videos/prioritize-ux-findings-severity/ 3 Lessons Marketers Can Learn from Usability Testing By Lydia Iseh. "…In this article, I'll highlight three lessons that every marketer can learn from usability testing…" https://www.uxmatters.com/mt/archives/2022/01/3-lessons-marketers-can-learn-from-usability-testing.php SaaS UX Benchmark: 5 Pitfalls to Avoid By Sally Collins. "…In this article we'll analyze this dataset to provide you with an overview of the UX performance of Digital Subscriptions & SaaS, and outline 5 common design pitfalls and strategic oversights applicable to most digital subscriptions & SaaS sites…" https://baymard.com/blog/saas-benchmark +04: EVENTS. Going Beyond the Listener: Accessible Audio for Podcasting with Nic Steenhout @3playmedia January 27, 2022. Online https://go.3playmedia.com/wbnr-01-27-2022-podcast EDF Digital Accessibility Update January 27, 2022. Online https://www.funka.com/en/accessibility-update-27-january Web Accessibility Compliance in 2022: How to Respond to an ADA Demand Letter (or Avoid One Altogether) January 27, 2022. Online https://event.on24.com/wcc/r/3591597/345027250FD243268684EF6618D1B7A5 Undertaking JAWS Screen Reader - Compatibility Testing in Real Life February 2, 2022. Online https://www.tpgi.com/webinar-february-2-at-12pm-et-undertaking-jaws-screen-reader-compatibility-testing-in-real-life/ 6th Annual ICT Accessibility Testing Symposium May 16-19, 2022. Baltimore, Maryland, U.S.A and Online. https://www.ictaccessibilitytesting.org/ John Slatin AccessU 2022 May 7-12, 2022. Austin, Texas, U.S.A and Online. https://knowbility.org/programs/accessu-2022 Joint International Conference on Digital Inclusion, Assistive Technology & Accessibility July 11-15, 2022. Lecco, Italy https://icchp-aaate.org/ Developing Industry Consensus Standards for Accessibility Reporting July 27, 2022. Online https://www.accessibilityassociation.org/s/webinar-details?id=a0A3p0000183eiXEAQ CascadiaJS 2022 August 30 - September 2, 2022. Online and Sunriver Resort, Oregon U.S.A. https://2022.cascadiajs.com/ +05: HTML. Div Divisiveness By Scott O'Hara. "The
is the most versatile and used element in HTML. It represents nothing, while allowing developers to manipulate it into almost anything by use of CSS (for styling), JavaScript (for functionality) and ARIA (for accessibility information)…" https://www.scottohara.me//blog/2022/01/20/divisive.html More to Give Than Just the Div: Semantics and How to Get Them Right By Hidde de Vries. "…Let's look at what semantics are and how to get them right…" https://hiddedevries.nl/en/blog/2022-01-23-more-to-give-than-just-the-div-semantics-and-how-to-get-them-right +06: JAVASCRIPT. How to Get, Set, and Remove Attributes and Properties with Vanilla JavaScript By Chris Ferdinandi. "Today, we're going to look at how to get, set, and remove attributes and properties with vanilla JS. We'll also learn the difference between attributes and properties, and some 'gotchas' when working with them…" https://gomakethings.com/how-to-get-set-and-remove-attributes-and-properties-with-vanilla-javascript/ The Many Ways to Modify Leading and Trailing Characters from Strings with JavaScript By Chris Ferdinandi. "JavaScript provides a bunch of methods for adding and removing leading and trailing characters from strings. Today, we're going to look a bunch of them…" https://gomakethings.com/the-many-ways-to-modify-leading-and-trailing-characters-from-strings-with-javascript/ +07: MISCELLANEOUS. Giving Web Standards a Seat at the Table By Jay Hoffmann. "In 2007, the web standards project entered the scene once more to push Microsoft to build its most standards-compliant browser to date…" https://thehistoryoftheweb.com/web-standards-bust/ Inclusive Language Guide By EDUCAUSE. "Language embodies values and perspectives, some of which are rooted in systems that discriminate against certain groups of people…" https://docs.google.com/document/d/1aaZoDtMySP2pdExyTu56Jfe2fpU5NIsq9EpENrBhe78/edit +08: NAVIGATION. aria and aria-labelledby for Webflow Links and Buttons By Jeremy Leroux. "I want to give you a quick accessible tip today…" https://www.loom.com/share/1a613e56ffbf47549b580f2559a17de4 +09: USABILITY. Surveys that Work for the Harvard User Research Community By Caroline Jarrett. "I was delighted to begin this year's presentations by talking about my book, Surveys That Work, as part of the Brown Bag Book Club series organised by the User Research Center at Harvard University…" https://www.effortmark.co.uk/surveys-that-work-for-the-harvard-user-research-community/ Service Design: Study Guide By Sarah Gibbons. "Unsure where to start? Use this collection of links to our articles and videos to learn about service design and blueprinting." https://www.nngroup.com/articles/service-design-study-guide/ Traditional and Hybrid Category Pages By Kate Moran. "Use ecommerce category pages for complex products or subcategory navigation. For other situations, consider a hybrid category page approach." https://www.nngroup.com/articles/category-pages/ +10: WEBWASTE & SUSTAINABILITY. Has Your Team Set a Page-Weight Budget? Here Is How To! By Sustainable WWW. "A page-weight budget is very useful for you and your team when you are trying to keep a website sustainable or environmentally friendly…" https://sustainablewww.org/principles/has-your-team-set-a-page-weight-budget-here-is-how-to Improve Your Seo Ranking By Making Your Website Environmentally-Friendly By Sustainable WWW. "…In this article, we will talk about a different approach that can benefit your website in the long run, and ultimately give your website a better ranking than it already has…" https://sustainablewww.org/principles/improve-your-seo-ranking-by-making-your-website-environmentally-friendly Bicycle Thinking: Finding A Balance Between Technology and Life By Gerry McGovern. "…Somehow, someway, we must try to change a modern human culture that has been trapped by a marketing and advertising onslaught focused on selling superficial wants for short-term gain." https://gerrymcgovern.com/bicycle-thinking-finding-a-balance-between-technology-and-life/ [Section one ends.] ++ SECTION TWO: +11: 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.]