+++ WEB DESIGN UPDATE. - Volume 20, Issue 14, September 29, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 14 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: NAVIGATION. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The 5 Most Common Website Accessibility Issues (And How To Fix Them) By Bureau of Internet Accessibility. "Here are the top five most common website accessibility issues, according to the 2021 WebAIM Millions report. 1. Improper Text Contrast… 2. Omitting Alternative Text for Images…3. Missing Input Labels on Forms… 4. Links Without Text… 5. Failure to Specify Language…" https://www.boia.org/blog/the-5-most-common-website-accessibility-issues-and-how-to-fix-them Making Pages Accessible for People with Visual Field Scotomas By Bureau of Internet Accessibility. "…Make sure users can zoom in or re-scale your content… Keep related elements close together… Take steps to improve the reading flow for text content… Follow WCAG recommendations for color contrast ratios…" https://www.boia.org/blog/making-pages-accessible-for-people-with-visual-field-scotomas WCAG 2.2 What's New and What to do With It (Video) By Alastair Campbell. "The Web Content Accessibility Guidelines (will/might/should) have been updated to 2.2 recently/soon. Alastair walks through the new guidelines in version 2.2, and provides advice on how to use them in your organisation…" https://www.youtube.com/watch?v=sJyGioVER9Y What's Coming in WCAG 2.2? (Video) By Matt Putland. The recording of Matt's September 23, 2021 webinar. "What are the changes and new success criteria? How will the changes benefit people accessing the web? When should you adopt the new criteria?" https://www.youtube.com/watch?v=WAxDYXwSxF0 Beware False Negatives By Adrian Roselli. "…what happens when the tools themselves are missing things they should catch…" https://adrianroselli.com/2021/09/beware-false-negatives.html Mouse Accessibility (Video) By Dennis Lembrée. "Accessibility folks know about keyboard access and screen reader accessibility, but what about mouse accessibility? Users of a mouse and other pointing devices also benefit from inclusive design and development practices. This talk covers several of these techniques such sufficient target sizes, target spacing, pointer gestures, and more…" https://www.youtube.com/watch?v=0D1UJKT3wGI Your Brain is Welcome Here (Video) By Glenda Sims and Jennie Delisi. "…Join us to learn steps you can take to create cognitively accessible digital experiences…" https://www.youtube.com/watch?v=d8SOGSgqoxM Inclusive Design Principles (Video) By Henny Swan. "This talk goes over how the principles came about, how they can be used alongside WCAG, and how they can be used by designers, user experience professionals, developers, and product owners…" https://www.youtube.com/watch?v=U34msEypK6k You Make My Head Spin - Reducing Motion on the Web (Video) By Eeva-Jonna Panula. "Some people suffer a lot when they encounter something like parallax scrolling. It can cause them nausea, dizziness, or other symptoms that can last for hours. Also, those animations and movements can be distracting. These people can turn the "reduce motion"-setting on from the systems level. And the good news is that you actually have the tools to respect that setting…" https://www.youtube.com/watch?v=yKYA_SASgjA Using the WebAIM Million and User Surveys to Inform Your Inclusion Efforts (Video) By Jared Smith. "There is never enough web accessibility data, but the WebAIM Million home page analysis and user surveys provide useful data that can guide and inform effective accessibility efforts…" https://www.youtube.com/watch?v=MSnT1PIh6AM Annotating Designs for Accessibility (Video) By Claire Webber and Sarah Pulis. "Annotating designs with accessibility information is a powerful way to focus on accessibility early in the design phase, as well as communicate your accessibility requirements to developers and testers. Sarah and Claire will cover how to add accessibility annotations in components, patterns and complete wireframes using popular design tools such as Figma…" https://www.youtube.com/watch?v=Y35jmpS8lQM Deaf Tech: Travel Through Time from Past to Future (Video) By Meryl K. Evans. "Deaf technology and accessibility tools have come a long way. While automatic captioning is prevalent, there are other products and tools that have turned out to be invaluable to the deaf and hard of hearing…" https://www.youtube.com/watch?v=yrwKWtJdZ_c Synchronization Accessibility User Requirements Steve Noble, Jason White, Scott Hollier, Janina Sajka, Joshue O'Connor, Editors. "This document summarizes relevant research, then outlines accessibility-related user needs and associated requirements for the synchronization of audio and visual media…" https://www.w3.org/TR/2021/WD-saur-20210928/ 2021 Federal Plain Language Summit: Online Glossaries By Deborah Edwards-Onoro. "…In her Online Glossaries presentation at the 2021 Federal Plain Language Summit, Alison Kohler talked about how online glossaries can serve people with different levels of understanding… Here are my notes from her talk…" https://www.lireo.com/2021-federal-plain-language-summit-online-glossaries/ SPICE: Semantic Propositional Image Caption Evaluation (PDF) By Peter Anderson, Basura Fernando, Mark Johnson, Stephen Gould. "…We hypothesize that semantic propositional content is an important component of human caption evaluation, and propose a new automated caption evaluation metric defined over scene graphs coined SPICE. Extensive evaluations across a range of models and datasets indicate that SPICE captures human judgments over model-generated captions better than other automatic metrics…" https://panderson.me/images/SPICE.pdf An Update on The Accessibility of Conditionally Revealed Questions By Calvin Lau, Charlotte Downs,and Oliver Byford. "…we've learned more about the problem, what causes it and have worked to make conditional reveals work better for users…" https://accessibility.blog.gov.uk/2021/09/21/an-update-on-the-accessibility-of-conditionally-revealed-questions/ Navigating Website Accessibility Under Title III of the Americans with Disabilities Act By Alysa J. Ward and Diana N. Evans. "…Given the lack of clear regulatory guidance or consensus among the federal courts, lawsuits challenging website accessibility are unlikely to end any time soon…" https://www.natlawreview.com/article/navigating-website-accessibility-under-title-iii-americans-disabilities-act +02: CASCADING STYLE SHEETS. One Last Time: Custom Styling Radio Buttons and Checkboxes By Scott O'Hara. "At this point, I'm seeing very few reasons to continue to recommend the visually-hidden technique to style radio buttons and checkboxes…Additionally, I'm also quite skeptical of the 'need' to create custom ARIA radio buttons and checkboxes…" https://www.scottohara.me//blog/2021/09/24/custom-radio-checkbox-again.html CSS Container Queries: Container Relative Lengths By Bramus Van Damme. "Coming with Container Queries are 'Query Length Units'…" https://www.bram.us/2021/09/21/css-container-queries-container-relative-lengths/ Minding the 'gap' By Patrick Brosset. "…Let's take a proper look at gap and its associated properties, and understand how and where they work…" https://css-tricks.com/minding-the-gap/ Simplifying Form Styles With accent-color By Michelle Barker. "The new CSS accent-color property makes it quick and easy to roll out our brand colors to certain form inputs by leveraging user agent styles. In this article we'll take a look at what it does and how to use it alongside color-scheme for simple, accessible checkboxes and radio buttons - and imagine how we might use it in the future…" https://www.smashingmagazine.com/2021/09/simplifying-form-styles-accent-color/ +03: COLOR. Accessible Palette: Stop Using HSL for Color Systems By Eugene Fedorenko. "…I want to share the most important lessons I learned about color and present a new design and accessibility tool Accessible Palette born out of this work…" https://wildbit.com/blog/2021/09/16/accessible-palette-stop-using-hsl-for-color-systems +04: EVALUATION & TESTING. Why Do People Hate the Net Promoter Score? By Jeff Sauro and Jim Lewis. "The Net Promoter Score is ubiquitous, with many large organizations using it as a key metric. But despite its widespread adoption, there are vocal critics…" https://measuringu.com/why-do-people-hate-nps/ Accounting for User Research in Agile By Rachel Krause. "Along with design and development work, research efforts need to be represented in an Agile backlog to enable teams to focus on continuously learning about users throughout the project." https://www.nngroup.com/articles/user-research-agile/ Limited Usability Testing and Business Decisions (Video) By Jakob Nielsen. "Some business stakeholders say that 5 test users can't represent all customers, and so it's too dangerous to release a new design. Better to keep existing workflows unchanged. How to respond to such claims." https://www.nngroup.com/videos/limited-usability-testing-business-decisions/ Recruiting Expert Users as Usability Study Participants (Video) By Kate Kaplan. "User research, especially for complex apps and domain-specific design, may require study participants with high expertise who can be difficult to recruit. Here are 5 tips for getting expert users." https://www.nngroup.com/videos/recruiting-expert-users-usability-study-participants/ +05: EVENTS. Information Accessibility Design and Policy (IADP) Online Professional Certificate Starts October 18, 2021. Online http://iadp.ahs.illinois.edu/ Web Unleashed October 20-22, 2021. Online https://fitc.ca/event/webu21/ Web Accessibility Techniques and Testing November 25-December 16, 2021. Online https://events.humanitix.com/web-accessibility-techniques-and-testing-virtual-november-vision-australia-2021 Creating Accessible Documents: Adobe PDF November 26-December 14, 2021. Online https://events.humanitix.com/advanced-creating-accessible-documents-adobe-pdf-virtual-november-vision-australia-2021 DeveloperWeek February 2-4, 2022. Online https://www.developerweek.com/ South by Southwest (SXSW) Conference March 11-20, 2022. Austin, Texas, U.S.A https://www.sxsw.com/conference/ +06: HTML. Can I Include By Alexander Vishnyakov. "This project provides functionality to test whether one tag can be included in another…" https://caninclude.glitch.me/ +07: JAVASCRIPT. What is ARIA? Common Misconceptions About Accessible Rich Internet Applications By Bureau of Internet Accessibility. "…If you're using ARIA, make sure you understand exactly how your markup will affect your visitors. Don't test your ARIA with a single screen reader test. Check your markup frequently, and evaluate every aspect of your content for accessibility - not just your ARIA usage." https://www.boia.org/blog/what-is-aria-common-misconceptions-about-accessible-rich-internet-applications How to Create an Object from an Array of Data By Chris Ferdinandi. "A few months ago, I saw someone one Twitter ask: 'Can we create an object by looping on some data?' Today, I wanted to write about how to do just that…" https://gomakethings.com/how-to-create-an-object-from-an-array-of-data/ What are HTTP Methods and What Do They Do? By Chris Ferdinandi. "Today, I've got one last excerpt from my new pocket guide and video course on Serverless with vanilla JS. We'll be looking at HTTP methods: what they are, and when to use which one…" https://gomakethings.com/what-are-http-methods-and-what-do-they-do/ +08: MISCELLANEOUS. Facebook Rolls Out News Feed Change That Blocks Watchdogs from Gathering Data By Corin Faife. "The tweak, which targets the code in accessibility features for visually impaired users, drew ire from researchers and those who monitor the platform…" https://themarkup.org/citizen-browser/2021/09/21/facebook-rolls-out-news-feed-change-that-blocks-watchdogs-from-gathering-data Accessible Virtual Reality: Advice from a Deaf Person on How to Make It Better By Meryl K. Evans. "…Typically, I never shy away from new software and technology. However, the thought of diving into virtual reality (VR) feels daunting. Still, that doesn't damper my excitement in unboxing the Oculus Quest 2 VR headset and controllers…" https://equalentry.com/accessible-virtual-reality-deaf-advice/ A Content Model Is Not a Design System By Mike Wills. "These days, content models have to serve a variety of delivery channels, each more outlandish than the last. But why do many content models still look more like design systems rather than reflecting structured data? Mike Wills takes us on a personal journey as he examines his own past experiences and invites us to conceive content models that articulate meaning and group related content together for use on any channel." https://alistapart.com/article/a-content-model-is-not-a-design-system/ +09: NAVIGATION. DTC UX: On-Site Search and Improving ROI for Product Finding By Kathryn Totz. "…Sites with a very small number of products should prioritize investment in navigation and product information above an on-site search tool…" https://baymard.com/blog/DTC-Search +10: TOOLS. WCAG-EM Report Tool is Updated By Shawn Henry. "WAI is pleased to announce release of the updated: WCAG-EM Report Tool…" https://lists.w3.org/Archives/Public/public-wai-announce/2021JulSep/0003.html Accessible Palette By Eugene Fedorenko. "Accessible Palette is an app for building color systems with consistent lightness and predictable contrast ratios across color levels…" https://accessiblepalette.com/ +11: USABILITY. UX Mapping Methods: Study Guide By Kate Kaplan. "Unsure how to get started using UX mapping methods? Use this collection of links to our articles and videos to learn how to visualize UX insights and ideas into mapped visualizations." https://www.nngroup.com/articles/ux-mapping-methods-study-guide/ [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.]