+++ WEB DESIGN UPDATE. - Volume 19, Issue 05, July 29, 2020. 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? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: MISCELLANEOUS. 07: USABILITY. SECTION TWO: 08: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. A Beginner's Guide to ADA Website Accessibility Compliance By Kim Krause Berg. "Learn about inclusive design and how to optimize your website for ADA compliance with this beginner's guide to accessibility…" https://www.searchenginejournal.com/website-accessibility-compliance/374878 How to Create Accessible Subtitles By Chris Ferdinandi. "One popular design pattern on the web is a heading with a subtitle below it. The subtitle is typically bigger than normal body font, but smaller than the main h1 heading…" https://gomakethings.com/how-to-create-accessible-subtitles/ Revisting aria-label Versus a Visually Hidden Class By Chris Ferdinandi. "Last week, I wrote about the [aria-label] attribute, and when you should use aria. In the posts, I recommended that, generally speaking, [aria-label] is the better choice when you want the text read aloud by screen readers to be different from what's visually shown to sighted users. I was wrong…" https://gomakethings.com/revisting-aria-label-versus-a-visually-hidden-class/ Profile Photos: Business Use and Accessibility By Minnesota IT Services. "Profile photos can help improve your interactions with colleagues, including those with disabilities…" https://mn.gov/mnit/media/blog/?id=38-441391 Op-Ed Amid COVID-19, the Americans With Disabilities Act Turns 30. It needs to be updated By Mason Marks. "In the days of COVID-19-induced self-quarantine, Americans rely on apps and websites to work, buy food, attend school, consume news and entertainment, and communicate with one other…" https://www.latimes.com/opinion/story/2020-07-25/ada-30-update-covid19-americans-with-disabilities-act Anniversaries Celebrated By Cyndi Rowland. "Sunday, July 26, 2020 marked the 30th anniversary of the Americans with Disabilities Act. During WebAIM's 20th anniversary year, we take this opportunity to cherish this landmark legislation which codified equal opportunity and protections for those with disabilities…" https://webaim.org/blog/anniversaries-celebrated/ 30 Years of the Americans with Disabilities Act By Adrian Roselli. "Today (July 26, 2020) is the 30th anniversary of the Americans with Disabilities Act of 1990 (ADA). Thirty years is not very long when you consider Americans elected (largely unknowingly) a disabled president in 1932. On the other hand, it seems an eternity ago given Americans elected a president who mocks disabled people just 4 years ago." https://adrianroselli.com/2020/07/30-years-of-the-americans-with-disabilities-act.html 30 Years to Americans With Disabilities Act ADA By Rakesh Paladugula. "We will not accept, will not excuse and will not tolerate discrimination in America…" https://www.maxability.co.in/2020/07/26/30-years-to-americans-with-disabilities-act-ada/ Americans with Disabilities Act Celebrates 30 Years By Jaclyn Leduc. In this post, we discuss how the ADA has impacted the disability community over the past three decades and offer ideas on how to commemorate this momentous occasion…" https://www.3playmedia.com/2020/07/26/americans-with-disabilities-act-celebrates-30-years/ Three Ways to Celebrate the 30th Anniversary of the Americans with Disabilities Act By Deborah Edwards-Onoro. "This week marks the 30th anniversary of the Americans with Disabilities Act (ADA) in the United States…" https://www.lireo.com/three-ways-celebrate-30th-anniversary-americans-disabilities-act/ +02: CASCADING STYLE SHEETS. Modern CSS Techniques To Improve Legibility By Edoardo Cavazza. "In this article, we cover how we can improve websites legibility using some modern CSS techniques, great new technologies like variable fonts and putting into practise what we learned from doing scientific researches…" https://www.smashingmagazine.com/2020/07/css-techniques-legibility/ Custom Property Coverup By Amber Wilson. "The other day I was discussing CSS custom properties with Jeremy when I noticed something. When using custom properties, some (but not all) of the custom property values do not show up in the computed values in Chrome dev tools…" https://amberwilson.co.uk/blog/custom-property-coverup/ Unholy Albatross By Xiao Zhuo Jia. "The Holy Albatross is a clever bit of CSS by Heydon Pickering to responsively stack all columns into rows based on container size, without an intermediary step where some of the columns becomes rows but not others…" http://www.miragecraft.com/articles/unholy_albatross.html Designing Adaptive Components, Beyond Responsive Breakpoints By Stéphanie Walter. "…In this article you will find a short transcript, the slides, a video of the talk and some demos and resources…" https://stephaniewalter.design/blog/designing-adaptive-components-beyond-responsive-breakpoints/ Want to Get Better at Code? Teach Someone CSS By Peter Murray. "…The aim of this article is not to teach basic CSS to those who already know it but rather to highlight the things that inspired a newcomer and hopefully inspire you to pass on some knowledge to others if the opportunity arises…" https://css-tricks.com/want-to-get-better-at-code-teach-someone-css/ +04: EVALUATION & TESTING. Remote Usability-Testing Costs: Moderated vs. Unmoderated By Kate Moran. "Exact costs will vary, but an unmoderated 5-participant study may be 20-40% cheaper than a moderated study, and may save around 20 hours of researcher time." https://www.nngroup.com/articles/remote-usability-testing-costs/ Analyzing Qualitative User Data in a Spreadsheet to Show Themes (Video) By Kim Salazar. "A simple method for visually identifying strong vs. weak themes in qualitative data from user research: by placing individual observations in a spreadsheet and color-coding them." https://www.nngroup.com/videos/analyzing-qualitative-data-spreadsheet/ Reliability and Validity: Ensuring a Foolproof UX Research Plan By Pallabi Roy Singh. "…Let us now see how we can estimate the reliability of our research findings and ensure the validity of the methods used in our research plan…" http://uxpamagazine.org/reliability-and-validity-ensuring-a-foolproof-ux-research-plan/ Are Star Ratings Better Than Numbered Scales? By Jim Lewis and Jeff Sauro. "Due to both formats having five response options, we expected the results to be at least as close as those we found comparing numeric and slider scales, but that isn't quite what happened…" https://measuringu.com/numbers-versus-stars/ +05: EVENTS. js.la July 30, 2020. Online https://js.la/ Providing Remote Services for The Disability Community During The Pandemic August 18, 2020. Online https://www.meetup.com/A11yNYC/events/271970821/ Accessibility for News Coverage: From Live Captions to Post Production August 27, 2020. Online https://go.3playmedia.com/wbnr-08-27-2020-pub #a11yTO Conf October 21-23, 2020. Online https://conf.a11yto.com/ International Society for Technology in Education November 28-December 1, 2020 Anaheim, California, U.S.A. https://conference.iste.org/2020/ +05: HTML. Pausing a GIF with details/summary By Chris Coyier. "Steve Faulkner has a clever idea here. You can show an (animated) GIF and overlay a pause/play button on top of it - which is really a
/ element. When toggled, a (non-animated) JPG inside covers the GIF, effectively 'pausing' it.…" https://css-tricks.com/__trashed-26/ One Web Component to Rule Them All? By Scott Jehl. "Web components are pretty neat. They allow us to create and manage custom HTML elements, extend existing semantic elements, and even offer ways to create encapsulated portions of a component's HTML (in what's called a 'shadow' DOM) that can't be impacted by global styles and scripts…" https://www.filamentgroup.com/lab/delegator/ +06: MISCELLANEOUS. Are Modern Best Practices Bad For The Web? with Chris Ferdinandi (Podcast) By Drew McLellan. "We're asking if modern best practises are bad for the web? Are modern frameworks taking us down the wrong path? Drew McLellan speaks to Lean Web expert Chris Ferdinani to find out…" https://podcast.smashingmagazine.com/episodes/are-modern-best-practices-bad-for-the-web-with-chris-ferdinandi Brian Kardell on Open Prioritization experiment, Igalia, MathML and the Web Commons By Bruce Lawson, Vadim Makeev, Brian Kardell. "…it is my pleasure to introduce the man known internationally as the George Clooney of web standards, all the way from somewhere in America, Brian Kardell…" https://f-word.dev/episodes/5/ +07: USABILITY. Privacy Policies and Terms of Use: 5 Common Mistakes By Therese Fessenden. "Poly pages often fail to follow basic usability guidelines: they are not readable, lack high-level summaries and inside-policy navigation, have poor formatting, and are not available in expected places." https://www.nngroup.com/articles/privacy-policies-terms-use-pages/ Why Web Content is Badly Managed By Gerry McGovern. "…In many organizations, each senior manager, each unit, has an ego and agenda. Managers want to be seen to be 'doing something' about COVID-19, whether what they are doing has any real relevance or not. Units, divisions, departments, they all want to publish something that connects them with COVID-19. Without proper management, you get a flood of what I call tiny task content. This often overloads the Web team, who become so busy publishing all this stuff, they have no time to manage, review and update critical information." https://gerrymcgovern.com/why-web-content-is-badly-managed/ UX Win: Seven Sons Unsubscribe from Mailing List By Deborah Edwards-Onoro. "I think we can all agree unsubscribing from a mailing list shouldn't be hard…" https://www.lireo.com/ux-win-seven-sons-unsubscribe-mailing-list/ [Section one ends.] ++ SECTION TWO: +08: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]