+++ WEB DESIGN UPDATE. - Volume 18, Issue 50, June 11, 2020. An email newsletter to distribute news and information about web design and development. ++ISSUE 50 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: PHP. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Optimizing Keyboard Navigation Using tabindex and ARIA By Sara Soueidan. "A micro-case study on implementing keyboard-friendlier article listings for an online publication…" https://www.sarasoueidan.com/blog/keyboard-friendlier-article-listings/ Legacy Applications and Accessibility By Taylor Richards. "…there are a few key ways to test and then remediate those issues, to make sure that legacy content on your website or application is accessible…" https://www.deque.com/blog/legacy-applications-and-accessibility/ Complaint and Jury Trial Demand Against Duke University (PDF) By Mary Fernandez and the National Federation of the Blind. "Plaintiffs Mary Fernandez and the National Federation of the Blind, Inc. ('NFB'), by and through undersigned counsel, file this complaint against Defendant Duke University ('Duke')for denying the blind equal access to Duke's programs and activitiesin violation of federal law. They allege as follows…" https://mk0browngold1tavotm7.kinstacdn.com/wp-content/uploads/001-Complaint-ACE.pdf National Federation of the Blind Sues Duke University By National Federation of the Blind. Press release: "Duke University systematically discriminates against blind students and alumni in violation of the Americans with Disabilities Act and the Rehabilitation Act, according to a lawsuit filed today. The action, brought by the National Federation of the Blind and Duke MBA Mary Fernandez, alleges that Duke failed to ensure that blind students can interact with digital content and platforms and access course materials-including hard-copy Braille materials and hard-copy tactile graphics when requested and appropriate-on an equal basis with students without disabilities…" https://www.nfb.org/about-us/press-room/national-federation-blind-sues-duke-university +02: CASCADING STYLE SHEETS. On Fixed Elements and Backgrounds By Chen Hui Jing. "…If you have a fixed element on your page, which means it doesn't move when you scroll, you might realise that it no longer acts fixed if you apply a CSS filter on its nearest ancestor…Oh, you're still here? Okay then, let's talk a bit about how fixed positioning works in the context of browser rendering. Boxes are always positioned relative to a containing block…" https://chenhuijing.com/blog/on-fixed-elements-and-backgrounds/ CSS Grid, Programming Robots, & COVID with Jen Simmons By Thundernerds. "In this episode, we get to talk with Jen Simmons: speaker, teacher, designer and developer advocate for the web…" https://www.thundernerds.io/2020/05/css-grid-programming-robots-and-covid-w-jen-simmons/ Sass Color Functions in CSS By Jim Nielsen. "tldr; define your colors with individual hsl values using CSS variables, then compose your color declarations using the individual hsl values while using calc where you want to do the Sass equivalent of saturate, desaturate, lighten, darken, or adjust-hue…" https://blog.jim-nielsen.com/2020/sass-color-functions-in-css/ +03: COLOR. Colorblind Users Push Technology Designers to Use Signals Beyond Colors By Katie Deighton. "Simple user interface tweaks make life easier for colorblind people…" https://www.wsj.com/articles/colorblind-users-push-technology-designers-to-use-signals-beyond-color-11591351201 Colors in UI Design: A Guide for Creating the Perfect UI By Slava Vaniukov. "If you have a website or app that you're creating for your company, then you need to think about user interface design basics. In particular, you should pay attention to your color choices…" https://usabilitygeek.com/colors-in-ui-design-a-guide-for-creating-the-perfect-ui/ +04: EVALUATION & TESTING. Rating Scales in UX Research: Likert or Semantic Differential? By Maria Rosala. "Likert and semantic differential are instruments used to determine attitudes to products, services, and experiences, but depending on your situation, one may work better than the other." https://www.nngroup.com/articles/rating-scales/ Usability Testing with Minors (Video) By Alita Joyce. "Usability studies with children and teenagers are as valuable as any other user research, but require special attention to both participant recruiting and study facilitation. You can't act the same with kids as you would with adults." https://www.nngroup.com/videos/usability-testing-minors/ Leading VS. Lagging Measures in UX By Jeff Sauro and Jim Lewis. "…When it comes to UX metrics it can be helpful to think of metrics not as just lagging (dependent) and leading (independent) but as a causal chain from lagging to leading, with metrics acting in intermediate steps and as both leads (inputs) and lags (outcomes)…" https://measuringu.com/leading-vs-lagging/ Confounded Experimental Designs, Part 1: Incomplete Factorial Designs By Jim Lewis and Jeff Sauro. "UX research and UX measurement can be seen as an extension of experimental design. At the heart of experimental design lie variables…" https://measuringu.com/confounded-experimental-designs1/ +05: EVENTS. How Do We Make Things Accessible? June 16, 2020. Online https://www.eventbrite.com/e/how-do-we-make-things-accessible-tickets-107591095864 Multi-Method Accessibility Evaluation and Testing June 17, 2020. Online https://www.meetup.com/Cleveland-Accessibility-Meetup/events/270927494/ Embedding Accessibility in Your Organization June 25, 2020. Online http://knowbility.org/services/training/embedding-accessibility/ Virtual Web Accessibility Training August 12-13, 2020. Online https://webaim.org/training/virtual/ Code://Remote August 2020 (various dates). Online https://www.webdirections.org/code/ Product://Remote October 2020 (various dates). Online https://www.webdirections.org/product/ WordPress Accessibility Day October 2, 2020. Online https://make.wordpress.org/accessibility/2020/05/07/announcing-the-first-wordpress-accessibility-day/ International Day of People with Disability December 3, 2020. Everywhere https://www.idpwd.com.au/ +06: HTML. Reverse Ordered Lists By Manuel Matuzovic. I'm working on a project where I have a list of items in reverse order. The list starts with the latest item and ends with the oldest. I wanted to express that both semantically and visually. I did some research and found interesting solutions, some of them good, others not so much…" https://www.matuzo.at/blog/reverse-ordered-lists/ +07: MISCELLANEOUS. Covid-19 Makes it Clearer Than Ever: Access to the Internet Should be a Universal Right By Tim Berners-Lee. "The internet eased lockdown life for millions. But millions more still can't get online, and that's fundamentally unfair…" https://amp.theguardian.com/commentisfree/2020/jun/04/covid-19-internet-universal-right-lockdown-online +08: NAVIGATION. The Dangers of Exceptionalism By Gerry McGovern. "…in the vast majority of cases, task-based navigation works infinitely better than audience-based navigation…" https://gerrymcgovern.com/the-dangers-of-exceptionalism/ +09: PHP. PHP Marks 25 Years By Sarah Gooding. "This week the web is celebrating 25 years since Rasmus Lerdorf released version 1.0 of his Personal Home Page Tools (PHP Tools)…" https://wptavern.com/php-marks-25-years +10: USABILITY. The Changing Role of the Designer: Practical Human-Centered Design (Video) By Don Norman. "Human-centered design has 4 principles: understand the problem, the people, and the system, and do iterative design. But what if you don't have time to do all 4 steps?" https://www.nngroup.com/videos/changing-role-designer-part-1/ UI Copy: Remove vs Delete By Alex Zlatkus. "The difference between 'remove' and 'delete,' and how to ensure your user understands…" https://uxmag.com/articles/ui-copy-remove-vs-delete [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.]