+++ WEB DESIGN UPDATE. - Volume 20, Issue 16, October 13, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 16 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: TYPOGRAPHY. 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. Structuring Your Website for Accessibility: Avoid These Header Tag Mistakes By Bureau of Internet Accessibility. "Heading tags (also called header tags or H tags) are a semantic tool for providing structure to web content. If you've researched search engine optimization (SEO) or reviewed the Web Content Accessibility Guidelines (WCAG), you've probably read about the importance of heading tags…" https://www.boia.org/blog/structuring-your-website-for-accessibility-avoid-these-header-tag-mistakes What Is Cognitive Accessibility? By Bureau of Internet Accessibility. "The term 'cognitive accessibility" refers to inclusive practices that remove barriers for people whose disabilities affect how they process information…" https://www.boia.org/blog/what-is-cognitive-accessibility Accessibility Does Not Impede Agility! By Matthew Deeprose. "Six ways that Digital Accessibility maps to Agile Practices…" https://generic.wordpress.soton.ac.uk/digital-learning/2021/09/22/six-ways-that-digital-accessibility-maps-to-agile-practices/ What's New in WCAG 2.2: New Success Criteria for Digital Accessibility By Bureau of Internet Accessibility. "The World Wide Web Consortium's Website Accessibility Initiative (WAI) is expected to release version 2.2 of the Web Content Accessibility Guidelines (WCAG) in 2022…" https://www.boia.org/blog/whats-new-in-wcag-2.2-new-success-criteria-for-digital-accessibility What Content Creators Should Know About WCAG 3.0 By Bureau of Internet Accessibility. "In January 2021, the World Wide Web Consortium (W3C) published a working draft of the Web Content Accessibility Guidelines (WCAG) version 3.0. The draft was updated in June 2021, and further revisions are likely…" https://www.boia.org/blog/what-content-creators-should-know-about-wcag-3.0 Explaining WCAG Principles: Perceivable By Luis Talamantes. "…This principle can be broken down into four guidelines…" https://uxdesign.cc/explaining-wcag-principles-perceivable-42eb87cc5f6e Explaining WCAG Principles: Operable By Luis Talamantes. "…The WCAG principle Operable is all about offering different ways in which people with disabilities can operate and move around your content. If, for example, one is unable to use the mouse, let them use the keyboard…" https://uxdesign.cc/explaining-wcag-principles-operable-a771b3c79d29 Factors Involved in Making STEM Content Accessible (Video) By Krista Greear. "Take a sneak peek into the complexities in creating accessible STEM content…" https://www.youtube.com/watch?v=v-MGQU7tJRY Converting PowerPoint Speaker Notes to Tagged PDF (PDF) By Karen McCall. "Recently I was asked to provide information on the best way to save a presentation with speaker notes as a tagged PDF that is readable and usable by those of us using adaptive technology…basically, how to make speaker notes accessible in a tagged PDF document…" https://www.karlencommunications.com/adobe/PowerPointSpeakerNotesAccessibilityInPDF.pdf Legal Update: U.S. Department of Justice Once Again Championing Digital Access By Lainey Feingold. "This is an article about the United States Department of Justice and its work to advance digital access for disabled people. In one case, the US Attorney in New York, part of the DOJ, said that five Covid vaccine-related websites in New York had to be usable by blind people. In another case, the DOJ told a federal court that kiosks that don't work for blind people violate the ADA. This article also includes links where you can learn more information about the DOJ's work on technology access for people with disabilities." https://www.lflegal.com/2021/10/doj-digital/ Couldn't Make it to the Digital Accessibility Legal Summit? Watch Our Keynote! By Ken Nakata. "Let's face it… web accessibility is broken in our country. It's broken legally. And it's broken technologically. But there's a bigger problem here-- and that's ableism and the lack of clear requirements…" https://convergeaccessibility.com/2021/10/11/join-us-at-our-upcoming-conferences-copy/ +02: CASCADING STYLE SHEETS. How To Build An Expandable Accessible Gallery By Silvestar Bistrović. "In this article, we'll be looking at how to set up a gallery that is expandable as well as accessible with a few tips and tricks along the way…" https://www.smashingmagazine.com/2021/10/build-expandable-accessible-gallery/ A Guide To CSS Debugging By Stephanie Eckles. "Debugging in CSS means figuring out what might be the problem when you have unexpected layout results. We'll look at a few categories bugs often fit into, see how we can evaluate the situation, and explore techniques that help prevent these bugs." https://www.smashingmagazine.com/2021/10/guide-debugging-css/ Understanding min-content, max-content, and fit-content in CSS By Ibadehin Mojeed. "Understanding the CSS sizing properties is necessary for developers who want the flexibility to present webpage content appropriately…" https://blog.logrocket.com/understanding-min-content-max-content-fit-content-css/ +03: EVALUATION & TESTING. There is No Average Person; Designing with Intersectionality in Mind (Video) By Lee Dale. "One of the most common ways to approach product and service objectives is to create personas and conduct research based on 'average' target users. But this approach falls apart when you consider that every person has a variety of shifting needs, identities, and contexts of use. This session will explore the challenges, opportunities, and methods of bringing an intersectional, inclusive approach to your research…" https://www.youtube.com/watch?v=RY9FHkETD5c Do People Use All Available Response Options? By Jeff Sauro and Jim Lewis. "Researchers love to argue about the 'right' number of points to use in a rating scale response option…" https://measuringu.com/do-people-use-all-response-options/ Advanced User Testing Methods for Accelerating Innovation (Video) By Kathryn Whitenton. "Two user research methods allow you to quickly test a large number of design alternatives, thus accelerating UX innovation. Rapid iterative design and within-subjects testing of multiple alternate designs aren't for every project, but are great when they do apply." https://www.nngroup.com/videos/advanced-user-testing-methods/ Remote Usability Testing: Study Guide By Kate Moran. "Unsure where to start? Use this collection of links to our articles and videos to learn about conducting user testing remotely." https://www.nngroup.com/articles/remote-usability-testing-study-guide/ +04: EVENTS. Digital Accessibility Program Planning November 1, 3, 10, and 17, 2021. Online https://events.educause.edu/courses/2021/digital-accessibility-program-planning Accessible SVGs: Pattern, Color Contrast, and Motion Considerations November 4, 2021. Online https://www.meetup.com/A11yNYC/events/280927915/ The Business Case for Accessibility and HR's Role November 9, 2021. Online https://www.tpgi.com/webinar-november-9-at-12pm-the-business-case-for-accessibility-and-hrs-role/ The Design + Accessibility Summit November 16-19, 2021. Online https://creativepro.com/design-accessibility-summit/ Science, Technology, Engineering, Math (STEM) Accessibility February 10-11, 2022. Online https://athenpro.org/content/athen-virtual-conference Association for Computing Machinery (ACM) Special Interest Group on University and College Computing Services (SIGUCCS) Conference March 27-30, 2022. Austin, Texas, U.S.A https://siguccs.org/Conference/2022/ Web4All 2022 April 25-26, 2022. Lyon, France http://www.w4a.info/2022/ +05: HTML. Spell Check By Manuel Matuzović. "You can disable spell check in input, textarea and contenteditable fields…" https://www.htmhell.dev/tips/spell-check/ Links, Missing href Attributes, and Over-Engineered Code By Martin Underhill. "…Recreating HTML's built-in functionality manually is time consuming and more error prone. If some code you write doesn't work as expected, before reaching for JavaScript, writing more CSS, and adding HTML attributes, check it's not just a missing href." https://www.tempertemper.net/blog/links-missing-href-attributes-and-over-engineered-code +06: JAVASCRIPT. How to Delete an Item From an Array with Vanilla Javascript By Chris Ferdinandi. "Let's say you have an array of wizards, like this…" https://gomakethings.com/how-to-delete-an-item-from-an-array-with-vanilla-javascript/ Function Expressions vs. Function Declarations Revisisted By Chris Ferdinandi. "…I wanted to share my updated thoughts on writing functions…" https://gomakethings.com/function-expressions-vs.-function-declarations-revisisted/ +07: MISCELLANEOUS. How Do You Say "People with Disabilities" in Japanese? By Kenji Yanagawa. "The Japanese language consists of two writing systems known as hiragana and katakana based on Chinese characters…" https://equalentry.com/people-with-disabilities-in-japanese/ Why It's Important to Own Your Content By Deborah Edwards-Onoro. "…You don't control Facebook, Instagram, Medium, LinkedIn or any other third-party site. Or how their algorithms decide who sees your content. Own your content. Publish on your own website. You control your content, when it's on your own website…" https://www.lireo.com/why-its-important-to-own-your-content/ The F-Word: Does the iOS Browser Ban Harm or Help the Web? (Podcast) By Bruce Lawson, Vadim Makeev, Stuart Langridge. "…Chrome, like every other browser on iOS, is just a skin around Safari. The rendering engine, the engine that actually views the pages, has to be WebKit from Safari. You cannot ship your own engine…" https://f-word.dev/episodes/13/ Virtual Reality in the Dark: VR Development for People Who Are Blind | Accessibility VR Meetup Recap By Equal Entry "Today's commercial VR systems provide interaction methods allowing people with disabilities to experience gaming and virtual environments as never before…" https://equalentry.com/virtual-reality-development-for-blind/ +08: TYPOGRAPHY. Exploring Disfluency: Are Designers Too Sensitive To Harder-To-Read Typefaces? By Mary Dyson and David Březina. "…A less legible font, such as Sans Forgetica, may slow down deciphering a message. This may not be a problem when designing for genres where ease of reading is not a primary concern, e.g. graphic posters. However, in circumstances where the text is difficult to understand, e.g. non-native or complicated language, Sans Forgetica would be problematic and the use of a more conventionally legible font is recommended." https://designregression.com/research/exploring-disfluency-are-designers-too-sensitive-to-harder-to-read-typefaces +09: USABILITY. Working Memory and External Memory (Video) By Raluca Budiu. "People have very limited ability to keep information in their working memory while performing tasks, so user interfaces should be designed accordingly: to minimize memory load. One way of doing so is to offload items to external memory by showing them on the screen." https://www.nngroup.com/videos/working-memory-external-memory/ Line Length Revisited: Following the Research By Mary Dyson. "Recent eye movement research is reviewed which questions whether long line lengths do cause reading difficulties." https://designregression.com/article/line-length-revisited-following-the-research +10: WEBWASTE & SUSTAINABILITY. People's Perception of Waste has Changed By Gerry McGovern. "…many in the younger generations are huge digital consumers and producers of content, and don't seem to be aware of the environmental impacts of digital…'The programmers and digital designers should design out the waste. It's a different mindset for the programmers because many haven't thought about these issues yet.'" https://gerrymcgovern.com/peoples-perception-of-waste-has-changed/ [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.]