+++ WEB DESIGN UPDATE. - Volume 20, Issue 42, April 13, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 42 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: EVALUATION & TESTING. 03: EVENTS. 04: HTML. 04: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: NAVIGATION. 08: TOOLS. 09: WEBWASTE & SUSTAINABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Common Accessibility Issues That You Can Fix Today By Hidde de Vries. "…These are some tips based on the most common issues that WebAIM Million 2022 identified…" https://hiddedevries.nl/en/blog/2022-04-12-common-accessibility-issues-that-you-can-fix-today/preview One Million Broken Web Sites - and a Way To Prevent That By Christian Heilmann. "Webaim.org releases an annual report called the WebAIM Million. This is a deep analysis of the one million most visited web sites how accessible they are. And every year the result is pretty grim…" https://christianheilmann.com/2022/04/12/one-million-broken-web-sites-and-a-way-to-prevent-that/ Case: Accessibility in Software Development By Sarah Horton. "…Company leadership decided to release the application with the inaccessible feature, despite the costs and risks to the company, its customers, and disabled users…" https://ethics.acm.org/code-of-ethics/using-the-code/case-accessibility-in-software-development/ The Business Case for Accessibility By Felicity Miners-Jones. "In an ideal world, products and services would be designed so that every person experienced them in an equitable and comparable way. However, sometimes it is necessary to justify to stakeholders why the proper time, money, and resources need to be dedicated to embed accessible practices…" https://tetralogical.com/blog/2022/04/05/business-case-for-accessibility/ Knowbility Be a Digital Ally Series: Video Captioning By Deborah Edwards-Oñoro. "Whether you're deaf, hard of hearing, work in a quiet or noisy environment, or comprehend better with the written word, captioned videos benefit everyone…" https://www.lireo.com/knowbility-be-a-digital-ally-series-video-captioning/ Use YouTube to Create Video Captions By Jim Byrne. "…You will always need to check and edit the text that Youtube generates…" https://jimbyrne.co.uk/use-youtube-to-create-video-captions/ Keyboard Challenges for Twitter's New ALT Badge By Adrian Roselli. "On 7 April 2022, Twitter added a feature to let all web users display the alternative text on images in tweets. I am glad to see this feature in the wild for everyone. It has some issues…" https://adrianroselli.com/2022/04/keyboard-challenges-for-twitters-new-alt-badge.html Takeaways from The Internet is Unusable: The Disabled View By Deborah Edwards-Oñoro. Deborah's notes from Nicolas Steenhout's "The Internet is Unusable: The Disabled View" presentation. https://www.lireo.com/takeaways-from-the-internet-is-unusable-the-disabled-view/ Refining Harm in Web Accessibility Cases: Harty V. West Point Realty By Ken Nakata. "Each morning, my (cough, overpriced, cough) Lexis account gives me a report on all of the new web accessibility cases. I have the first alert set up pretty broadly to first catch every ADA case…" https://convergeaccessibility.com/2022/04/11/refining-harm-in-web-accessibility-cases-harty-v-west-point-realty/ +02: EVALUATION & TESTING. How to Conduct a Cognitive Walkthrough Workshop By Kim Salazar. "Step-by-step directions for running a cognitive-walkthrough workshop with examples and templates included." https://www.nngroup.com/articles/cognitive-walkthrough-workshop/ Five User Interview Mistakes to Avoid (in 5 Minutes) (Video) By Therese Fessenden. "Probing vs. leading. Saying enough to make your participant comfortable, but not so much you derail the research. 5 pitfalls in the user interview process are demonstrated so that you can avoid them the next time you talk with users." https://www.nngroup.com/videos/interview-mistakes-to-avoid/ A New Statistical Approach for Predicting Usability Problems By Jeff Sauro and Jim Lewis. "…Following up on an observation by Bernard Rummel, we developed regression equations based on the cube root of the sample size for 15 problem discovery datasets, using the first five participants in each study to establish a discovery baseline…" https://measuringu.com/cube-root-problem-discovery-model/ Newbie Heuristic Evaluation Mistakes To Avoid By Adam Fard. "Heuristic evaluation (HE) is one of those design activities that has rightfully claimed its place on the UX Olympus…" https://www.uxbooth.com/articles/newbie-heuristic-evaluation-mistakes-to-avoid/ How to Improve UX Design Through A/B Testing By Sean Davis. "UX designers may face situations in which multiple solutions might seem correct. The dilemma they face in such a situation is how to choose the optimal solution from among several…" https://www.uxmatters.com/mt/archives/2022/04/how-to-improve-ux-design-through-ab-testing.php Get More Insight From Smaller Surveys By Patchworking By Caroline Jarrett. "There's a dilemma in the world of surveys: we want to find out lots of things by asking people questions, but they do not want to answer Big Honkin' Surveys any more…" https://www.effortmark.co.uk/surveys-and-patchworking/ +03: EVENTS. TechAccess Oklahoma 2022 April 19-21, 2022. Online https://techaccessok.org/ The Diversity in Your Users' Access Needs April 20, 2022. Online https://www.meetup.com/Cleveland-Accessibility-Meetup/events/284948635/ Accessibility Club Meetup #11 May 4, 2022. Düsseldorf, Germany https://accessibility-club.org/event/accessibility-club-meetup-11-13 Virtua11y Web Accessibility Conference 2022 May 17-19, 2022. Online https://www.eventbrite.co.uk/e/virtua11y-web-accessibility-conference-2022-tickets-303694356997 Human-Computer Interaction (HCI) July 26-July 1, 2022. Online http://2022.hci.international/ Web Directions Code September 2 & 9, 2022. Global https://webdirections.org/code/ National Association of Government Web (NAGW) Conference September 7-9, 2022 Little Rock, Arkansas, U.S.A. https://nagw.org/2022_NAGW_National_Conference +04: HTML. 12 Years Beyond a HTML Joke By Steve Faulkner. "…the HTML specification defines an outline algorithm and specifies how it affects heading rank regardless of the hard coded heading level h1...h6 and how
automagically transforms multiple headings into a single heading. Problem is that its never been implemented, as a consequence developers taking the specification as the truth, have been and continue to be misled…" https://html5accessibility.com/stuff/2022/04/05/12-years-beyond-a-html-joke/ The Devil is in the Details… By Christian Heilmann. "…If you use the HTML elements of summary and details you don't have to write any show/hide code yourself and users of Chromium browsers (Edge, Chrome, Brave…) can use 'find in page' as the browser will automatically expand the details that contain their search terms.…" https://christianheilmann.com/2022/04/05/the-devil-is-in-the-details/ HTML is All You Need to Make a Website By Salma Alam-Naylor. "…Websites are natively fast. And at the heart of every website is pure, unassuming, unadulterated HTML…" https://whitep4nth3r.com/blog/html-is-all-you-need-to-make-a-website/ +05: INFORMATION ARCHITECTURE. Information Architecture: Study Guide By Page Laubheimer. "Unsure where to start? Use this collection of links to our articles and videos to learn about what information architecture (IA) is, how to run an IA research study, and how to design navigation effectively." https://www.nngroup.com/articles/ia-study-guide/ +06: JAVASCRIPT. JavaScript Function Composition: What's the Big Deal? By James Sinclair. "Explores common patterns for function composition, and more importantly why they're useful. People treat function composition with a great deal of respect in the functional programming community. But if you look at what function composition is, you might be left confused. After all, it's not a complex idea. We take two functions and smush them together. What's the big deal…" https://jrsinclair.com/articles/2022/javascript-function-composition-whats-the-big-deal/ How to Get and Set a Date Object from an Input With Vanilla Javascript By Chris Ferdinandi. "Yesterday, we learned how to get the value of an input as a number with JavaScript. Today, we're going to learn how get a Date object instead…" https://gomakethings.com/how-to-get-and-set-a-date-object-from-an-input-with-vanilla-javascript/ +07: NAVIGATION. How Can I Make Breadcrumbs Accessible for People with Disabilities? By Bureau of Internet Accessibility. "…we'll explain how to identify breadcrumbs and provide a few tips for testing your content…" https://www.boia.org/blog/how-can-i-make-breadcrumbs-accessible-for-people-with-disabilities Designing Better Breadcrumbs By Vitaly Friedman. "…As it turns out, there are plenty of fine little details that can either make breadcrumbs confusing or infinitely more useful. In this article, we'll take a closer look at some of them…" https://www.smashingmagazine.com/2022/04/designing-better-breadcrumbs/ +08: TOOLS. 24×24 Pixel Cursor Bookmarklet By Adrian Roselli. Adrian made a bookmarklet for the proposed WCAG 2.2 SC Target Size (Minimum). https://codepen.io/aardrian/pen/eYyjNVg AInspector & Functional Accessibility Evaluator (Updated) By DRES Accessible IT Group at the University of Illinois Urbana-Champaign. "New versions of AInspector for Firefox and the Functional Accessibility Evaluator (FAE) are now available. These open source web accessibility evaluation and inspection tools were developed by the DRES Accessible IT Group at the University of Illinois Urbana-Champaign. Both new versions (AInspector 2.0 and FAE 2.3) utilize an updated version of the OpenA11y Evaluation Library 1.3 that supports the requirements of the ARIA 1.2 and ARIA in HTML specifications…" https://addons.mozilla.org/en-US/firefox/addon/ainspector-wcag/ and https://fae.disability.illinois.edu/ +09: WEBWASTE & SUSTAINABILITY. Your Website is a Pollution Machine By Chris Ferdinandi. "Your website is a small (or, depending on where you work, not-so-small) pollution machine. Today, I wanted to share some things you can do to make the web a bit more green…" https://gomakethings.com/your-website-is-a-pollution-machine/ Calculating True and Total Cost of Digital to the Earth By Gerry McGovern. "…90% of content published doesn't get used. In fact, over 90% of Web content is not even indexed by Google. We have a Cult of Volume, of trying to get as much content, as much code, as many users, traffic and hits as possible…" https://gerrymcgovern.com/calculating-true-and-total-cost-of-digital-to-the-earth/ [Section one ends.] ++ SECTION TWO: +10: 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.]