+++ WEB DESIGN UPDATE. - Volume 21, Issue 05, July 26, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 05 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: TOOLS. 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. Research Insight: Accessibility of Images By Henny Swan. "…What gets overlooked is whether the visual content of the image is appropriate to the context of use for people with sight. Equally, if the text description fits in to the flow of adjacent content…Decorative images do more than just decorate a page, they also provide context, regardless of whether you can see an image or not…" https://tetralogical.com/blog/2022/07/21/research-insight-accessibility-of-images/ The Unexpected Star of NASA's Webb Images - the Alt Text Descriptions By Theresa Vargas. "A team in Baltimore was responsible for the words that made the stunning photos accessible to everyone…" https://www.washingtonpost.com/dc-md-va/2022/07/20/nasa-images-accessible-text Abbreviations Can be Problematic By Martin Underhill. "…When an acronym is used multiple times, though, it's likely it's being used for practical reasons rather than tone of voice. Reading can be clunky if the words are written in full each time, so all we have to do is define it the first time it's used on each page; from there on in it can be used freely…" https://www.tempertemper.net/blog/abbreviations-can-be-problematic Brief Note on Dismissing Selects and Listboxen By Adrian Roselli. "… Native controls and their ARIA equivalents sometimes behave differently. Understand that and make sure to account for it (ideally by testing). Try not to mix the native and ARIA version of a control within a page, flow, or maybe even site." https://adrianroselli.com/2022/07/brief-note-on-dismissing-selects-and-listboxen.html Accessibility: The Land Time to Interactive Forgot (Video) By Léonie Watson. Leonie's "Pixel Pioneers Bristol 2022" presentation. https://www.youtube.com/watch?v=PzFt4oyP6_I Learning Styles and Inclusion By Denis Boudreau. "Before we dig deeper into how we can better reach well over a third of our audience who is likely to experience issues with our content and delivery due to disabilities, ageing, or limiting conditions, we need to establish a few key concepts about how people learn…" https://inklusiv.ca/learning-styles-and-inclusion/ Not all blind people use screen readers and not all users of screen readers are blind. By Accessibility London. "Blindness is not a binary. Low vision is also a thing. PDFs are not accessible to many low vision users. No matter how you make them or how well they are supported." https://twitter.com/A11yLondon/status/1550091714756493312 Definitive Guide to CAPTCHA Accessibility By Holistic Accessibility. "There is no perfect solution, either for the user or security-wise. You should opt for the best technique according to the service provided. Also, it is important in the case of attack to have logs to analyse and to prepare for further attacks…" https://holistica11y.com/definitive-guide-to-captcha-accessibility/ Misuse of Twitter's Alt Text Feature Draws Criticism From Accessibility Advocates By Katie Deighton. "Twitter is testing pop-ups that remind users to add appropriate image descriptions as misuse of the alt text feature prevails…" https://www.wsj.com/articles/misuse-of-twitters-alt-text-feature-draws-criticism-from-accessibility-advocates-11657879200?mod=tech_lead_pos10 Accessibility of Remote Meetings Published as w3c Group Note By Ruoxi Ran. "W3C WAI announces publication of the Group Note Accessibility of Remote Meetings. It is a companion to the more succinct W3C resource: How to Make Your Presentations and Meetings Accessible to All…" https://www.w3.org/blog/2022/07/accessibility-of-remote-meetings-published-as-w3c-group-note/ +02: CASCADING STYLE SHEETS. With :focus-visible, You Can Have Focus Styles When It Makes Sense By Hidde de Vries. "…with :focus-visible we have a new way to only show focus styles when they make sense. How does that work?…" https://hidde.blog/focus-visible-more-than-keyboard/ Logical Properties for Useful Shorthands Michelle Barker. "Something I like about logical properties is the ability to set margins or padding on just a single axis on an element, while leaving the other alone…" https://css-irl.info/logical-properties-for-useful-shorthands/ Understanding CSS :has() (Video) By Eric A. Meyer. "Eric Meyer takes a look at the new CSS :has() pseudo class and explores a number of ways it can be used to supercharge your CSS…" https://www.youtube.com/watch?v=axkefJvfS9U How to Use CSS Math Functions By Alex Ivanovs. "An interactive tutorial on using the calc, min, max, clamp functions in CSS…" https://stackdiary.com/css-math-functions/ +03: COLOR. How to Improve Non-text Contrast: Color Schemes and Interface Components By David E. Miller. "…By following a couple of simple concepts, you can help ensure that your creation will adhere to WCAC 2.1, 1.4.11…" https://mn.gov/mnit/media/blog/?id=38-534351 Expert Tips For Color Accessibility On the Web By Benjamin Roussey. "To promote inclusive excellence for a brand, digital technology professionals, web developers, and graphic designers should focus on building inclusive and accessible digital platforms. Color accessibility is one of the vital elements in digital accessibility that deserves more attention…" https://www.accessibility.com/blog/expert-tips-for-color-accessibility-on-the-web Detailed Analysis of APCA (2022-07-16) By Tobias Bengfort. "…In this analysis I took a deeper look at the Accessible Perceptual Contrast Algorithm (APCA), a new algorithm to predict visual contrast. I compared it to an existing algorithm that has been part of WCAG 2.x, the current standard for accessibility testing for the web…" https://github.com/xi/apca-introduction/blob/main/analysis.md +04: EVALUATION & TESTING. Incognito Testing: Make Special Considerations, Get Expert Results By Jennie Delisi. "…Accessibility testers can use incognito and private browsing modes to save time. That way you don't have to clear your cookies and cache each time you start a test session. Before you start using extensions in private browsing modes you must think through how this impacts information security…" https://mn.gov/mnit/media/blog/?id=38-534388 Use Firefox for Accessibility Testing By Todd Libby. "Firefox has become one of the best tools for accessibility audits. Let's go over Firefox's accessibility features that you can use today…" https://www.a11yproject.com/posts/using-firefox-for-accessibility-testing/ Generating Accessibility Test Results for a Whole Website With Pa11y CI By Matthias Ott. "This week, I'm doing an accessibility audit for a client…" https://matthiasott.com/notes/generating-accessibility-test-results-with-pa11y-ci Best Practices for Structuring Accessibility Testing By Aaron Farber. "This webinar will cover common gaps in how organizations implement accessibility testing. These gaps complicate communication within an organization and lead to barriers for people with disabilities…While this webinar focuses on building accessibility testing skills with the ARC Platform, the lessons are applicable to all testing libraries…" https://www.youtube.com/watch?v=1GsB0y5h_EU The Funnel Technique in Qualitative User Research By Maria Rosala and Kate Moran. "The funnel technique is used in user interviews and usability tests and ensures you get rich insights while not compromising validity." https://www.nngroup.com/articles/the-funnel-technique-in-qualitative-user-research/ Rest It and Test It - Poster By Caroline Jarrett. Caroline Jarrett. "Write something - rest it overnight - test it - make it better…" https://www.effortmark.co.uk/rest-it-and-test-it-poster/ How to Compare Two Proportions with the N-1 Two-Proportion Test Jeff Sauro and Jim Lewis. "Proportional data is common in both UX research and the larger scientific literature…" https://measuringu.com/what-is-the-n-1-two-proportion-test/ +05: EVENTS. Supporting the Next Billion Users: Personalization & the Web August 9, 2022. Online https://www.tpgi.com/webinar-august-9-at-12pm-et-supporting-the-next-billion-users-personalization-the-web/ Rapid UX Research to Empower Your Teams August 9, 2022. Online https://www.eventbrite.com/e/rapid-ux-research-to-empower-your-teams-tickets-387721113287 Create Inclusive Customer Experiences: The Basics of Kiosk Accessibility August 17, 2022. Online https://www.tpgi.com/webinar-august-17-at-12pm-et-create-inclusive-customer-experiences-the-basics-of-kiosk-accessibility/ Accessibility Mentoring Program Fall 2022 Rotation. https://whollyaccessible.org/2022/07/21/accessibility-mentoring-program/ Making Your Visuals Accessible: 'Alt text' and Visual Descriptions October 13, 2022. Online https://umaine.edu/citl/event/making-your-visuals-accessible-alt-text-and-visual-descriptions/ Adobe MAX October 18-20, 2022. Online and Los Angeles, California, U.S.A. https://max.adobe.com/ Seattle Interactive Conference October 25-26, 2022 Seattle, Washington, U.S.A. https://seattleinteractive.com/ +06: HTML. Subheadings, Subtitles, Alternative Titles and Taglines in HTML By Steve Faulkner. "Until recently there was no dedicated method in HTML to identify content as a subheading, subtitle, alternative title or tagline. Now there is…" https://www.tpgi.com/subheadings-subtitles-alternative-titles-and-taglines-in-html/ Roundup of Recent Document Outline Chatter By Geoff Graham. "It's not everyday that HTML headings are the topic de jour, but my folder of saved links is accumulating articles about the recently merged removal of the document outline algorithm in the WHATWG Living Standard…" https://css-tricks.com/roundup-of-recent-document-outline-chatter/ +07: TOOLS. WCAG-Easy Tool: A Tool Based in the WCAG to Learn Web Accessibility (PDF) By Renan Soares Germano and Ismar Frango Silveira. "…Aiming to support the teaching/learning process of web accessibility, this article describes the process of creating and validating the WCAG-Easy Tool, a WCAG 2.1-based tool that can be used to teach web accessibility concepts and practices to developers and students…" https://ieeexplore.ieee.org/abstract/document/9820012 +08: TYPOGRAPHY. Typography in Web Design By Anamarija Igrec. "Words are essential for any Web site-and how a site presents those words is equally important…" https://www.uxmatters.com/mt/archives/2022/07/typography-in-web-design.php +09: USABILITY. Brevity = Brilliance (UX Slogan #5) (Video) By Jakob Nielsen. "The smaller the word count (and in general, the more concise your online communication), the more users will comprehend and retain your message." https://www.nngroup.com/videos/brevity-brilliance-ux-slogan-5/ Accounts & Self-Service UX: Consider Having an "Icon-Based" Dashboard (81% Don't) By Baymard Institute. "…Using icons in addition to text improves scannability dramatically - yet 81% of sites don't…" https://baymard.com/blog/use-icons-in-the-account-dashboard How to Write Less, Say More, and Avoid Getting a Shoe Thrown at You By Deborah Edwards-Oñoro. "…VandeHei's tips are part of good writing: focus on the reader, keep it simple, use language the reader knows, and stop when you've made your point…" https://www.lireo.com/how-to-write-less-say-more-and-avoid-getting-a-shoe-thrown-at-you/ Mobile UX: Study Guide By Raluca Budiu. "Unsure where to start? Use this collection of links to our articles and videos to learn how to write and present information that aligns with users' needs and online behaviors." https://www.nngroup.com/articles/mobile-ux-study-guide/ +09: WEBWASTE & SUSTAINABILITY. How to Optimize Images for the Web in Adobe Photoshop By Michael Andersen. "Everyone is talking about optimizing images because it is good for the environment, it improves your SEO ranking, and your users will have fewer data to download. But how do you optimize an image for the web the right way…" https://sustainablewww.org/principles/how-to-optimize-images-for-the-web-in-adobe-photoshop [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.]