+++ WEB DESIGN UPDATE. - Volume 18, Issue 38, March 17, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 38 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. 08: NAVIGATION. 09: USABILITY. 10: XML. SECTION TWO: 17: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Axioms: Basic Truths About Building an Inclusive Digital World By Mike Gifford. "Accessibility Axioms (A11yAxioms): Basic truths about building an inclusive digital world. An axiom is a 'statement that is taken to be true, to serve as a premise or starting point for further reasoning and arguments.' In this case, the further reasoning is to help us build a common understanding of how to approach buidling a digitally inclusive future. The axioms here should simplify our understanding of the bigger process…" https://github.com/accessibility/Axioms Is Making Online Exams Accessible Important? By Rakesh Paladugula. "Several schools and universities provide online education. In the competitive world online education is most reliable, economical and viable. Making virtual classrooms, education material and assignments accessible is vital for student's success. Finally the student's success is measured on the performance in exams. Making those online exams accessible is critical. So, what are different considerations for making online exams accessible…" https://www.maxability.co.in/2020/03/15/7-tips-for-making-online-exams-accessible/ These Are the Web Accessibility Standards Designers Need to Know By Yichen He. "The term Accessibility covers a vast field of standards that comes with a confusing myriad of acronyms…" https://thenextweb.com/syndication/2020/03/14/these-are-the-web-accessibility-standards-designers-need-to-know-syndication/ Accessible UI Component Libraries Roundup By Raghavendra Satish Peri. "Here is a list of accessible UI components that you can use for your next project…" https://www.digitala11y.com/accessible-ui-component-libraries-roundup/ Ensuring that Drag-and-Drop Actions can be Cancelled By W3C AG Working Group. "The Technique is applicable to any technology that supports pointer input (e.g. supporting any or all of the following: mouse pointer, touch on touch screen or trackpad, stylus input, or laser pointer input)…" https://www.w3.org/WAI/WCAG21/Techniques/general/G210 Kiosk Accessibility: Selecting the Correct Input Device By Matt Ater. "One of the key things to consider when striving to make your kiosk accessible is selecting the appropriate input device…" https://www.paciellogroup.com/kiosk-accessibility-selecting-the-correct-input-device/ Why Videos on GOV.UK use the YouTube Video Player By Anika Henke. "…This blog post explains why YouTube was the most suitable video player for GOV.UK. In a future blog post, we will explain more about how to make your video accessible for the YouTube player…" https://accessibility.blog.gov.uk/2020/03/16/why-videos-on-gov-uk-use-the-youtube-video-player/ +02: CASCADING STYLE SHEETS. Twitter Thread as Blog Post: Thoughts on How We Write CSS By Lara Schenck. "I have been writing/programming CSS/boxes today (where today = last Friday…) for a volunteer project working on the website for The Center for Artistic Activism (we have a cool CSS algorithm for image filters that I need to write about, too)…" https://notlaura.com/twitter-thread-as-blog-post-thoughts-on-how-we-write-css/ The CSS Podcast By Una Kravets and Adam Argyle. "Cascading Style Sheets (CSS) is the web's core styling language. For web developers, It's one of the quickest technologies to get started with, but one of the hardest to master. Follow Una Kravets and Adam Argyle, Developer Advocates from Google, who gleefully breakdown complex aspects of CSS into digestible episodes covering everything from accessibility to z-index…" https://pod.link/thecsspodcast +03: COLOR. Where Microsoft Teams Fails People with Vision related disabilities and #a11y By Jeffrey D. Stark. "This article is being written because with all the focus on remote working and collaboration tools, if they aren't fully accessible that excludes certain populations from participating…" http://blog.blackspheretech.com/?p=423 +04: EVALUATION & TESTING. The Discovery Phase in UX Projects By Maria Rosala. "Although there can be many different instigators, roles, and activities involved in a discovery, all discoveries strive to achieve consensus on the problem to be solved and desired outcomes." https://www.nngroup.com/articles/discovery-phase/ +05: EVENTS. Tech4Good, Tech4All, and Digital Inclusion April 9, 2020. Online https://go.3playmedia.com/wbnr-04-09-2020-tech4good Is Your Website Reaching A11Your Users? June 25-July 1, 2020. Anaheim, California, U.S.A. http://aem.cast.org/about/events/2020/06/website-reaching-a11your-users.html International Society for Technology in Education (ISTE) June 28-July 1, 2020. Anaheim, California, U.S.A. https://conference.iste.org/2020/ ADA Anniversary Update: 30 Years, Where do We go Now? July 14, 2020. Online https://www.accessibilityonline.org/ADA-Audio/session/?id=110790 +06: HTML. #17 Inaccessible Cards By Šime. "Context: A list of linked cards, each with heading, image, and teaser text…" https://www.htmhell.dev/17-inaccessible-cards/ +07: MISCELLANEOUS. W3C: CoVid-19 Remote Meet, Work, Class Community Group Created By Larry Masinter. "In the face of the covid-19 pandemic and travel restrictions, lots of meetings, schools, other kinds of events are trying to 'go virtual'. To help people understand their choices and other concerns, we started a 'community group' at W3C…" https://masinter.blogspot.com/2020/03/covid-19-remote-meet-work-class.html Happy 31st Birthday, World Wide Web! By Coralie Mercier. "Tim Berners-Lee quote: The Web is humanity connected by technology.In March 1989 Sir Tim Berners-Lee wrote 'Information Management: A Proposal' and with that quiet act launched an idea, the World Wide Web, that has changed our lives…" https://www.w3.org/blog/2020/03/happy-31st-birthday-world-wide-web/ Calculating the Pollution Effect of Data By Gerry McGovern. "There are many ways that digital can create pollution. Let's start by looking at how much data we use and what pollution it causes…" https://gerrymcgovern.com/calculating-the-pollution-effect-of-data/ The Coronavirus Response Shows How Crucial Accessibility Is By Amy Meng. "Seeing companies make drastic changes to accommodate working remotely during the coronavirus outbreak is great - but it's also frustrating for those of us who could have used those accommodations much sooner…" https://www.buzzfeednews.com/article/amymeng/coronavirus-working-from-home-disability-accessibility LinkedIn Learning Offers Free Courses on Remote Working and Virtual Communication Tools By Deborah Edwards-Onoro. "The past few weeks have brought a lot of changes in the workplace. With the coronavirus pandemic, many employees are now working from home…" https://www.lireo.com/linkedin-learning-remote-working-virtual-tools/ +08: NAVIGATION. Block Links Are a Pain (and Maybe Just a Bad Idea) By Chris Coyier. "…" https://css-tricks.com/block-links-are-a-pain-and-maybe-just-a-bad-idea/ +09: USABILITY. Animated GIFs in Email Are Worse Than Static Emails By Kim Flaherty. "On average, people have a more positive reaction to emails without animated GIFs compared to those with animated GIFs." https://www.nngroup.com/articles/gif-emails/ Teenage Users Compared to Other Age Groups (Video) By Alita Joyce. "Age groups differ in how they use websites, the internet, and computers. Our findings from studying teenagers are contrasted with our other user research with children and adults: user experience designers should target their designs based on target audience behavior patterns." https://www.nngroup.com/videos/teen-users-vs-other-age-groups/ Always Explain Why the 'Phone' Field Is Required (58% of Sites Don't) By Edward Scott. "…Based on the results from our quantitative study, it would seem that requiring users to provide a phone number is simply a bad idea. However, our large-scale usability test sessions proved there's a simple, low-cost solution that still allows sites to collect this data - offering an explanation for why the phone number is required, to address users' underlying privacy concerns…" https://baymard.com/blog/explain-phone-number-field Website Design in High-Context Cultures like China (Video) By Feifei Liu. The contrast between low-context and high-context cultures has substantial implications for web designs that target users in different countries. Examples from eyetracking research in China (a high-context culture) illustrate this point. https://www.nngroup.com/videos/website-design-high-context-cultures/ +10: XML. Accessible SVGs: Inclusiveness Beyond Patterns By Carie Fisher. "We are fortunate to have robust patterns to choose from when optimizing accessibility in SVGs - but most people stop there, focusing on code compliance and not actual users and their needs. If true inclusiveness lies beyond patterns - what other factors should we consider when designing and developing accessible SVGs…" https://www.smashingmagazine.com/2020/03/accessible-svgs-inclusiveness-beyond-patterns/ [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 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.]