+++ WEB DESIGN UPDATE. - Volume 21, Issue 39, March 22, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 39 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: BOOKS. 03: CASCADING STYLE SHEETS. 04: COLOR. 05: EVALUATION & TESTING. 06: EVENTS. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: PHP. 11: USABILITY. 12: WEBWASTE & SUSTAINABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Foundations: Pointer Gestures By Graeme Coleman. "This post introduces the different forms of pointer gestures and covers how and when to provide alternatives for people who can't perform them…" https://tetralogical.com/blog/2023/03/17/foundations-pointer-gestures/ Toolkit Tuesday: Using YouTube for Captions and Transcripts By Adam Scott Cord, Jessica "Jay" McKay, and Melissa Green. "…The topic of today's session is using YouTube for captions and transcripts, ensuring all videos have accurate captions and transcripts is key to making content accessible for all students to access and learn…" https://knowbility.org/blog/2023/toolkit-tuesday-using-youtube-for-captions-and-transcripts How Screen Readers Read Special Characters: An Update By Sophie Ragas. "Screen readers interpret what is on the screen. They can read most text easily and accurately, but how do they handle special punctuation and characters?…" https://elevenways.be/en/articles/screenreaders-special-characters Accessibility Beyond Code Compliance By Aaron Gustafson. "I had the great pleasure of delivering a talk about career opportunities for accessibility devs at axe-con earlier today. You can view the slides or watch the recording of this talk, but what follows is an approximation my talk's content, taken from my notes and slides…" https://www.aaron-gustafson.com/notebook/accessibility-beyond-code-compliance/ WCAG 2.2 and 3.0 Update (Video) By Wilco Fiers and Melanie Philipp. "…This talk will be focused on the developments happening around WCAG 2.2 and 3.0. We'll learn what has been happening with WCAG this year, and what to expect from it in the future.…" https://www.youtube.com/watch?v=pOoBoUVuVHs Wilco and Melanie's Slides (PDF): https://www.deque.com/axe-con/wp-content/uploads/2023/01/WCAG-update-axe-con-2023_03_a11y.pdf Structuring Accessible Forms (Video) By Rachele DiTullio. "…We look at the basics of building a form with different input types, adding in the necessary HTML attributes to link our form elements semantically, sprinkling in ARIA attributes, and handling errors and data validation…" https://www.youtube.com/watch?v=hc_mWh4T2bE Rachele's Slides (PDF): https://www.deque.com/axe-con/wp-content/uploads/2023/01/structuring-accessible-forms-1.pdf Accessibility Maturity Models (Video) By Jonathan Thurston and James Thurston. "Determining the accessibility maturity of your organization is a vital step toward growing a commitment to digital inclusion, but where do you start?…" https://www.youtube.com/watch?v=d1Loeva3KRQ Unicode Roman Numerals and Screen Readers By Terence Eden. "How would you read this sentence out aloud? 'In Hamlet, Act Ⅳ, Scene Ⅸ…'…" https://shkspr.mobi/blog/2023/03/unicode-roman-numerals-and-screen-readers/ [FireFox Bug] PDF Editor Removes Tags From Tagged PDFs By Adrian Roselli. "…Steps to reproduce: When I opened Firefox 111 it prompted me to try editing a PDF. I did so using a PDF that I had tagged…" https://bugzilla.mozilla.org/show_bug.cgi?id=1823296 +02: BOOKS. Boudreau, Denis. "The Inclusive Speaker: How to Truly Connect With All of Your Audience Without Leaving Anyone Behind", Prominence Publishing, 2023. https://inklusiv.ca/books/ +03: CASCADING STYLE SHEETS. Hijacking Screenreaders with CSS By Ben Myers. "…Make screenreaders insert extra content, change pronunciations, or forget an element's semantics altogether - with just a few lines of everyday CSS…" https://www.youtube.com/watch?v=kk-03n3Y4WI Ben's Slides: https://benmyers.dev/talks/axe-con-2023/ Focus States Research & Solutions (Slides) By Julia Feldman, Luis Bueno, & May Chen. "This deck will go through the research we conducted on focus states and designs solution based on that research…" https://docs.google.com/presentation/d/1luwiP519TITHicm0g-5xnE_l47Yyw96nUJSNW8Z2wEU/edit?resourcekey=0-AHcVjjJ5TIM-9VJmxpiKlQ When is :focus-visible Visible? By Ire Aderinokun. "Focus outlines (and their styling) have frequently been a point of contention between aesthetics and usability…" https://bitsofco.de/when-is-focus-visible-visible/ Preventing Too-Short Final Lines of Text Blocks By Richard Rutter. "…I've put together a very rough-and-ready proof of concept here. The idea is to have something to test out the concept of a minimum final line length and maximum amount of text that can be brought down from the line above to address that…" https://clagnut.com/blog/2425/ Trigonometric Functions in CSS By Bramus Van Damme. "Calculate the sine, cosine, tangent, and more in CSS…" https://web.dev/css-trig-functions/ +04: COLOR. Fix Color Contrast - Web Accessibility for Text & UI Design By Oliver Schöndorfer. "You know what's important with type? That you can read it…" https://pimpmytype.com/color-contrast/ +05: EVALUATION & TESTING. Research Through Broken Lenses: The Need to 'Shift Left' in UX Research (Video) By Michele Williams. "…Many have shown that waiting to include accessibility late in a product development cycle is costly and leads to patchwork fixes rather than integrated solutions. Advocates created a call to 'shift left' accessibility considerations earlier in the product development timeline; this presentation will explain why this must include UX Research…" https://www.youtube.com/watch?v=9kR-P6dxUFw The Variability and Reliability of Standardized UX Scales By Jeff Sauro and Jim Lewis. "…In this article, we'll look at the variability and reliability of seven commonly used standardized UX questionnaires and their implications for sample-size calculations…" https://measuringu.com/reliability-and-variability-of-standardized-ux-scales/ Discount Usability Revisited (Jakob Nielsen Keynote) (Video) By Jakob Nielsen. 3 methods for cheap and fast UX work are still good advice to emphasize iterative design and accelerate UX maturity improvements (This was Jakob Nielsen's keynote at the in-person Washington DC UX Conference) https://www.nngroup.com/videos/discount-usability-revisited/ +06: EVENTS. Shifting Left: How CMS Accessibility Can Help with Hidde de Vries April 12, 2023. Online https://a11ytalks.com/posts/2023-APR/ International Society for Technology in Education (ISTE) July 25-28, 2023. Philadelphia, Pennsylvania, U.S.A. https://conference.iste.org/2023/ devopsdays Chicago August 9-10, 2023. Chicago, Illinois, U.S.A. https://devopsdays.org/events/2023-chicago/welcome/ HighEdWeb 2023 Annual Conference October 8-11, 2023. Online and Buffalo, New York, U.S.A. https://events.highedweb.org/heweb23 +07: INFORMATION ARCHITECTURE. Avoiding 3 Common Pitfalls of Affinity Diagramming By Matt Brown. "Inexperienced facilitation in affinity diagramming workshops can lead to groupings that do not serve the team goals or misrepresent underlying issues. " https://www.nngroup.com/articles/affinity-diagramming-pitfalls/ 5 Tips for New Prototypers (Video) By Megan Brown. "Are you new to prototyping? We compiled our favorite design and workflow tips to help you create effective prototypes for usability testing." https://www.nngroup.com/videos/tips-for-new-prototypers/ +08: JAVASCRIPT. Default Function Parameters in Vanilla JavaScript By Chris Ferdinandi. "…Today, we're going to look at how you can set default values for function parameters when none are provided…" https://vanillajstoolkit.com/reference/variables-functions/default-parameters/ File Uploads for the Web (2): Upload Files with JavaScript By Austin Gil. "This is the second post in a series about uploading files for the web…" https://austingil.com/upload-files-with-javascript/ +09: MISCELLANEOUS. Whose Web is It, Anyway? (Video) By Bruce Lawson. "Sir Uncle Timbo (Tim Berners-Lee to you) famously designed the web for all people, whatever their hardware, software, language, location, or ability. As mobile devices become ubiquitous, yet controlled by a de facto duopoly, how can we ensure that the web remains open, affordable, and accessible for our 3 billion neighbours who are as yet unconnected?" https://www.youtube.com/watch?v=V5o4DXh0RWg How To Truly Connect with All of Your Audience Without Leaving Anyone Behind (Video) By Denis Boudreau. "…In this engaging and educational talk, Denis Boudreau, an expert in inclusive communication, takes us on a fantastic journey into the invisible, untapped, and underserved North American market worth hundreds of billions of dollars annually…" https://www.youtube.com/watch?v=PWCy8YYNeC0 Describing Yourself During Meetings By Tom Babinszki. "Over the last few years you may have noticed that many meetings and conference presentations start by people describing themselves.…" https://evengrounds.com/describing-yourself-during-meetings/ Ageism in Interfaces (Video) By Alex Tait. "…There is a bias that comes with this digital immersion, and it's lead to interfaces wrought with exclusionary assumptions…" https://www.youtube.com/watch?v=rGVgLPrLnTo 38th CSUN Assistive Technology Keynote (Video) By Michael Paciello. "…Mr. Paciello has been a pioneer and influential figure in the accessibility industry for more than three decades…" https://www.youtube.com/live/2aUP7hDgg_k?&t=1621 +10: PHP. Quick Tip: How to Get the Current Date in PHP By Claudio Ribeiro. "PHP provides several functions and classes for working with dates and times. In this article, we'll look at the different ways to get the current date and time in PHP and discuss some additional considerations when working with time in PHP…" https://www.sitepoint.com/php-get-current-date/ +11: USABILITY. Dealing with Technical or Professional Jargon By Kate Moran. "Answer two questions to decide how to handle technical terminology in your writing: (1) How many readers will know this term? (2) How important is the term in your context?" https://www.nngroup.com/articles/technical-jargon/ A Happy Compromise Between People-First and Plain Language By U.S. General Services Administration. "…People-first language is still plain when the words are all necessary and people know what they mean…" https://digital.gov/2023/03/07/a-happy-compromise-between-people-first-and-plain-language/ +12: WEBWASTE & SUSTAINABILITY. The Carbon Impact of Web Standards (PDF) By Alex Dawson. "A systematic investigation into the carbon impact of Web Standards such as front-end HTML and CSS; which have a cumulative impact upon how high the emissions of a website, service, or web application are…" https://websitesustainability.com/cache/files/research23.pdf How Slimmed-Down Websites Can Cut Their Carbon Emissions By Sean McManus. "I'm horrified," says Valentina Karellas. "I know grams because I work with them every day and I know how much 10g weighs. And that's just one page." https://www.bbc.com/news/business-64623955 How to Solve E-Waste: Ultimate Producer Responsibility By Gerry McGovern. @gerrymcgovern@mastodon.green "We need a radically new model that properly measures the true and total cost of materials, particularly their long-term cost to the environment and the life systems that depend on it…" https://gerrymcgovern.com/how-to-solve-e-waste-ultimate-producer-responsibility/ [Section one ends.] ++ SECTION TWO: +13: 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.]