+++ WEB DESIGN UPDATE. - Volume 20, Issue 34, February 16, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 34 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: TOOLS. 10: USABILITY. 11: WEBWASTE & SUSTAINABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Updated Resource: Curricula on Web Accessibility - Designer Modules By Shawn Lawton Henry. "…The new designer modules focus on accessible user experiences, primarily for teaching visual, information, interaction, and UX designers…" https://lists.w3.org/Archives/Public/public-wai-announce/2022JanMar/0001.html Your Wordle Results Are Annoying, but Not for the Reasons You Think By Anna E. Cook. "…When sharing Wordle results and other emoji-heavy content, it's important to know how inaccessible these results can be for disabled people and what it is like to have a feed filled with them…If you follow these quick, simple steps, you can ensure everyone can enjoy your content. It is essential that what we build, share, create has accessibility in mind from the start." https://slate.com/culture/2022/02/wordle-word-game-results-accessibility-twitter.html Accessibility Monitoring: How We Test By Gov.uk. "Find out how the accessibility monitoring methodology is used to test websites and mobile apps under the Accessibility Regulations…" https://www.gov.uk/guidance/accessibility-monitoring-how-we-test How Apple VoiceOver Is Used For Mobile Accessibility Testing By Bureau of Internet Accessibility. "…By using VoiceOver, developers and designers can find some of the common barriers that affect real-life users…" https://www.boia.org/blog/how-apple-voiceover-is-used-for-mobile-accessibility-testing 7 Facts About Web Content Accessibility Guidelines WCAG 2.2 By Rajesh Bhimani. "The article enlists seven facts on Web content accessibility guidelines which everyone should know.…" https://www.skynettechnologies.com/blog/web-content-accessibility-guidelines-wcag-2-2 WCAG 2.2 Update By Val Lockhart. "According to the What's New in WCAG 2.2 Working Draft, the WCAG 2.2 is scheduled to be completed and published by June 2022…" https://theweco.com/wcag-2-2-update/ How Accessible are Online Stores? By Rian Rietveld. "We researched this question. The answers might (or might not) surprise you…" https://www.a11y-collective.com/how-accessible-are-online-stores/ Accessibility Solutions For Search Marketers By Kim Krause Berg. "Before purchasing automatic accessibility testing solutions, learn what they are, how they help, and what may attract ADA lawsuits. https://www.searchenginejournal.com/automatic-accessibility/436692/ P&G Website Not Accessible to Blind Individuals, Class Action Claims By Anne Bucher. "Plaintiff Robert Weekes, a legally-blind individual, filed a class action lawsuit alleging P&G's website is not fully accessible to blind and visually-impaired individuals…" https://topclassactions.com/lawsuit-settlements/lawsuit-news/procter-gamble-class-action-lawsuit-and-settlement-news/pg-website-not-accessible-to-blind-individuals-class-action-claims/ Disability Rights are at Risk, and You Can Help! (Video) By Paul Grossman. Paul Grossman's presentation and slides are available. (There is no sound for the first 40 seconds.) https://www.ahead.org/events-programming/webinars/jan-31-webinar Blind Students Fight for Accessible College Classes with Roy Payan and Carolyn Jones (Podcast) By Anne Vasquez. "In 2017, two blind students in the Los Angeles Community College District filed a lawsuit claiming that they and other blind students weren't given accessible materials in math classes. The students say that without materials in braille or audio, or tutors to read the material out loud, the classes are almost impossible to pass, effectively barring students from transferring to a four-year college…" https://edsource.org/podcast/blind-students-fight-for-accessible-college-classes +02: CASCADING STYLE SHEETS. No Motion Isn't Always prefers-reduced-motion By Chris Coyier. "There is a code snippet that I see all the time when the media query prefers-reduced-motion is talked about…" https://css-tricks.com/nuking-motion-with-prefers-reduced-motion/ Aspect Ratio is Great By Michelle Barker. "Maybe it's just me, but I feel like a lot of the time learning new CSS features doesn't involve just learning a what a single property does, more like getting to grips with a collection of properties and how they work together - even learning a whole specification…" https://css-irl.info/aspect-ratio-is-great/ Hello, CSS Cascade Layers By Ahmad Shadeed. "One of the most common causes of confusion in CSS is facing specificity while writing styles…" https://ishadeed.com/article/cascade-layers/ CSS Units and Values By Erisan Olasheni. "Teaches modern CSS units and values also introduces their specifications." https://lyty.dev/css/css-unit.html +03: COLOR. Foundations: Colour and Meaning By Henny Swan. "Colour is a valuable tool for communicating meaning. But if you can't see colour, then meaning is lost. Always plan to use colour to convey meaning in combination with another means of identification." https://tetralogical.com/blog/2022/02/15/colour-meaning/ +04: EVALUATION & TESTING. Evaluate Interface Learnability with Cognitive Walkthroughs By Kim Salazar. "Learnability is a crucial component of UX for complex and novel interfaces. Cognitive walkthroughs can identify design problems that derail new users." https://www.nngroup.com/articles/cognitive-walkthroughs/ Assessing User Reactions to Visual Design By Rachel Krause. "4 user research methods for assessing visual design (and when and why to use each): preference explanation, open & closed word choice, and numerical rankings for brand attributes." https://www.nngroup.com/videos/assessing-user-reactions-visual-design/ +05: EVENTS. Digital Design Sustainability Survey Results with Gerry McGovern February 17, 2022. Online. https://register.gotowebinar.com/register/4935888437455858191 How to Avoid Surface-Level Inclusion of People with Disabilities in Tech February 17, 2022. Online. https://makeitfable.zoom.us/webinar/register/WN_oSHLR01qSQGMxnRNdMBrsw Universal Design for Learning - Boston Accessibility Meetup February 17, 2022. Online. https://www.meetup.com/a11yBoston/events/283806347/ The Internet is Unusable: The Disabled View with Nicolas Steenhout February 21, 2022. Online. https://www.meetup.com/wordpress-accessibility-meetup-group/events/282798136/ ACCESS 2022 - Age of Digital Inclusion March 29-April 1, 2022. Online. https://www.3playmedia.com/access/ SmashingConf SF 2022 March 31, 2022. San Francisco, California, U.S.A. https://smashingconf.com/sf-2022 Born Accessible March 31, 2022. Online https://www.meetup.com/A11YCollective/events/283188672/ University of Illinois Web Con 2022 April 6-8, 2022. Online and Champaign, Illinois, U.S.A. https://webcon.illinois.edu/ StrategicA11y - Virtual Strategic Web Accessibility Workshop April 12-14, 2022 https://webaim.org/training/strategica11y/ Zoom Accessibility Workshop Online April 19, 2022 https://webaim.org/training/zoom/ +06: HTML. Using the Language Attribute to Make Your Website Accessible By Craig Abbott. "…Every language has it's own code for the lang attribute. To find the language you need, you can look it up under ISO 639-1 codes or use a library such as ISO language codes on NPM. Whenever you're writing content, make sure you tag up anything which isn't the default language of the page. Even simple phrases that have crept into the English language, like déjà vu. If you do these things, you should pass the WCAG criteria for 'Language of Page' and 'Language of parts'." https://www.craigabbott.co.uk/blog/using-the-language-attribute-to-make-your-website-accessible +07: JAVASCRIPT. Are We Live? By Scott O'Hara. "If you have an interface where content is dynamically updated, and when the content is updated it does not receive focus, then you likely are going to need a live region…" https://www.scottohara.me/blog/2022/02/05/are-we-live.html +08: MISCELLANEOUS. Virtual Reality Accessibility: The Importance of Comfort Ratings and Reducing Motion By Meryl K. Evans. "What is 'Comfort Rating' and why is it important?…" https://equalentry.com/virtual-reality-accessibility-comfort-ratings-and-reduced-motion/ Bringing a Closing to Disclosing the Clothing By Jack Bernard. "I have noticed a growing trend. Some people are adopting the practice of giving physical descriptions of themselves at the beginning of meetings or presentations…" https://nfb.org//images/nfb/publications/bm/bm22/bm2201/bm220108.htm +09: TOOLS. Free Accessibility Linter's to Automate Accessibility Workflow By Raghavendra Satish Peri. "In this post we provided a roundup of accessibility linters available…" https://www.digitala11y.com/free-accessibility-linters-to-automate-accessibility-workflow/ +10: USABILITY. How to Make Your Copy Easy to Scan By Paul Boag. "People rarely read more than 28% of the words on a webpage. Instead, they scan. We, therefore, need to make scanning our content as easy as possible. This post teaches you how…" https://boagworld.com/content-strategy/easy-to-scan-copy Fitts' Law In The Touch Era By Steven Hoober. "In this article, Steven Hoober shines the spotlight on Fitts' Law and explains why we should always ask questions and consider what particular guidelines and lessons mean to our users and our products…" https://www.smashingmagazine.com/2022/02/fitts-law-touch-era/ Contrast: One of the 3Cs for Better Charts By Kate Moran. "Direct your viewer's attention to your point. Use color, callouts, and titles to communicate your key takeaway." https://www.nngroup.com/articles/contrast-charts/ +11: WEBWASTE & SUSTAINABILITY. Earth Experience Design Survey Results Overview By Gerry McGovern. "According to 550 digital designers, developers and content professionals, sustainable digital design is about shifting from short-term thinking selling superficial wants to long-term thinking solving deep needs. Their top tasks are:…" https://gerrymcgovern.com/earth-experience-design-survey-results-overview/ [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.]