+++ WEB DESIGN UPDATE. - Volume 19, Issue 51, June 16, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 51 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: COLOR. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TOOLS. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Looking at WCAG 2.5.5 for Better Target Sizes By Todd Libby. "…WCAG 2.5.5 criterion provides guidance for applying target sizes that are clear, unobstructed, and easy to activate…" https://css-tricks.com/looking-at-wcag-2-5-5-for-better-target-sizes/ Whose Nine is it Anyway? (Feedback on the WCAG 2.2 working draft) By Ben Tillyer. "On 31st May 2021, nine new WCAG success criteria and supporting documents were put out for wide review resulting in comments that can be viewed on the W3Cs own GitHub issues page…" https://www.tpgi.com/wcag-22-working-draft-feedback/ Multi-Column Sortable Table Experiment By Adrian Roselli. "This post expands on what I covered in my April 2021 post, Sortable Table Columns. You may want to read that first to understand the broader challenges and techniques for making a table sortable by one column at a time…" https://adrianroselli.com/2021/06/multi-column-sortable-table-experiment.html Custom Control Accessible Development Checklist Steve Faulkner and David MacDonald, editors. "Check your custom control against the following design considerations. If the answer to any of them is 'No' then consider fixing before release or at least documenting the issues to inform other developers that your custom control will not be usable by some people due to limited accessibility support…" https://w3c.github.io/using-aria/#checklist Accessibility Issues You can Discover and Fix using the Browser Developer Tools By Christian Heilmann. "I've been busy lately writing and recording a lot of things concerning accessibility and tooling…" https://christianheilmann.com/2021/06/08/accessibility-issues-you-can-discover-and-fix-using-the-browser-developer-tools/ A homogenous or heterogeneous audience? Audio description preferences of persons with congenital blindness, non-congenital blindness and low vision By Agnieszka Chmiel and Iwona Mazur. "…for the main part of the study, i.e., the preference questions, most respondents preferred the following options: signalling who is speaking in a group scene; objective descriptions of characters' looks; more narrative, rather than more literal, descriptions of facial expressions; the use of colours, short and simple sentences and intertextual references…" https://www.tandfonline.com/doi/abs/10.1080/0907676X.2021.1913198 Accessibility Testing with People with Disabilities By equalentry. Accessibility NYC meetup recap. https://equalentry.com/accessibility-testing-nyc-recap/ The Past, Present and Future of Accessibility in Mozilla Hubs By equalentry. "Accessibility VR Meetup Recap" https://equalentry.com/the-past-present-and-future-of-accessibility-in-mozilla-hubs-accessibility-vr-meetup-recap/ Quick Screening When Looking for Accessible Software By Sarah Horton. "1. Find vendor Twitter account. 2. Select Media tab on profile. 3. Select Show tweet alt Text bookmarklet: https://adrianroselli.com/2015/01/css-bookmarklets-for-testing-and-fixing.html# 4. Review image alt text and video captions. 5. None? Red flag." https://twitter.com/gradualclearing/status/1397925285832511491 Blind Winn-Dixie Customer Further Appeals Website Access Ruling (Hat Tip to Paul Grossman) By Julia Steinbert. "A blind Winn-Dixie customer who couldn't refill a prescription using a computer wants the full Eleventh Circuit to throw out a decision that marked the first time a federal appeals court said websites aren't covered by the Americans with Disabilities Act…" https://news.bloomberglaw.com/us-law-week/blind-winn-dixie-customer-further-appeals-website-access-ruling +02: CASCADING STYLE SHEETS. A Cornucopia of Container Queries By Geoff Graham. "I don't know about y'all, but my feeds have been flooded with articles about CSS Container Queries these past few weeks…" https://css-tricks.com/a-cornucopia-of-container-queries/ +03: COLOR. Windows High Contrast Mode And Accessibility Testing By Maxability. "Windows High Contrast Mode (HCM) is an accessibility feature. The settings reside under the Ease of access in Microsoft Windows operating system…" https://www.maxability.co.in/2021/06/13/windows-high-contrast-mode-and-accessibility-testing/ +04: EVALUATION & TESTING. Collecting Metrics During Qualitative Studies By Kate Moran. "Don't report descriptive statistics like success rates and averages unless you ran a quantitative study. Reported numbers must be qualified with statistical information such as confidence intervals or statistical significance." https://www.nngroup.com/articles/metrics-qualitative/ The Anatomy of a Survey Question By Jeff Sauro and Jim Lewis. "…There is a pattern to the structure of survey questions. At a high level, survey questions contain a stem and one or more response options…" https://measuringu.com/anatomy-of-a-survey-question/ Low-Code Platforms and User Experience (Video) By Jakob Nielsen. "Low-code platforms and other end-user programming or simplified implementation don't remove the need for task analysis and other deeper UX work and thus don't guarantee great usability. But they can free up budget for better UX work." https://www.nngroup.com/videos/low-code-platforms-UX/ New UX Research Study on Native Mobile Apps By Mark Crowley. "Our extensive native mobile app usability testing verified that 98% of product-finding guidelines for mobile websites also apply to native mobile apps…" https://baymard.com/blog/native-mobile-apps-launch +05: EVENTS. Captions and Beyond: Building XR Software for All Users with Evan Tice June 18, 2021. Online https://www.meetup.com/a11yvr/events/278183292 2021 User Experience Summit June 22-24, 2021. Online https://digital.gov/event/2021/06/22/2021-user-experience-summit/ The Seven Golden Rules of Text Alternatives Webinar with James Herndon June 24, 2021. Online https://equalentry.com/golden-rules-for-writing-text-alternatives-webinar/ I Heart CC: Why and How to Caption Videos Folks Love with Meryl Evans July 13, 2021. Online https://www.meetup.com/A11yNYC/events/278476162/ Paris Web October 7-8, 2021. Online https://www.paris-web.fr/ AccessibilityPlus Conference October 12-14, 2021. Online https://www.accessibility.com/accessibilityplus Drupal GovCon 2021 October 12-15, 2021. Online https://www.drupalgovcon.org/ +06: HTML. Gifs and Reduced Motion By Manuel Matuzović. "You can show animated gifs only if users don't prefer reduced motion and fall back to jpg, using the picture element in combination with the prefers-reduced-motion media feature…" https://www.htmhell.dev/tips/gifs-and-reduced-motion/ +07: JAVASCRIPT. When CSS Isn't Enough: JavaScript Requirements For Accessible Components By Stephanie Eckles. "Spoiler alert: tooltips, modals, tabs, carousels, and dropdown menus are some of the user interface components that require more than CSS. To ensure accessibility of your interface, JavaScript is a necessary addition to accomplish focus management, respond to keyboard events, and toggle ARIA attributes…" https://www.smashingmagazine.com/2021/06/css-javascript-requirements-accessible-components/ How to Design Keyboard Accessibility for Complex React Experiences By James Y. Rauhut. "Last week was my last week at Pingboard as a UX designer and engineer. But I still believe the product includes the world's best org chart solution…" https://www.freecodecamp.org/news/designing-keyboard-accessibility-for-complex-react-experiences/ How to add characters to the beginning or end of a string if it's less than a certain length with vanilla JS By Chris Ferdinandi. "Today, we're going to look at two JavaScript methods you can use to add characters to the beginning and end of a string when it's less than a certain length…" https://gomakethings.com/how-to-add-characters-to-the-beginning-or-end-of-a-string-if-its-less-than-a-certain-length-with-vanilla-js/ +08: MISCELLANEOUS. Conversations with Accessibility Experts: Jennison Asuncion By Diamond. "Jennison Asuncion has worked in the digital accessibility industry since 2006…" https://blog.diamond.la/conversations-with-accessibility-experts-jennison-asuncion 15 Helpful Writing Lessons From Successful Authors [Infographic] By Deborah Edwards-Onoro. "What better way to improve your writing than learning from successful authors?…" https://www.lireo.com/15-helpful-writing-lessons-from-successful-authors-infographic/ +09: TOOLS. Overview of Accessibility Testing Using DevTools By Microsoft Edge Team, Michael Hoffman, and Christian Heilmann. "In this article, we cover some of the features you can use in DevTools to test for accessibility problems…" https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/accessibility/accessibility-testing-in-devtools WCAG Parsing Bookmarklet By Steve Faulkner. Steve updated the WCAG Parsing Bookmarklet on June 9, 2021. https://codepen.io/stevef/pen/VRZdGJ +10: USABILITY. The 6 Levels of UX Maturity By Kara Pernice, Sarah Gibbons, Kate Moran, and Kathryn Whitenton. "Our UX-maturity model has 6 stages that cover processes, design, research, leadership support, and longevity of UX. Use our quiz to get an idea of your organization's UX maturity." https://www.nngroup.com/articles/ux-maturity-model/ Designing Complex Applications: A Framework (Video) By Kate Kaplan. "5 different sources of UX complexity help explain and analyze the special design issues in complex applications." https://www.nngroup.com/videos/designing-complex-apps-framework/ +11: WEBWASTE & SUSTAINABILITY. CO2 Footprint of Data By Gerry McGovern. "…If we're going to properly address the climate crisis we must address the key underlying drivers. The digital economy is a key accelerant of the climate crisis." https://gerrymcgovern.com/co2-footprint-of-data/ [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 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.]