+++ WEB DESIGN UPDATE. - Volume 18, Issue 15, October 10, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 15 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? http://www.d.umn.edu/itss/training/online/webdesign/ New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: COLOR. 04: DRUPAL. 05: EVALUATION & TESTING. 06: EVENTS. 07: HTML. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: NAVIGATION. 11: TOOLS. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Challenges to Digital Accessibility Now and in the Future By David Sloan. "…Advancing accessibility is difficult when focus is on doing just enough to comply, when accessibility is seen as a remediation project with a completion date, and audits are treated as bug lists rather than as educational resource…" https://developer.paciellogroup.com/blog/2019/10/challenges-to-digital-accessibility-now-and-in-the-future/ Accessibility For Everyone (Video) By Laura Kalbag. Laura's September 2019 presentation at State Of The Browser Conference. https://noti.st/laurakalbag/K0n0Gl/accessibility-for-everyone 2.5.3 Label in Name WCAG 2.1 Level A By Rakesh Paladugula. "…A label is the adjacent content that provides the instruction to fill in an input or select an option. As specified in the glossary of WCAG, label is expected to be visible always adjacent to the form control…" https://www.maxability.co.in/2019/10/08/2-5-3-label-in-name-wcag-2-1-level-a/ How SEO has Made the Web More Accessible for Everyone By Jon Henshaw. "Search engines like Google are dependent on the same accessibility attributes that many people depend on to comprehend and navigate sites. Search engine optimizers have unwittingly made the web more accessible, and they are in the best position to make it even better…" https://www.coywolf.news/seo/accessibility/ Comparison Captions - Color (Video) By Meryl K. Evans. "I know people mean well when they use a second color to emphasize words or phrases in a video. This works great in written content. Just not in captions…" https://www.linkedin.com/feed/update/urn:li:ugcPost:6585226815252557824/ AccessU 2019 Class Presentation Materials (Hat tip to Meryl Evans) By Knowbility. "Knowbility is happy to provide a full listing of presentation materials available to download from the AccessU 2019 conference website…" https://knowbility.org/programs/accessu/2019/materials/ Why Much of the Internet is Closed Off to Blind People By James Jeffrey. "As our everyday world moves increasingly online, the digital landscape presents new challenges for ensuring accessibility for the blind. A recent court challenge against Domino's pizza may be a watershed case guiding the rights of disabled people on the internet, writes James Jeffrey…" https://www.bbc.com/news/world-us-canada-49694453 The Underlying Truth about Overlays (Video) By Karl Groves. "In this first episode of A Stitch in Time, accessibility expert Karl Groves explains why so-called 'accessibility overlays' simply do not work as advertised by using just one WCAG 2.0 Level A criterion and how these overlays are not a substitute for proper testing and remediation of inaccessibile code…" https://www.youtube.com/watch?v=ICAu6vDemnw ACB Applauds Supreme Court Decision to Decline Appeal on Domino's v. Robles Case By American Council of the Blind. "On Monday, October 7, the U.S. Supreme Court declined to hear an appeal on Domino's v. Robles. The American Council of the Blind (ACB) and its nationwide membership applauds this decision and commends the Supreme Court for their action…The ADA is not the problem, and weakening civil rights protections for people with disabilities is not the answer. Rather than settling for a quick fix, or attempting to weaken the equal access protections of the ADA, companies should ensure that all Americans have equal physical and digital access to their products and services. To this end, the American Council of the Blind is prepared to collaborate with Domino's and other companies to create and implement innovative accessibility and universal design solutions that make their products and services available to all consumers, regardless of ability." http://www.acb.org/supreme-court-dominos-robles U.S. Supreme Court Won't Hear The Domino's Case (Hooray!) By Lainey Feingold. "…Cert Denied, as it is referred to by lawyers, means the Court will not even consider the case. No reasoning, no ruling one way or the other, and we don't know if any justices disagreed…" https://www.lflegal.com/2019/10/dominos-supreme-court/ Order List: 589 regarding Domino's (PDF) By U.S. Supreme Court. "…Certiorari Denied…" https://www.supremecourt.gov/orders/courtorders/100719zor_m648.pdf Domino's Statement on Website Accessibility Litigation By Domino's. "Although Domino's is disappointed that the Supreme Court will not review this case, we look forward to presenting our case at the trial court. We also remain steadfast in our belief in the need for federal standards for everyone to follow in making their websites and mobile apps accessible. Creating a nation-wide standard will eliminate the tsunami of website accessibility litigation that has been filed by plaintiffs' lawyers exploiting the absence of a standard for their own benefit, and chart a common path for both businesses and non-profit institutions to follow in meeting the accessibility needs of the disabled community." https://biz.dominos.com/web/media/website-accessibility U.S. Supreme Court Favors Digital Accessibility in Domino's Case By Dennis Lembree. "…The accessibility community is dumbfounded and outraged as to why Domino's, a national pizza chain in the U.S., would spend so much money and effort into fighting digital equality rather than making their digital services accessible to all, which would greatly increase their potential customer base (and avoid bad publicity!)…" http://www.webaxe.org/supreme-court-favors-digital-accessibility-dominos-case/ Many more articles on the Domino's case are at: http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html#dominos Mina Markham is the Best Person to Implement Accessibility on Beyoncé's Site By Amélie Lamont. "…I want to join the chorus of voices not only advocating for Beyoncé's website to be made more accessible, but also for the right person for the job: Mina Markham…" https://www.change.org/p/hey-beyonc%C3%A9-mina-markham-is-the-best-person-to-implement-accessibility-on-the-beyonc%C3%A9-com-site-minaxbeyonce This Week in Accessibility: ADA Lawsuits Alleging Defendants Trespassed onto Digital Devices By Sheri Byrne-Haber. "What are the potential ramifications if your users with disabilities can't access consent notice information?…" https://medium.com/@sheribyrnehaber/this-week-in-accessibility-ada-lawsuits-alleging-defendants-trespassed-onto-digital-devices-23a7546ffc84 +02: CASCADING STYLE SHEETS. Why Is CSS So Weird? (Video) By Miriam Suzanne. "Love it or hate it, CSS is weird! It doesn't work like most programming languages, and it doesn't work like a design tool either. But CSS is also solving a very weird and unique problem: What does it mean to 'design' in a medium that is appears on everything from tablets, laptops, and TVs to braille readers, watches, and headphones? As the web becomes more powerful and complex, it's important to ask: how did we get here, and where are we headed?" https://www.youtube.com/watch?v=aHUtMbJw8iA Editorial Design Patterns With CSS Grid And Named Columns By Rachel Andrew. "By naming lines when setting up our CSS Grid layouts, we can tap into some interesting and useful features of Grid - features that become even more powerful when we introduce subgrids." https://www.smashingmagazine.com/2019/10/editorial-design-patterns-css-grid-subgrid-naming/ Trick Question: How Many Link States can be Defined in CSS? By Anika Henke. "…16 Correct. I wrote 'nearly correct' to this answer of '8', because you can also combine the dynamic pseudo-classes (link pseudo-classes are mutually exclusive, while dynamic pseudo-classes are not)…" https://blog.selfthinker.org/2011/07/10/trick-question-how-many-link-states-can-be-defined-in-css/ Setting {outline: none;} for keyboard users provides the same usability as setting {cursor: none;} for mouse users. By Scott Vinkle. "Actually give it a shot. {cursor: none;} doesn't degrade your lighthouse score so don't worry." https://twitter.com/svinkle/status/1179484976544399360 +03: COLOR. Contrasting UI Components: Passing the New Standards (WCAG 1.4.11) By Pete Woodhouse. "A guide to the new accessibility criteria for UI components…" https://medium.com/@petewoodhouse/contrasting-ui-components-passing-the-new-standards-cd1f96f96494 +04: DRUPAL. A Practical Guide to Building Accessible Sites with Drupal (Slides) By Jules Khong. Jules' online slide deck https://docs.google.com/presentation/d/1bAorJW8pXlQax1HbzTlN37dF8_8TviE6t_lVBN2JeU4/ +05: EVALUATION & TESTING. Heuristic Evaluation of User Interfaces (Video) By Jakob Nielsen. "Jakob Nielsen explains the heuristic evaluation method, which allows you to judge a user interface design based on 10 well-proven general principles for human-computer interaction." https://www.nngroup.com/videos/heuristic-evaluation/ Major Usability Problems Require Less People to Identify By Gerry McGovern. "The number of people you need to observe in order to identify the primary problems with your website or app depends on the quality of your website or app to a significant extent. If your app is of very low quality and an immature environment, then very few people are required-typically no more than eight-to identify the key findings (I would define a key finding as a pattern that has been observed three or more times in a group of no more than 20 people.)…" http://gerrymcgovern.com/major-usability-problems-require-less-people-to-identify/ Iterative Design of a Survey Question: A Case Study By Feifei Liu. "Through 4 rounds of revisions, we made a survey more specific and usable. Running pilot studies before conducting a full-scale survey ensures you'll reach your research goal." https://www.nngroup.com/articles/survey-questions-iterative-design/ ResearchOps 101 (Video) By Kate Kaplan. "How to amplify the value and impact of user research at scale (when doing lots of UX work and the associated research)." https://www.nngroup.com/videos/researchops-101/ UX Tea Break: Field Visits Versus Surveys (Video) By David Travis. "I answer the question, 'Rather than spend time on face-to-face field visits to users, wouldn't it be quicker to send out a survey?'" https://www.youtube.com/watch?v=L3jzg7_PRpU The Easy Reading Handbook By Easy Reading Consortium. "The Easy Reading Handbook was written for researchers, developers and peer researchers. The handbook explains easily and comprehensibly how to do joint research with people with cognitive disabilities (peer researchers). Readers can learn more about peer research, how to become a peer researcher and how to conduct joint research. The handbook was developed together with our peer researchers." https://www.easyreading.eu/?page_id=333 +06: EVENTS. Accessibility Code Basics October 17, 2019. Online https://www.eventbrite.com/e/accessibility-code-basics-free-webinar-registration-73702569369 Do Captions and Transcripts Improve Student Learning? October 30, 2019. Online https://go.3playmedia.com/wbn-10-30-2019-usfsp2 Building a Consensus for Accessibility in Your Projects November 2, 2019. Online https://www.eventbrite.com/e/building-a-consensus-for-accessibility-in-your-projects-free-webinar-registration-73702382811 Accessibility and Universal Design November 6, 2019. Online https://www.eventbrite.com/e/accessibility-and-universal-design-free-webinar-registration-73702745897 Devopsdays Chattanooga 2019 November 11-12, 2019. Chattanooga, Tennessee, U.S.A. https://devopsdays.org/events/2019-chattanooga/welcome/ November Accessibility Meetup November 12, 2019. Portland, Oregon, U.S.A. https://www.meetup.com/Portland-Accessibility-and-User-Experience-Meetup/events/264001299/ +07: HTML. Some Hands-On with the HTML Dialog Element By Chris Coyier. "This is me looking at the HTML element for the first time. I've been aware of it for a while, but haven't taken it for a spin yet. It has some pretty cool and compelling features. I can't decide for you if you should use it in production on your sites, but I'd think it's starting to be possible…" https://css-tricks.com/some-hands-on-with-the-html-dialog-element/ +08: JAVASCRIPT. Coding Concepts in American Sign Language By Apple. "At Apple, we believe technology should be accessible to everyone, and all students deserve an opportunity to learn how to code. Will and Tim, software engineers at Lyft, explain coding concepts in American Sign Language and give advice on app development from a Deaf perspective…" https://developer.apple.com/asl-videos/ +09: MISCELLANEOUS. ASPIRE: Ideals to Aspire to When Building Websites By Scott Jehl. "…Great websites should aspire to be: Accessible… Secure… Performant… Inclusive… Responsive… Ethical…" https://www.filamentgroup.com/lab/aspire/ Learning About Images from the Google Chrome Team (Video) By Deborah Edwards-Onoro. "…Good tips and reminders about images: Safari doesn’t support WebP format (be sure to add a fallback), replace animated GIFs with videos, and my first time learning about the AVIF format…" https://www.lireo.com/images-ask-chrome/ +10: NAVIGATION. Infinite Scrolling and Role=Feed Accessibility Issues By Raghavendra Satish Peri. "…Infinite scroll was and is not accessible to a wide variety of users with disabilities. While role=feed makes infinite scroll accessible for screen reader users, it leaves a number of users with disabilities behind…" https://www.deque.com/blog/infinite-scrolling-rolefeed-accessibility-issues/ Multiple Navigation Landmarks By João Figueiredo. "When the navigation links of a webpage are split into multiple parts, such as a primary and a secondary navigation, we need to provide additional labelling for screen reader users…" https://www.aditus.io/patterns/multiple-navigation-landmarks/ +11: TOOLS. GitHub Accessibility Feedback By GitHub. "GitHub is seeking your feedback on the accessibility and inclusivity of our product." https://docs.google.com/forms/d/e/1FAIpQLScEqIFB1lo8ee3VqG8hNt7d5DH48vlWgKL0dse6z_r-mcJXEA/viewform +12: USABILITY. Footers are Underrated (Video) By Therese Fessenden. "There's a footer at the bottom of every web page, but the design of this utilitarian page element is often overlooked, making the website perform below its potential. In our usability studies, users often turn to page footers for important information and tasks, making them an integral part of the overall experience of a site." https://www.nngroup.com/videos/footers/ Navigating Ambiguity By Jonathan Walter. "…Ambiguity isn't going away despite all we try to do to reduce it. There is no magic way of revealing hidden answers to the difficult questions we face in the world of complex enterprise software. However, once you become comfortable with not knowing everything, you'll resist the urge to pretend that you know more than you actually do, which would ultimately set you up for failure. Train yourself to ask simpler questions, giving you the opportunity to approach problems from fresh new perspectives…" https://www.uxmatters.com/mt/archives/2019/10/navigating-ambiguity.php Incorporating UX Work into Your Agile Backlog By Rachel Krause. "Three different backlog models enable teams to keep track of UX work in their Agile processes. Each model comes with pros and cons." https://www.nngroup.com/articles/ux-agile-backlog/ [Section one ends.] ++ SECTION TWO: +13: What Can You Find at the Web Design Reference Site? Accessibility Information. http://www.d.umn.edu/itss/training/online/webdesign/accessibility.html Association Information. http://www.d.umn.edu/itss/training/online/webdesign/associations.html Book Listings. http://www.d.umn.edu/itss/training/online/webdesign/books.html Cascading Style Sheets Information. http://www.d.umn.edu/itss/training/online/webdesign/css.html Color Information. http://www.d.umn.edu/itss/training/online/webdesign/color.html Drupal Information. http://www.d.umn.edu/itss/training/online/webdesign/drupal.html Evaluation & Testing Information. http://www.d.umn.edu/itss/training/online/webdesign/testing.html Event Information. http://www.d.umn.edu/itss/training/online/webdesign/events.html HTML Information. http://www.d.umn.edu/itss/training/online/webdesign/html.html Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. http://www.d.umn.edu/itss/training/online/webdesign/javascript.html Miscellaneous Web Information. http://www.d.umn.edu/itss/training/online/webdesign/misc.html Navigation Information. http://www.d.umn.edu/itss/training/online/webdesign/navigation.html PHP Information. http://www.d.umn.edu/itss/training/online/webdesign/php.html Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. http://www.d.umn.edu/itss/training/online/webdesign/standards.html Tool Information. http://www.d.umn.edu/itss/training/online/webdesign/tools.html Typography Information. http://www.d.umn.edu/itss/training/online/webdesign/type.html Usability Information. http://www.d.umn.edu/itss/training/online/webdesign/usability.html XML Information. http://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: http://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.]