+++ WEB DESIGN UPDATE. - Volume 20, Issue 13, September 21, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 13 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. 03: EVENTS. 04: HTML. 06: JAVASCRIPT. 07: TOOLS. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Creating Accessible Content (Video) By MSFT Accessibility. "Creating accessible content creates a more inclusive culture and makes everyone feel valued. Learn why accessible content is so important to create and what simple tasks you can do to make your content accessible for everyone…" https://www.youtube.com/watch?v=c5gVjQloSXY Every (Accessibility) Journey Begins with a Single Step By Radek Pavlíček. "Accessibility is, unfortunately, often considered as something very complex, complicated, and hard to integrate into a current workflow…" https://www.accessibilityassociation.org/s/topics-month-blog The New Requirements for WCAG 2.2 By Matt Putland. "A new version of the Web Content Accessibility Guidelines (WCAG) is expected to be released in the coming weeks or months. Therefore, this will bring some changes and new success criteria to conform with for your websites and apps…" https://www.visionaustralia.org/services/digital-access/blog/the-new-requirements-for-wcag-2-2 Avoid 'Keyboard Traps' To Make Your Site More Accessible By Bureau of Internet Accessibility. "…WCAG SC 2.1.2 is a Level A success criterion, which means that websites who fail this standard cannot be considered reasonably accessible under the WCAG framework. Remember, keyboard traps can render a site useless for some people - if visitors cannot navigate your site with a keyboard alone, you'll need to address the issue as soon as possible…" https://www.boia.org/blog/avoid-keyboard-traps-to-make-your-site-more-accessible Summaries at the Top of Every Article By Lainey Feingold. "…I do these summaries to meet Web Content Accessibility Guideline (WCAG) Success Criteria (SC) 3.1.5, a WCAG 2.1 AAA Reading Level requirement…" https://www.lflegal.com/2020/09/refresh-2020/#Summaries-at-the-top-of-every-article Understanding Logical Focus Order By Rachel Leggett. "Logical focus order is a key element of web accessibility and is required by WCAG 2.1 in order to meet Level A standards. Let's dive into what it is, why it matters, who it benefits, how to test for it, and some common pitfalls to avoid…" https://devyarns.com/logical-focus-order/ Subsets and Supersets of WCAG By Hidde de Vries. "…Many use WCAG as a baseline to ensure web accessibility. This matters a lot, it is important to have regular WCAG audits done (e.g. yearly). In this post, we looked at what we can do beyond that…" https://hiddedevries.nl/en/blog/2021-09-08-subsets-and-supersets-of-wcag WCAG and Dyslexia - Improving the Search Function of Websites for Users With Dyslexia (Without Making It Worse for Everyone Else) By Daniel Wessel, Ann-Kathrin Kennecke, and Moreen Heine. "…The present paper examines whether guidelines such as the Web Content Accessibility Guidelines (WCAG) sufficiently cover users with dyslexia and how usability can be improved for this user group…" https://dl.acm.org/doi/10.1145/3473856.3473867 How Can Screen Readers be Used in Accessibility Testing? By Marissa Sapega. "For digital content to be considered 'accessible,' users with all types of abilities need to be able to interact with it successfully…" https://www.tpgi.com/screen-readers-accessibility-testing/ 6 Ways to Make Your Online Video Meetings Accessible By Meryl K. Evans. "…1. Provide at Least Two Options for Communicating… 2. Optimize Your Video Setup… 3. Pay Attention to Human Factors… 4. Allow Video Meetings to Be Camera-Optional… 5. Ensure the Meeting Has Captions… …6. Invite Accommodation Submissions…" https://meryl.net/accessible-online-video-meetings/ 13|37 Knowledge Gathering (Video) By Karl Groves. "…on accessibility in tech…" https://www.youtube.com/watch?v=b1JPqWmElxI +02: CASCADING STYLE SHEETS. Default Focus Outlines: Don't Remove Them! (Podcast) By Nic Steenhout. "Multiple accessibility experts discuss the importance of the default focus style…" https://a11yrules.com/podcast/default-focus-outlines-dont-remove-them/ 15DaysOfCSS Day 6: Units PX and REM and % Oh My By Jen Kramer and Erika Lee. Units of measure in CSS are a source of constant confusion for many developers, beginner and experienced. Let's take a quick peek at these, including what's "legal" and what we recommend you use in your work…" https://jen4web.substack.com/p/units CSS Container Query Units By Ahmad Shadeed. "A few days ago, I saw a tweet by Miriam Suzanne about CSS query units being supported. This was originally proposed by Una Kravets on Github. I couldn't resist experimenting with them and see how we can get even more benefit from CSS container queries…" https://ishadeed.com/article/container-query-units/ The Future of CSS: Cascade Layers (CSS @layer) By Bramus Van Damme. "…there's a new CSS Language Feature coming to help us: Cascade Layers (CSS @layer). Let's take a look at what they are, how we can use them, and what benefits they bring…" https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/ Shadow Roots and Inheritance By Kitty Giraudel. "I encountered a bit of a HTML/CSS oddity the other day, and was a little stumped as to what was happening so I thought I'd share what I learnt in case that helps other people stumbling across the same thing…" https://kittygiraudel.com/2021/08/23/shadow-roots-and-inheritance/ +03: EVALUATION & TESTING. How the Accessible Usability Scale Makes User Research More Inclusive By Alwar Pillai. "…This article explores the limits of some popular research methods and how they can hinder a researcher's ability to include people with disabilities in a meaningful way…" https://equalentry.com/accessible-usability-scale-user-research/ Automated Accessibility Testing, a Few Scenarios By Rian Rietveld. "Here's a dream scenario: you press a button when you commit to GitHub, or you run npm or composer, and you automatically get test results for all the accessibility issues. Wouldn't it be nice if you could check everything like this, in one go? Unfortunately, we're not quite there yet, but still, there's a lot that can already be done automatically…" https://www.a11y-collective.com/blog/automated-accessibility-testing-a-few-scenarios/ Wrangling Difficult Usability Testing Participants, Part 2 By Jim Ross. "…I'll provide more tips about how to wrangle difficult participants effectively and get the most out of their usability-testing sessions…" https://www.uxmatters.com/mt/archives/2021/09/wrangling-difficult-usability-testing-participants-part-2.php +04: EVENTS. Accessibility Audits with Marcy Sutton September 22, 2021. Online https://egghead.zoom.us/webinar/register/6916316568082/WN_gL9juMphQWOtDY1LzHLfmA What's Coming in WCAG 2.2? September 23, 2021, 12:30 pm Australian Eastern Standard Time (AEST) Online https://events.humanitix.com/digital-access-free-webinar-whats-coming-in-wcag Big Design October 5-7, 2021. Online https://bigdesignevents.com/ Billion Strong: A Global Identity and Empowerment Nonprofit October 7, 2021. Online https://www.meetup.com/A11yNYC/events/280213858/ Undertaking JAWS Screen Reader Compatibility Testing in Real Life October 13, 2021. Online https://www.tpgi.com/webinar-october-13-at-12pm-et-undertaking-jaws-screen-reader-compatibility-testing-in-real-life/ State of the Browser October 20, 2021. London, England, United Kingdom and Online https://2021.stateofthebrowser.com/ #a11yTO Conf October 20-22, 2021 Online https://conf.a11yto.com/ Deep Dive On Accessibility Testing with Manuel Matuzović November 4-18, 2021. Online https://smashingconf.com/online-workshops/workshops/manuel-matuzovic/ Shape the Future: Research and Development Questions in Digital Accessibility November 10, 2021. Online https://www.w3.org/WAI/about/projects/wai-coop/symposium1/ +05: HTML. Autocapitalization By Manuel Matuzović. "Control how virtual keyboards capitalize words and characters by default…" https://www.htmhell.dev/tips/autocapitalization/ In Quest of Search By Sara Soueidan. " On why I think adding a new HTML sectioning element for search is a good idea…" https://www.sarasoueidan.com/blog/in-quest-of-search/ +06: JAVASCRIPT. ARIA Spec for the Uninitiated: Part 3 By Gerard Cohen. "…I tie everything together in a practical example to create and Expand/ Collapse control…" https://www.deque.com/blog/aria-spec-for-the-uninitiated-part-3/ +07: TOOLS. CSS Specificity Calculator By Polypane. "Paste in any selector from CSS Selectors Level 4 - yes, that includes those special cases :is(), :where(), :not(), etc. - and out comes the Specificity.…" https://polypane.app/css-specificity-calculator +08: USABILITY. Designing Empty States in Complex Applications: 3 Guidelines By Kate Kaplan. "Empty states provide opportunities for designers to communicate system status, increase learnability of the system, and deliver direct pathways for key tasks. This article provides guidance for designing empty-state dialogues for content-less containers." https://www.nngroup.com/articles/empty-state-interface-design/ UX-Maturity Stage 2: Limited By Kate Moran. "Inconsistently and erratically, some people in these organizations are trying to advance UX work, but don't often achieve good results." https://www.nngroup.com/articles/ux-maturity-stage-2/ Separate UX Backlogs in Agile (Video) By Rachel Krause. "Agile development teams that struggle to keep track of UX work in the product backlog can utilize a separate backlog for UX. This method can help siloed teams where UX and development aren't in direct communication. Separate UX backlogs do have pros and cons, which are discussed here." https://www.nngroup.com/videos/separate-ux-backlogs-agile/ Clients Make Too Many UX Decisions. Here's How to Stop Them. By Eric Karkovack. "…Let's explore some ways to keep clients at a safe distance from UX…" https://speckyboy.com/clients-make-too-many-ux-decisions/ [Section one ends.] ++ SECTION TWO: +09: 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.]