+++ WEB DESIGN UPDATE. - Volume 20, Issue 21, November 17, 2021. An email newsletter to distribute news and information about web design and development. ++ISSUE 21 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: EVALUATION & TESTING. 03: EVENTS. 04: HTML. 05: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: TYPOGRAPHY. 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. 4 Mistakes That Hurt Video Accessibility (And How To Avoid Them) By Bureau of Internet Accessibility. "…1. Using a video player with poor accessibility features… 2. Using video captions incorrectly… 3. Failing to provide transcripts for video content… 4. Ignoring color contrast…" https://www.boia.org/blog/4-mistakes-that-hurt-video-accessibility-and-how-to-avoid-them Why Keyboard Traps Are One of the Most Frustrating Accessibility Issues By Bureau of Internet Accessibility. "…if a person accesses web content with a keyboard alone (without a mouse, touchscreen, or other peripheral device), they should be able to fully navigate the content. They shouldn't become 'trapped' in a certain form field - but unfortunately, keyboard traps are a common issue for websites with complex interactive elements…" https://www.boia.org/blog/why-keyboard-traps-are-one-of-the-most-frustrating-accessibility-issues Browsing with Screen Magnification By Henny Swan. "Screen magnification software enlarges content on a desktop computer, laptop, tablet or smartphone screen. It magnifies everything on the screen, including the operating system, applications, and content… https://tetralogical.com/blog/2021/11/10/browsing-with-screen-magnification/ Accessible Writing with Ashley Bischoff (Video) By Jess Rose. "…it turns out that people who study language complexity have narrowed it down to two factors in particular… it primarily comes down to sentence length and syllables… the more complex the material the shorter the sentences should be… sentence length is half the battle cutting syllables is the other half… " https://www.youtube.com/watch?v=mtV05PG0ZX4s Ashley's slides: http://www.handcoding.com/presentations/1upaccessibility/ Here's what happens when you post a photo with no alt text on Twitter By Connor Scott-Gardner. "…because I think some of you don't understand what I have to do in response. First, it depends on…" https://twitter.com/CatchTheseWords/status/1459126621089185808 Accessibility on Social Media (Video) By Alexa Heinrich. "A guided walk-through of basic best practices that can help you make your social media content more accessible for everyone, but especially users who are blind, partially sighted, low vision, deaf, or hard-of-hearing…" https://www.youtube.com/watch?v=cRKE4VtlGDI The Difference Between Accessibility Compliance and Accessibility Conformance By Bureau of Internet Accessibility. "Does your website conform with the Web Content Accessibility Guidelines - or does it comply…" https://www.boia.org/blog/the-difference-between-accessibility-compliance-and-accessibility-conformance This Company Tapped AI for Its Website-and Landed in Court By Tom Simonite. "Under pressure to make their sites accessible to visually impaired users, firms turn to software. But advocates say the tech isn't always up to the task…" https://www.wired.com/story/company-tapped-ai-website-landed-court/ +02: EVALUATION & TESTING. Horizontal Versus Vertical Rating Scales By Jim Lewis and Jeff Sauro. "…In this article, we briefly review the literature we found comparing horizontal and vertical orientations and present and discuss our own findings…" https://measuringu.com/horizontal-versus-vertical-rating-scales/ +03: EVENTS. Sight Tech Global December 1, 2021. Online https://sighttechglobal.com/ Tips for Improving Accessibility and Engagement in College Coursework December 3, 2021. Online https://umn.zoom.us/webinar/register/WN_k16rkxctTnqHbWU4Jo60jQ All For Meets. The Meets for All! December 6, 2021. Online https://smashingconf.com/meets-for-all/ A11yVR Adapting VR Games for People with Disabilities December 9, 2021. Online https://www.meetup.com/a11yvr/events/281980707/ JavaScript and Web Development Bootcamps Starts January 10, 2022. Online. https://www.classcentral.com/report/javascript-and-webdev-bootcamps/ ConFoo February 23-25, 2022. Montreal, Quebec Canada https://confoo.ca/en/2022 +04: HTML. Designing a Reorderable List Component By Darin Senneff. "Our first action for the component is to determine what exactly we're building. At its core, we're creating a list of items which users can change the order of however they wish…" https://www.darins.page/articles/designing-a-reorderable-list-component Let's Talk About Native HTML Tabs By Dave Rupert. "…With one HTML, we can solve two birds with one stone. We get an accordion and a tabs control from the same single element…" https://daverupert.com/2021/10/native-html-tabs/ +05: INFORMATION ARCHITECTURE. How to Prototype a Digital Form on Paper By Caroline Jarrett. "Long, long ago - in 1999! - Gerry Gaffney made a paper prototyping kit that is free to download. It's a selection of widgets such as a page outline, some buttons, and textboxes that you print onto paper, or sticker paper, then cut them out to arrange as you wish…" https://www.effortmark.co.uk/how-to-prototype-a-digital-form-on-paper/ +06: JAVASCRIPT. Building Super Powered HTML Forms with JavaScript By Austin Gil. "A talk on using JavaScript to progressively enhance forms to improve user experience without negatively impacting native functionality…" https://austingil.com/building-super-powered-html-forms-with-javascript/ Structuring and Organizing Javascript Projects for Scale By Chris Ferdinandi. "One of the most common questions I hear from my students as they transition from beginner to mid-level developers is, 'How do you structure code?'…" https://gomakethings.com/structuring-and-organizing-javascript-projects-for-scale/ +07: MISCELLANEOUS. Can We Say 'Disabled'? By Kitty Giraudel. "Short answer: yes. Not only we can, but we also should. And we should stay away from ableist variants like 'differently abled', 'invalid', 'handicapable' or 'with special needs' (a mistake I have done in the recent past as well).\…" https://kittygiraudel.com/2021/11/12/can-we-say-disabled/ Notes on Web3 By Robin Sloan. "It's possible you have, in recent months, seen people writing with excitement (or curiosity, or consternation) about 'Web3'…" https://society.robinsloan.com/archive/notes-on-web3/ Who is Web3 For? By Robin Rendle. "…Who is the web for? Everyone, everywhere, and not only the few with a financial stake in it. It's still this enormously beautiful thing that has so much potential. But web3? That's just not it, man… https://www.robinrendle.com/notes/web-history/ +08: NAVIGATION. The Endless Search for "Here" in the Unhelpful "Click Here" Button By Eric Bailey. "Accessibility advocate Eric Bailey explains how 'click the button below' can be confusing to those of us who use the web differently. What if you're using a screen reader? What if there's no 'click' on your device…" https://www.getstark.co/blog/the-endless-search-for-here-in-the-unhelpful-click-here-button +09: TYPOGRAPHY. Women in Type By Department of Typography & Graphic Communication of the University of Reading. "Rediscovering women's contribution to type history…" https://www.women-in-type.com/ +10: USABILITY. Don't be Afraid of the Big Long Page By Caroline Jarrett and Amy Hupe. "…Long pages of content can seem daunting, so to make them look shorter, designers and developers often reach for things that hide some of the content, such as accordions, tabs, carousels or a 'reveal' widget. We'll call these things 'content-hiding interactions'. But hiding content doesn't solve this problem, and often creates further difficulties…" https://www.effortmark.co.uk/dont-be-afraid-of-the-big-long-page/ UX Win: PayPal Legal Agreements Update By Deborah Edwards-Onoro. "…PayPal provided a quick way to learn what changes were made in their legal agreements, in concise, readable language, without the legal jargon…" https://www.lireo.com/ux-win-paypal-legal-agreements-update/ World Usability Day 2021: Designing the Online World with Trust, Ethics and Integrity By Tess Herbert. "Thursday 11 November is World Usability Day, a day that brings together community and industry for a common goal - to ensure that essential services and products are easier to access and simpler to use…" https://intopia.digital/articles/world-usability-day-2021-designing-the-online-world-with-trust-ethics-and-integrity/ Takeaways from World Usability Day 2021: Trust, Ethics, and Integrity in Design By Deborah Edwards-Onoro. "For the 17th annual World Usability Day, UX Research and Strategy hosted a panel discussion featuring Morten Rand-Hendricksen, Trina Falbe, and Andy Vitale…" https://www.lireo.com/takeaways-from-world-usability-day-2021-trust-ethics-and-integrity-in-design/ Pretty (but) Vacant: Good Looking Digital Services Aren't Enough By Ayala Gordon. "…I'm going to keep this blog post specific – it’s a thought piece with some tips and hints on how to avoid commonly held misconceptions, with some practical advice and guidance when it comes to designing experiences…" https://www.southampton.ac.uk/blog/digitalteam/2021/11/11/pretty-but-vacant-good-looking-digital-services-arent-enough/ UX Roadmaps in 6 Steps (Video) By Sarah Gibbons. "A roadmap documents upcoming and future priorities for your user experience. The process starts with gathering goals, proceeds through the creation and sharing of the UX roadmap, and never ends, since the last step is to update." https://www.nngroup.com/videos/ux-roadmaps-6-steps/ 5 Prioritization Methods in UX Roadmapping By Sarah Gibbons. "The best prioritization method depends on project context, team culture, and success criteria." https://www.nngroup.com/articles/prioritization-methods/ +11: WEBWASTE & SUSTAINABILITY. It's Time for a Green Certification for Digital Technology By Mike Gifford. "…Websites can reduce their environmental impact by ensuring that images are served in modern formats and minimized to a size relevant to the page. Developers can see that CSS and JavaScript frameworks are minimized to avoid sending unnecessary code to the user. Effective page caching can ensure that only new content is loaded from the server when navigating a site. In fact, there are many things sites can do to reduce the number of bits sent to the browser. The result is lower energy consumption, which is the goal, but these measures also improve performance, battery life and usability…" https://www.engineeringforchange.org/news/time-global-green-certification-ict How Green is Our Data? By BBC. "Is data and our use of the internet adding to climate change…" https://www.bbc.co.uk/programmes/w3ct1lsx Moving into the Future at Walking Pace By Gerry McGovern. "…perhaps the greatest action we can take is to put on the brake. To slow down. To get away more from technology…" https://gerrymcgovern.com/moving-into-the-future-at-walking-pace/ [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.]