+++ WEB DESIGN UPDATE. - Volume 21, Issue 52, June 21, 2023. An email newsletter to distribute news and information about web design and development. ++ISSUE 52 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: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 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. 6 Quick Tests You Can Do to Test Your Forms for Accessibility By Karl Groves. "Whenever I do a full audit for a website, I have almost 40 individual, highly granular, form-related checks. Those checks can be boiled down to the following 6 high level goals…" https://karlgroves.com/6-quick-tests-you-can-do-to-test-your-forms-for-accessibility/ Flashing Content By Ellen Liebert, Jeanne Spellman, and Rachael Bradley Montgomery. "…Given the serious consequences of using flashing content, it is strongly recommended that all flashing is avoided…" https://www.ta11y.org/learning/topic?key=change.flash The Five Types of People Who Produce Inaccessible Code By Eric Bailey. "There are roughly five types of people you'll meet doing accessibility development work…" https://ericwbailey.website/published/the-five-types-of-people-who-produce-inaccessible-code/ Open Source and Accessibility: How We Can Make Government Digital Services Available to Everyone By Mike Gifford. "The problem: Digital accessibility in government services is difficult. Why it matters: Digital content isn't accessible for all users and reports of accessibility errors are often never addressed. The solution: Using open source technologies to develop fast and affordable government-wide accessibility solutions…" https://apolitical.co/solution-articles/en/open-source-and-accessibility-how-we-can-make-government-digital-services-available-to-everyone The Office for Civil Rights' Processing of Web Accessibility Complaints By U.S. Department of Education, Office of Inspector General. "Our objectives were to review the Office for Civil Rights' (OCR) process for resolving web accessibility complaints that were previously dismissed and subsequently reopened as directed investigations and OCR's approach to evaluating web accessibility complaints submitted after the November 2018 revision of its Case Processing Manual…" https://oig.ed.gov/reports/other/office-civil-rights-processing-web-accessibility-complaints Web Accessibility Global Usage Survey By RUMster. "…We will have data from this survey available at Web Accessibility Survey and on /r/blind later this year (2023) for everyone in raw versions and in reports…" https://72pcs53kctq.typeform.com/a11ysurvey The Gaadys By The GAAD Foundation. "…Nominate a project team or company who you think has created an outstanding digital product that meets accessibility standards and exceeds expectations. The deadline for nominations is July 15, 2023…" https://gaad.foundation/what-we-do/gaadys Can Web Developers Be Held Liable? By Ken Nakata. "When they are hit with a web accessibility complaint, most businesses say that they relied on their web developers to make sure that their websites would be accessible. Yet, when they find out that it is really hard (if not impossible) to sue a web developer for creating an inaccessible website, they're naturally frustrated…" https://convergeaccessibility.com/2023/06/19/can-web-developers-be-held-liable/ Mid-Year Digital Accessibility Legal Landscape: Trends, Tips, and Predictions By Level Access. "Digital accessibility lawsuit volume is showing a slight uptick in 2023 from 2022.…" https://www.levelaccess.com/blog/mid-year-digital-accessibility-legal-landscape-trends-tips-and-predictions/ +02: CASCADING STYLE SHEETS. The New CSS By Matthias Ott. "Alright, let's write more about CSS! CSS! CSS!…" https://matthiasott.com/notes/the-new-css Rebuilding a Comment Component With Modern CSS By Ahmad Shadeed. "As a part of my curious UI inspection, I thought about why not to look at popular websites and see how they implemented the comment component layout. At first, I thought this will be an easy task, but it wasn't.…" https://ishadeed.com/article/comment-component/ An Introduction to @scope in CSS By Ollie Williams. "…There are two selling points of @scope: styling based on proximity and setting a lower boundary for a selector…" https://fullystacked.net/posts/scope-in-css/ Day 101: Scoping By Manuel Matuzović. "Similar to container queries or cascade layers, we have another new impactful feature in CSS: scoping.…" https://www.matuzo.at/blog/2023/100daysof-day101/ Design vs. Accessibility and the CSS visually-hidden Class By Cristian Diaz. "In web development, there are many times when design and accessibility clash…" https://blog.logrocket.com/design-accessibility-css-visually-hidden-class/ State of CSS Survey 2023 is Live! By Chen Hui Jing. "I'm excited to share with everyone that the State of CSS survey for 2023 has gone live…" https://chenhuijing.com/blog/state-of-css-survey-2023-is-live/ +03: COLOR. Going Beyond Color Contrast (Video) By Schalk Neethling. "In this video, you will be introduced to tools that will help you use automated tools to identify accessibility issues beyond color contrast…" https://www.youtube.com/watch?v=YxA_cxyMJ1E +04: EVALUATION & TESTING. An Error Messages Scoring Rubric By Tim Neusesser and Evan Sunwall. "Identify UX problems with error messages consistently and effectively using a scoring rubric based on established usability best practices for error messages." https://www.nngroup.com/articles/error-messages-scoring-rubric/ Wizard of Oz Method in UX (Video) By Sara Ramaswamy. "The Wizard of Oz is a UX research method that involves interaction with a mock interface controlled by a human. It is used to test costly concepts inexpensively and to narrow down the problem space." https://www.nngroup.com/videos/wizard-of-oz/ When and Why to Use a Click Test By Jeff Sauro, Dylan Atkins, and Jim Lewis. "…In this article, we cover when and why to use click testing in UX research…" https://measuringu.com/why-and-when-to-use-a-click-test/? Informed Consent for UX Research (Video) By Therese Fessenden. "Ethically sound UX research requires informed consent from a research participant. Informed consent means the participant fully understands what the study entails and the potential consequences of participating." https://www.nngroup.com/videos/informed-consent/ +05: EVENTS. The Web is Inherently Accessible with Rachele DiTullio August 7, 2023. Online https://www.meetup.com/women-who-code-boulder-denver/events/294144455 UX Virtual Training September 9-15, 2023. Online https://www.nngroup.com/training/september/ World Interaction Design Day 2023 September 26, 2023. Online https://www.interactiondesignday.org/ Adobe Max October 10-12, 2023. Online and Los Angeles, California, U.S.A. https://max.adobe.com/ +06: HTML. Making a Positive Change: PDF to HTML By GOV.UK. "…Perhaps the most surprising outcome from the panel was about Carbon Dioxide emission in relation to the use of PDF as a communication medium…The Government Digital Service (GDS) states 'Compared with HTML content, information published in a PDF is harder to find, use and maintain'…" https://accessibility.blog.gov.uk/2023/06/12/making-a-positive-change-pdf-to-html/ +07: JAVASCRIPT. aria-hasPopUp Less Is More By Steve Faulkner. "…Leave the aria-haspop attribute off an element in cases where the Aural UI is misleading/incorrect and instead: Add the hint to the accessible name, for example…" https://html5accessibility.com/stuff/2023/06/20/aria-haspopup-less-is-more/ +08: MISCELLANEOUS. Interview with Jamie Knight (and Lion) By Denis Boudreau. "…let's dive right into this week's interview with Jamie Knight (he/him) and Lion. Jamie has autism, mobility issues and comes to us from London, England…" https://inklusiv.ca/interview-with-jamie-knight-and-lion/ I Won't Pretend That Disability Simulation Works By Emily Ladau. "To me, it feels like the opposite of acceptance to have my entire identity as a person with a physical disability reduced to an isolated simulation experience. We must move away from equating empathy with acceptance…" https://www.huffpost.com/entry/i-wont-disability-simulation_b_4936801 A Prayer Wheel for Capitalism By Baldur Bjarnason. Baldur on Artificial Intelligence: "The value in writing lies in what we discover while writing. Auto-generating text based on other people’s discoveries and then automatically summarising that text by finding commonalities with existing text creates a loop of mechanised nonsense…" https://softwarecrisis.dev/letters/bubble-emotions/ +09: NAVIGATION. The Problem With Sticky Menus That Appear on Scroll and What to Do Instead By Adam Silver. "…some people suggest showing and hiding the menu as the user scrolls up and down…his approach is worse than regular sticky menus…" https://adamsilver.io/blog/the-problem-with-sticky-menus-that-appear-on-scroll-and-what-to-do-instead/ +10: USABILITY. AI: First New UI Paradigm in 60 Years By Jakob Nielsen. "AI is introducing the third user-interface paradigm in computing history, shifting to a new interaction mechanism where users tell the computer what they want, not how to do it - thus reversing the locus of control." https://www.nngroup.com/articles/ai-paradigm/ +11: WEBWASTE & SUSTAINABILITY. Reducing Waste in the Digital Design Process By Gerry McGovern. "Digital design tools rarely pay attention to weight and waste. We must become much more focused, as we design and create digital data, about its weight and the often huge waste that it leaves behind in the form of drafts, copies, etc…" https://gerrymcgovern.com/reducing-waste-in-the-digital-design-process/ [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.]