+++ WEB DESIGN UPDATE. - Volume 21, Issue 21, November 16, 2022. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: INFORMATION ARCHITECTURE. 08: MISCELLANEOUS. 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. Accessfuturism: Digital Accessibility in 2032 (Video) By Crystal Preston-Watson. "Crystal Preston-Watson presents the opening keynote for the 2022 Web Accessibility in Mind Conference…" https://www.youtube.com/watch?v=W7BgIqXLRFc What's New in WCAG 2.2 Candidate Recommendation (Video) By Allison Ravenhall. "Take an in-depth look at the new criteria in the recently published Web Content Accessibility Guidelines (WCAG) version 2.2…" https://www.youtube.com/watch?v=5yhL8q8hDMA Designing for People Who Use a Mouse (Video) By Henny Swan. "…I'm going to talk to you today about designing for people who use a mouse…" https://www.youtube.com/watch?v=1OBoXqM3B4A A Deep Dive Into Accessible Notifications (Video) By Russ Weakley. "A deep dive into notifications from a design and developer perspective…" https://www.youtube.com/watch?v=iwHt2kVf-N0 Getting to the Core of Data Visualization Accessibility (Video) By Thomas Watkins. "I am a UX practitioner who also specializes in data visualization and so this talk is going to be talking about, or getting into, the imperative topics of the day…" https://www.youtube.com/watch?v=XHXiYz0MjrI From Projects to Programs: Accessibility in Digital Strategy (Video) By Rob Carr. "We're going to talk about accessibility in digital strategy and acknowledge first off that this conversation usually happens at different scales…" https://www.youtube.com/watch?v=_6lVH1HIYG4 How to Create Your Very Own Role-Based Enterprise Training Program! (Video) By Jaunita George and Ben Feigel. Learn how you can build an enterprise training program from the ground up, the lessons we learned along the way in building one at Navy Federal and how you can raise awareness about digital accessibility at your organization…" https://www.youtube.com/watch?v=1K2c-GDEbXE Your Accessibility Claims Are Wrong, Unless… By Adrian Roselli. "… I offer some approaches you can and should take before you set expectations about the accessibility of your thing - code or article or talk or whatever. …" https://adrianroselli.com/2022/11/your-accessibility-claims-are-wrong-unless.html Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing By Meryl K. Evans. "…There's more to accessibility requirements for hearing disabilities than people realize. Yes, captions are important for many of them, but adding captions is only half of the equation for accessible captions. Quality also matters and there's more to it than accuracy…" https://www.youtube.com/watch?v=tB4vpTvhj_s Sounds Like a Good Idea: How to Get Started Testing With a Screen Reader (Video) By Steve Barnett. "We test our work to have confidence in its quality. A great way to have confidence in the accessibility of our work is to test using a screen reader…" https://www.youtube.com/watch?v=xqjkSjZOUSI 5 Takeaways From Screen Reader Usability Interviews By Jess Budd. "…Of the five usability interviews we conducted with frequent screen reader users, some common patterns stood out to me…" https://jessbudd.com/blog/screen-reader-usability-testing-observations/ Include Disabled People at the Beginning of Your Project: You Are Not Your User (Video) By Deborah Edwards-Oñoro. "When I took my user experience classes almost 20 years ago, one of the first and most challenging, things for me to learn: I wasn't the user for the websites and services I designed and developed…" https://www.lireo.com/include-disabled-people-at-the-beginning-of-your-project-you-are-not-your-user-video/ How (And Why) to 'Shift-Left' Your Accessibility Testing (Video) By Sheri Byrne-Haber. "I'm going to start with an introduction and three semi-controversial statements and then talk about why to shift left…" https://www.youtube.com/watch?v=UmPBLoJI3jY Mobile Accessibility Testing (Video) By Rob Whitaker. "Testing is essential to making sure your software does what you think it does and ensuring your customers get the best possible experience.…" https://www.youtube.com/watch?v=VcJ6re3Hro4 Mobile Accessibility Testing Checklist - DRAFT By Bruce Lawson. "Wave goodbye to waiting for the accessibility team to pull their fingers out and test your stuff, with this one-stop enterprise turnkey self-help accessibility checklist solution…" https://docs.google.com/document/d/1hnHbigXvGlZZ-CWe2bpRGO3EBFy3liJMDVwPSNlMHaY/ Why You Need to Monitor and Report on Accessibility-All the Time By Sachin Gupta. "Aren't you 'done' with accessibility when you fix all the issues in an audit? While an accessibility audit is an important first step, the truth is that you're just getting started once you finish your audit. You now have to maintain the progress that you've made with your website and application…" https://www.deque.com/blog/why-you-need-to-monitor-and-report-on-accessibility-all-the-time/ Accessibility is the Future of Search By Matthew Luken. "…We bring the series to a close with posts sharing where things are going, what you should do next, and offering some thoughts on voice technology…" https://www.deque.com/blog/accessibility-is-the-future-of-search/ U.S. Law and Web Accessibility (Video) By Ken Nakata. Ken's presentation at Educause Annual Conference 2022. https://convergeaccessibility.com/2022/11/14/us-law-and-web-accessibility/ +02: CASCADING STYLE SHEETS. The Anatomy of visually-hidden By James Edwards. "Visually-hidden styles are used to hide content from most users, while keeping it accessible to assistive technology users.…" https://www.tpgi.com/the-anatomy-of-visually-hidden/ What CSS Do You Absolutely Have to Know in 2022? By Geoff Graham. "…If I had to put a Top 5 together and limit myself to only properties and selectors, it might look something like this…" https://css-tricks.com/what-css-do-you-absolutely-have-to-know-in-2022/ A Brief and Probably Only Partially Correct History of CSS Nesting By Chris Coyier. "2006: Sass was invented. Has nesting. All subsequent CSS processors have nesting…" https://chriscoyier.net/2022/11/09/a-brief-and-probably-only-partially-correct-history-of-css-nesting/ When Our Tools Hold Us Back By Miriam Suzanne. "What happens if the 'pace layers' get out of sync?…" https://www.oddbird.net/2022/11/11/platform-tools/ +03: COLOR. Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues By Whitney Lewis. "…Contrast is powerful for visual users, which is why there are specific accessibility guidelines regarding how we use color on the web…" https://blog.pope.tech/2022/11/08/accessibility-contrast-requirements-explained-and-how-to-fix-5-common-low-contrast-issues/ +04: EVALUATION & TESTING. Remote Contextual Inquiry: Lessons Learned By Kate Kaplan. "Contextual inquiry can be conducted remotely for certain types of tasks, provided that your participants can share most of their work setting through a video-call platform." https://www.nngroup.com/articles/remote-contextual-inquiry/ Secondary Research: Important UX Learning Right at Your Desk (Video) By Mayya Azarova. "You don't have to do all UX research yourself. You should learn from existing published work, which will save you much time, especially when beginning a new project." https://www.nngroup.com/videos/secondary-research-important-ux-learning-at-your-desk/ Screen Your Research Participants to Avoid Bias in User Research (Video) By Therese Fessenden. "Rule #1 for all user research is to study participants who are representative of the target audience. 5 best practices for recruiting screeners will improve the validity of your research." https://www.nngroup.com/videos/screen-your-research-participants-avoid-bias-user-research/ Effect of Thinking Aloud on UX Metrics: A Review of The Evidence By Jeff Sauro and Jim Lewis. "Think Aloud (TA) usability testing is a popular UX research method…" https://measuringu.com/does-ta-increase-task-times/ +05: EVENTS. Be A Digital Ally: Styles & Style Guides November 17, 2022. Online https://events.humanitix.com/be-a-digital-ally-styles-and-style-guides Breaking into Digital Accessibility Careers: Part 2 December 6, 2022. Online https://www.meetup.com/a11ynyc/events/289604947/ Web4All 2023 April 30-May 1, 2023. Austin Texas, U.S.A. http://www.w4a.info/2023/ 12th Global Accessibility Awareness Day (GAAD) May 18, 2023. Global https://accessibility.day/ +06: HTML. Dialogs, modality and popovers seem similar. How are they different? By Hidde de Vries. "Web platform concepts can sometimes be quite different, yet seem very similar…" https://hidde.blog/dialog-modal-popover-differences/ A Guide To Keyboard Accessibility: HTML And CSS (Part 1) By Cristian Díaz. "This article is the first of two parts about a guide to making websites accessible to keyboard users. Here Cristian Diaz covers a good set of practices and recommendations on how to use HTML and CSS to create a great experience for keyboard users." https://www.smashingmagazine.com/2022/11/guide-keyboard-accessibility-html-css-part1/ +07: INFORMATION ARCHITECTURE. Expectations for Wireframe Accessibility Annotations By Indiana University's University Information Technology Services. "Accessibility annotations are notes on your wireframe that specifically address information and behavior related to accessibility, such as how interactive items should be announced by assistive technology, such as screen readers. Accessibility annotations help you communicate critical information to stakeholders and developers…" https://kb.iu.edu/d/bhpk +08: MISCELLANEOUS. Video Interview Series #10: Caring about the World Wide Web, with Jeremy Keith By Huxley. "…Our talk spoke to some of the core beliefs underpinning the need for digital accessibility, more consideration of the internet as an inclusive force and the importance of cultural change in order to make the web better for everyone…" https://skiptocontent.huxleydigital.co.uk/video/caring-about-the-world-wide-web-with-jeremy-keith/ CSS Timeline By The Web History. "Time line for the CSS evolution and history of tooling, libraries, frameworks and so on…" https://css-timeline.vercel.app/ Mastodon and Fediverse Accessibility Tips By Fedi.Tips. "How do I use Mastodon through a screen reader?…" https://fedi.tips/mastodon-and-fediverse-accessibility-tips/ 10 Quick Tips for a Great Mastodon Experience By Jens Oliver Meiert. "Mastodon is a great alternative to Twitter: It doesn't belong to anyone, it appears designed nicely so as to regulate itself, and it enables a stronger sense of community…" https://meiert.com/en/blog/mastodon-quick-tips/ +09: USABILITY. World Usability Day 2022: Our Health (and a brand new podcast series!) By Chris Pycroft. "Thursday November 10 is World Usability Day, a day where events are held around the world that promote the values of usability and user-centred design. It also serves as a reminder for every user of any product, service or platform to continually ask for user experience improvements…" https://intopia.digital/articles/intopia-podcast-world-usability-day-2022-our-health/ Why Are There So Many Confusing Email Unsubscribe Messages? By Deborah Edwards-Oñoro. "…While the mailing list unsubscribe process has been around for years, it's obvious there's room for improvement in organizations' unsubscribe confirmation messages…" https://www.lireo.com/why-are-there-so-many-confusing-email-unsubscribe-messages/ 10 Jakob Nielsen UX Keynotes (Videos) By Nielsen Norman Group. "Recordings of 10 keynote presentations by Jakob Nielsen are available on our video channel…" https://www.nngroup.com/news/item/keynote/ Content Strategy 101 By Anna Kaley. "…A content strategy is a high-level plan that guides the intentional creation and maintenance of information in a digital product…" https://www.nngroup.com/articles/content-strategy/ +10: WEBWASTE & SUSTAINABILITY. awesome-green-extensions By Adora Foundation. "A list of climate friendly browser extensions and scripts that can help you reduce the carbon footprint of your internet consumption…" https://github.com/Adora-Foundation/awesome-green-extensions [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.]