+++ WEB DESIGN UPDATE. - Volume 20, Issue 02, July 08, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 02 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: 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. Web Designers Grapple With Downside to Flashy Animation: Motion Sickness By Dolly Deighton. "Eileen Webb is a digital content strategist. The job sometimes makes her feel sick. Literally. Ms. Webb suffers from chronic migraines, which are often worsened by certain visual stimulations. Flashy animations that appear seemingly out of nowhere on the web simply make her feel nauseated…" https://www.wsj.com/articles/web-designers-grapple-with-downside-to-flashy-animation-motion-sickness-11623340933 Accessibility Summer Camp (Videos) Presentations from the June 18 Accessibility Summer Camp Conference are available and will remain up for one year for viewing. https://www.accessibilityict.org/copy-of-program How You as a Site Author can Help Comprehension By Carolina Crespo. "For people working in the field of accessibility, we are very much aware that accessibility benefits everyone, not just people with disabilities. Like Billy Gregory's widely-shared tweet from 2015 said, 'When UX doesn't consider ALL users, shouldn't it be known as 'SOME User Experience' or… SUX?'…" https://www.tpgi.com/how-you-as-a-site-author-can-help-comprehension/ Make Your Powerpoint Presentations Accessible to People With Disabilities By Microsoft. "This topic gives you step-by-step instructions and best practices for making your PowerPoint presentations accessible to people with disabilities…" https://support.microsoft.com/en-us/office/make-your-powerpoint-presentations-accessible-to-people-with-disabilities-6f7772b2-2f33-4bd2-8ca7-dae3b2b3ef25 Webinar: Unpacking the 2021 State of Digital Accessibility Report By Deborah Edwards-Onoro. "…Tim Springer, CEO and founder of Level Access, will take a deep dive into the report findings and how digital awareness is moving us forward in creating a more inclusive future for everyone…" https://www.lireo.com/unpacking-2021-state-digital-accessibility-report/ Legal Update: June 2021 By Ken Nakata. "Welcome to the June legal update…" https://convergeaccessibility.com/2021/07/06/legal-update-june-2021/ What the Heck is "Web A11y"? By Ashlee M Boyer. "If you've seen "a11y" floating around the web development space and you're not sure what it means or how to say it, you're absolutely not alone…" https://ashleemboyer.com/what-the-heck-is-web-a11y +02: CASCADING STYLE SHEETS. Using HSL Colors In CSS By Ahmad Shadeed. "In this article, Ahmad Shadeed explains what HSL is, how to use it, and shares some of the useful use-cases and examples that you can use right away in your current projects…" https://www.smashingmagazine.com/2021/07/hsl-colors-css/ +03: COLOR. Evaluating Color and Contrast-How Hard Can It Be? By Jon Whiting. "Testing contrast and use of color is one of the most deceptively difficult tasks in a web accessibility evaluation…" https://webaim.org/blog/contrast-how-hard-can-it-be/ +04: EVALUATION & TESTING. Love at First Sight in Eyetracking (Video) By Feifei Liu. "When users search for information, they don't always keep looking for the best solution. In our eyetracking studies 20% of the time, users make do with the first result and don't look any further." https://www.nngroup.com/videos/love-first-sight-eyetracking/ +05: EVENTS. Unpacking the 2021 State of Digital Accessibility Report July 22, 2021. Online https://levelaccess.zoom.us/webinar/register/1716255946915/WN_xmmwgSG0QfaYqBWkFW3R5A Baking Accessibility into Your Event Strategy July 29, 2021. Online https://go.3playmedia.com/wbnr-07-29-2021-a11y-events UX Conference August August 28-September 3, 2021. Online https://www.nngroup.com/training/august/ Web Accessibility Training October 12-13, 2021. Logan, Utah, U.S.A. https://webaim.org/training/ DesignThinkers November 8-19, 2021. Toronto and Vancouver, Canada https://designthinkers.com/ World Usability Day November 11, 2021. Global https://worldusabilityday.org/ Accessing Higher Ground November 15-19, 2021. Online https://accessinghigherground.org/ +06: HTML. ARIA in HTML By Scott O'Hara. "On July 6 2021 the ARIA in HTML specification, that I co-edit along with Steve Faulkner and Patrick H. Lauke, became a W3C Candidate Recommendation Snapshot…" https://www.scottohara.me/blog/2021/07/07/aria-in-html.html ARIA in HTML Steve Faulkner, Scott O'Hara, and Patrick H. Lauke, Editors. "W3C Candidate Recommendation Snapshot 06 July 2021…" https://www.w3.org/TR/2021/CR-html-aria-20210706/ Tabs in HTML? By Brian Kardell. "…Please let us know what you think about the ideas here! If you could provide 'just good content' and have pretty much full stylistic control, and use CSS to express what kind of 'showey/hidey' control it should be/when… How would you feel about that? Do you "get it'? Do you 'buy the arguments'?…" https://bkardell.com/blog/SpicySections.html The Web's Worst Default By Robin Rendle. There are a lot of great defaults when it comes to browsers and the web. Think about all the accessibility features that are baked into HTML so that you don't have to do weird stuff, like this example from Manuel…" https://css-tricks.com/the-webs-worst-default/ +07: MISCELLANEOUS. Back to the Bad Old Days of the Web By George Jarango. "Much to my chagrin, the browser wars are back. In case you weren't around the web in the late 1990s, Microsoft sought to dominate the web browser market, then led by Netscape's Navigator. (The forerunner of today's Firefox.)…" https://jarango.com/2021/07/02/back-to-the-bad-old-days-of-the-web/ Haben Girma, Lawyer, Activist, and Advocate for Equal Opportunities for People with Disabilities (Podcast) By Guy Kawasaki. "Meet Haben Girma, the disability rights attorney, who became the first deafblind woman to graduate from Harvard Law School in 2013. Haben has made it her mission to advocate for equal opportunities for people with disabilities…" https://remarkable-people.simplecast.com/episodes/haben-girma-lawyer-activist-and-advocate-for-equal-opportunities-for-people-with-disabilities Making a Braille Note Accessible | Haben Girma x Stephen Curry (Video) With Mariella Paulino and Anthony Vasquez. "…The video features three tools to create an accessible note for someone who is blind and communicates via braille, a system of raised dots that individuals who are blind or have limited eyesight may read with their fingertips." https://www.youtube.com/watch?v=6Y-UZNQnB30 +08: NAVIGATION. Local Navigation Is a Valuable Orientation and Wayfinding Aid By Page Laubheimer. "Local navigation indicates to users where they are and what other content is nearby in an information hierarchy." https://www.nngroup.com/articles/local-navigation/ Task Flows and the Process of Designing Interactions By Steven Hoober. "…Some very specific tactics … really help organizations of all sorts get a handle on the design of interactions…" https://www.uxmatters.com/mt/archives/2021/07/task-flows-and-the-process-of-designing-interactions.php +09: TOOLS. WAI-ARIA Usage Bookmarklet By Gez Lemon. "Add the ARIA usage bookmarklet to evaluate document conformance requirements for use of ARIA attributes in HTML and allowed ARIA roles, states, and properties." https://thepaciellogroup.github.io/WAI-ARIA-Usage/WAI-ARIA_usage.html +10: USABILITY. Feature Checklists Are Not Enough: How to Avoid Making Bad Software By Kathryn Whitenton. "A good design relies on a thorough task analysis of the steps required to complete a task, as well as determining what information users need at each step." https://www.nngroup.com/articles/feature-checklists-are-not-enough/ The Role of Design Ethics in UX (Video) By Jakob Nielsen. "The push for less-ethical or even deceptive user interfaces is often caused by short-term thinking and immediate UX metrics. The long-term impact of harming users can backfire and lead to reduced brand loyalty." https://www.nngroup.com/videos/design-ethics-ux/ UX of Data: Making Data Available Doesn't Make It Usable By Laura Koesten and Elena Simperl. "Data plays an important part in our daily lives. It shapes how we view the world and, for better or worse, informs the decisions we make. Despite controversies around who collects and does what with data, data-centric work is seen as critical to solving the most complex problems of today, from climate change and security to health crises and inequality. It spans many types of tasks in various professions, undertaken by multiple stakeholders, who may or may not share a common understanding of the domain or the task. It also raises questions of data literacy, inclusion, and fairness in ensuring that the value the data creates is shared as widely as possible…" https://interactions.acm.org/archive/view/march-april-2021/ux-of-data How to Design for Non-native English Speakers By Manik Arora. "…By leveraging these strategies, you can … enhance the quality of your final product design, by making it much more accessible to a broadly diverse audience…" https://www.uxmatters.com/mt/archives/2021/07/how-to-design-for-non-native-english-speakers.php Disabled Buttons Don't Have to Suck By Justine Win. "Three alternative solutions other than just disabling buttons…" https://stories.justinewin.com/disabled-buttons-dont-have-to-suck-10da0bb6d37e The Role of UX: 2020 Benchmark Study Report and Analysis By Michael A. Morgan and Pabini Gabriel-Petit. "…The Role of UX: 2020 Benchmark Study explores UX roles, tools, methods, and organizational structures, as well as organizations' various levels of UX maturity…" https://www.uxmatters.com/mt/archives/2021/07/the-role-of-ux-2020-benchmark-study-report-and-analysis.php +11: WEBWASTE & SUSTAINABILITY. Data Center Planned Obsolescence (Part 1) By Gerry McGovern. "Data centers are about as far away from a circular economy model of design as you can get. They are quintessential models of planned obsolescence and e-waste…" https://gerrymcgovern.com/data-center-planned-obsolescence-part-1/ The Role of Design in Reducing Technology's Carbon Footprint By Jack Donovan. "How to improve your online eco-credentials…" https://uxdesign.cc/the-role-of-design-in-reducing-technologys-carbon-footprint-39dc9d2f9b21 [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.]