|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 52, June 19, 2019.
David Dillard
+++ WEB DESIGN UPDATE.
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Jun 12 +++ WEB DESIGN UPDATE. - Volume 17, Issue 51, June 12, 2019.
David Dillard
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 51, June 12, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 51 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: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: INFORMATION ARCHITECTURE. 08: JAVASCRIPT. 09: MISCELLANEOUS. 10: TYPOGRAPHY. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Target Size and 2.5.5 By Adrian Roselli. "Regardless of what accessibility conformance level you target, try to ensure that interactive controls are at least 44 by 44 pixels in size. Links in blocks of text are exempt…" http://adrianroselli.com/2019/06/target-size-and-2-5-5.html Indicating Focus to Improve Accessibility By Hidde de Vries. "It's a common, but fairly easy-to-fix accessibility issue: lack of indicating focus. In this post I will explain what we mean by focus and show you how focus outlines make your site easier to use…" https://hiddedevries.nl/en/blog/2019-06-06-indicating-focus-to-improve-accessibility Selfish Accessibility (Video) By Adrian Roselli. "We can all pretend that we're helping others by making web sites and software accessible, but we are really making them better for our future selves…" https://www.youtube.com/watch?v=-O5b529V96g Keep it Simple By Andy Bell. "One thing that is often forgotten about accessibility is that keeping things simple and utilising semantic HTML gets you most of the way towards providing a fully accessible experience for everyone…" https://andy-bell.design/wrote/keep-it-simple/ Form Accessibility: A Practical Guide By Jimmy Somsanith. "How to make a form accessible?…" https://itnext.io/form-accessibility-a-practical-guide-4062b7e2dd14 The Anatomy of Accessible Forms: The Problem with Placeholders By Raghavendra Peri. "…In part one of the series on accessible forms, we will see why using a placeholder is not great from the accessibility standpoint and how to use a placeholder attribute successfully…" https://www.deque.com/blog/accessible-forms-the-problem-with-placeholders/ Understanding SC 3.1.1 Language of Page By Raghavendra Satish Peri. "This success criterion requires that each web page of a site has its default human language programmatically defined…" https://www.digitala11y.com/understanding-sc-3-1-1-language-of-page/ As Summer Approaches, the SDNY Once Again Provides Hope for Businesses Exhausted by Repeated Website Accessibility Lawsuits By Joshua A. Stein and Shira M. Blank. "While decided on multiple grounds, the Court's decision is primarily based on mootness, providing businesses who have already taken the necessary steps to comply with the Web Content Accessibility Guidelines (WCAG) at Levels A and AA, and to also maintain compliance going forward, with a potential blueprint to defeat 'secondary strike' lawsuits brought in the SDNY…" https://www.natlawreview.com/article/summer-approaches-sdny-once-again-provides-hope-businesses-exhausted-repeated +02: CASCADING STYLE SHEETS. Semantically Identifying a Font Icon with role="img" By W3C Accessibility Guidelines Working Group. "The objective of this technique is to show how to semantically identify an element that uses a font file for icons. When a user overrides font-family these icons typically disappear unless there is a means to identify them. The point is to provide a technique to differentiate icon fonts from general font (text) usage…" https://www.w3.org/WAI/WCAG21/Techniques/aria/ARIA24 The CSS background-image Property as an Anti-Pattern By Andrew Welch. "The CSS background-image property allowed us to do some amazing things, but in most cases, it's time to leave it behind…" https://nystudio107.com/blog/the-css-background-image-property-as-an-anti-pattern Test Your Specificity Chops By Estelle Weyl. "What is the specificity of the following selectors…" https://estelle.github.io/CSS/selectors/exercises/specificity.html The CSS Mindset By Michelle Barker. "…Other programming languages often work in controlled environments, like servers. They expect certain conditions to be true at all times, and can therefore be understood as concrete instructions as to how a program should execute. CSS on the other hand works in a place that can never be fully controlled, so it has to be flexible by default…" https://mxb.dev/blog/the-css-mindset/ +03: COLOR Oddities in Color Perception By Alastair Campbell. "I've seen a few posts/tweets recently highlighting apparent issues in the colour-contrast testing for WCAG (Web Content Accessibility Guidelines)…" https://alastairc.uk/2019/04/oddities-in-color-perception/ +04: EVALUATION & TESTING. Why User Interviews Fail By Maria Rosala. "User interviews are often used for the wrong purpose, they're not planned or analyzed properly, and stakeholders don't see the value in doing them." https://www.nngroup.com/articles/why-user-interviews-fail/ +05: EVENTS. Introduction to TPG's Free Accessibility Testing Tool: ARC Toolkit June 20, 2019. Online https://zoom.us/webinar/register/6715596580500/WN_euxVglp7TYKiL8l7rzCyng ICT Accessibility Testing Symposium October 1-2, 2019. Washington, D.C., U.S.A. https://2019ict.org/ Smashing Magazine Conference October 15-16, 2019. New York City, New York, U.S.A. https://smashingconf.com/ny-2019/ New York City UX Conference October 12-18, 2019, U.S.A. New York, New York, U.S.A. https://www.nngroup.com/training/new-york-city/ World Usability Congress October 16-17, 2019. Graz, Austria https://worldusabilitycongress.com/ Disability Rights Advocates New York Gala October 21, 2019. New York, New York, U.S.A. https://dralegal.org/dras-2019-nyc-gala/ #a11yTOConf October 24-25, 2019. Toronto, Canada https://conf.a11yto.com/ +06: HTML. The Problem with Web Components By Adam Silver. "…It's possible-and certainly my hope-that web components will improve over time and these issues will be resolved. But for now, I'm holding fire on them. In this article I'll explain why that is, and suggest an alternative way to develop components in the meantime…" https://adamsilver.io/articles/the-problem-with-web-components/ +07: INFORMATION ARCHITECTURE. Paper Prototyping 101 (Video) By Rachel Krause. "Using paper prototypes is a great way to test a design idea and get usability feedback quickly. You can test whether a layout makes sense to users and make immediate changes if they run into issues." https://www.nngroup.com/videos/paper-prototyping-101/ +08: JAVASCRIPT. Fallback Considerations for ARIA role=img By Scott O'Hara. "By using ARIA's role="img" you can change the semantics of an element to expose itself to the browser's accessibility API as an image or 'graphic'…" https://www.scottohara.me/blog/2019/06/10/no-fallback-drawback.html +09: MISCELLANEOUS. Disability Etiquette: University of Guelph Accessibility Conference By John McNabb. Info and slides from John's presentation at Guelph University's Annual Accessibility Conference. https://developer.paciellogroup.com/blog/2019/06/disability-etiquette-university-of-guelph-accessibility-conference/ Privisight By Jeremy Keith. "The New York Times has created a collection of articles relating to privacy…" https://tinyletter.com/clearleft/letters/clearletter-from-clearleft-privisight +10: TYPOGRAPHY. The Case Against Banning Italics By Ted Page. "Why a blanket ban on italics for accessibility reasons is likely to do more harm than good…" https://accessible-digital-documents.com/blog/banning-italics/ +11: USABILITY. Content is Service, Service is Content By Gerry McGovern. "…if you want to fix the problem, first we must fix the organization. First rule of thumb is no more content, no more services. Just customer tasks. The organization must organize around the customers' tasks…" http://gerrymcgovern.com/content-is-service-service-is-content/ Why Text Buttons Hurt Mobile Usability By Anthony Tseng. "The usability standards for buttons are higher for mobile apps than desktop apps…" https://uxmovement.com/mobile/why-text-buttons-hurt-mobile-usability/#UX Readability Guidelines By Content Design London. "Imagine a collaboratively developed, universal content style guide, based on usability evidence. With guidelines for creating easy to comprehend content, we can design inclusively by default…" http://readabilityguidelines.myxwiki.org/xwiki/bin/view/Main/WebHome How Privilege Impacts Empathy By Jess Dale. "…The path to real change begins by acknowledging our participation in developing products and systems that reinforce economic inequality and racism, whether directly or indirectly. The truth is, we're responsible." https://uxdesign.cc/how-privilege-impacts-empathy-b34ad0c16431 How to Avoid the 24 Perilous Pitfalls to UX Maturity (PDF) By Human Factors. "A conversation with Eric Schaffer CEO and Founder Human Factors International…" https://humanfactors.com/downloads/whitepapers/avoid_the_24_perilous_pitfalls_to_ux_maturity.pdf UX vs UI vs IA vs IxD: 4 Confusing Digital Design Terms Defined By Mockplus. "We explained What is UX design? What is UI design? What is Interaction Design and What is Information Architecture in this article…" https://medium.muz.li/ux-vs-ui-vs-ia-vs-ixd-4-confusing-digital-design-terms-defined-c4c3d2276fa6 User Experience vs. Customer Experience: What's The Difference? By Kim Flaherty. "Customer experience (CX) is a term commonly used to define UX over long periods of time." https://www.nngroup.com/articles/ux-vs-cx/ Shifting an Engineering Driven Company to Be User Centered (Video) By Jakob Nielsen. "Jakob Nielsen answers the question of how one can transform an organization from being focused on engineering to being focused on customers' needs." https://www.nngroup.com/videos/shifting-engineering-user-centered/ [Section one ends.] ++ SECTION TWO: +12: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019. 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? Web Design References New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Lessons (Video) By Apple. "Listen to four lightning talks from Apple Accessibility engineers to learn about how to make your app more inclusive and accessible…" https://developer.apple.com/videos/play/wwdc2019/201/ Accessibility Cheatsheet By Moritz Giessmann. "Practical approaches to Universal Design for making your website/webapp accessible to everyone…" https://moritzgiessmann.de/accessibility-cheatsheet/ Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible By Oliver Lindberg. "Accessibility has come a long way over the last few years. It used to be a niche discipline focused on people with disabilities, but recently this focus has shifted towards inclusive design and the understanding that websites and apps need to work for everyone regardless of disabilities, hardware or software in use, or internet speed…" https://www.shopify.com/partners/blog/universal-design Web Accessibility Among Nonprofits By Cyndi Rowland. "…WebAIM has completed 2 rounds of research taking a peek at the accessibility of homepages in the nonprofit space. In the spirit of adding to a developing research base, we want to share those findings here. I will share the most recent (2019) findings, whose methodology aligned with the WebAIM Million…" https://webaim.org/blog/web-accessibility-among-nonprofits/ De-Mystifying the ATAG 2.0 Guidelines By Leonie Watson. "The Authoring Tool Accessibility Guidelines (ATAG) are a set of requirements for making authoring tools that are accessible, and capable of producing accessible content…" https://invotra.com/blogs/de-mystifying-the-atag-2-0-guidelines/ Do You Need an Icon Only Button Without Screwing Up the Accessibility? By Chris Coyier. "The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX…" https://css-tricks.com/do-you-need-an-icon-only-button-without-screwing-up-the-accessibility/ Fienen's Totally Tubular Talk Teaching Techniques to Transcribe (Video) By Michael Fienen. "Audio transcription poses a unique combination of challenges that result in a high bar that content creators still struggle to get over. Despite the availability of steadily improving tools, we still fight in day-to-day content management to ensure audio content has text alternatives…" https://www.youtube.com/watch?v=35vhPcmtbrk Status of the Accessibility of Slack By Marco Zehe. "This article was last updated in May 2019…" https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/ +02: CASCADING STYLE SHEETS. Grid, Content Re-Ordering and Accessibility By Rachel Andrew. "I have long been concerned about the potential accessibility problems that grid layout could cause. These essentially centre around the concept of disconnecting the source from the visual display…" https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/ +03: EVALUATION & TESTING. Auditing Web Content with Web Inspector By Apple. "Discover a new way to ensure your web content meets team coding standards and that you can deliver better code even without reliance on automated test systems. Find out how to use the Audit tool in Web Inspector to quickly and easily audit your web content during development so important compliance details don't slip by…" https://developer.apple.com/videos/play/wwdc2019/514/ Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score By Manuel Matuzovic. "Google's built-in testing tool Lighthouse judges the accessibility of our websites with a score between 0 and 100. It's laudable to try to get a high grading, but a score of 100 doesn't mean that the site is perfectly accessible. To prove that I carried out a little experiment…" https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/ Four Things We Learnt From Facilitating Usability Testing Sessions With Blind Users By Vedran Arnautovic. "Recently two of my colleagues (Todd Moore, Stephanie Moss) and I tested parts of SEEK's site with vision impaired users…" https://medium.com/seek-blog/four-things-we-learnt-from-facilitating-usability-testing-sessions-with-blind-users-2298dac58ae2 The Importance of Replicating Research Findings By Jeff Sauro. "…Here are nine examples of claims or methods that we've attempted to replicate. Some we found similar results for, and we failed to replicate others, but with all we learned something and hope to extend that knowledge for others to leverage…" https://measuringu.com/replicating-research/ Usability Test Reporting: Spend Less Time, Have More Impact By Ismaël Sow. "Let's see how to gain speed and impact with your usability testing reports…" https://conversionxl.com/blog/usability-test-reporting/ +04: EVENTS. Using the VPAT in Purchasing Decisions June 11, 2019. Online http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html Data Visualization: Tips for Making Complex Graphical Content Accessible to All June 13, 2019. New York, New York, U.S.A. https://www.meetup.com/A11yNYC/events/261680441/ To Boldly Go Where No Single Page Application (SPA) Has Gone Before… June 18, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/262004166/ Live Stream: https://www.youtube.com/watch?v=0xNZst236jY Live Captions: http://www.streamtext.net/player?event=CDA How Slack Approaches Accessibility Testing August 1, 2019. Online https://go.3playmedia.com/wbn-08-01-2019-slack Midwest UX October 10-12, 2019. Grand Rapids, Michigan, U.S.A. http://2019.midwestuxconference.com/ Inclusive Design 24 (#id24) October 10, 2019. Online https://inclusivedesign24.org/ HighEdWeb October 13-16, 2019. Milwaukee, Wisconsin, U.S.A. https://2019.highedweb.org/ EDUCAUSE Annual Conference October 14-17, 2019. Chicago, Illinois, U.S.A. https://events.educause.edu/annual-conference/2019 +05: HTML. Reducing Motion with the Picture Element By Brad Frost. "…This technique would definitely be helpful for posts with embedded animated GIFs in it. Authors would have to grab a static frame of a GIF as a fallback, so there's a bit of extra work involved, but the technical execution is pretty dang straightforward…" http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/ +06: JAVASCRIPT. WAI-ARIA Menus, and Why You Should Handle Them with Great Care By Macro Zehe. "The WAI-ARIA standard defines a number of related menu roles. However, before using them, please give great consideration to the implications…" https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/ Implementing Private Variables In JavaScript By Khari McMillian. "JavaScript (or ECMAScript) is the programming language that powers the web…" https://css-tricks.com/implementing-private-variables-in-javascript/ +07: MISCELLANEOUS. Daily Ethical Design By Lennart Overkamp. "There's no shortage of content, manifestos, and opinions these days on how design can be evil. But if they've left you feeling more frustrated than empowered, wishing for practical, real-world ways to enact change in your work, we hear you. In this piece, Lennart Overkamp lays out a practice-based approach to daily ethical design. You might be surprised to find out how much you can already do." https://alistapart.com/article/daily-ethical-design/ Cake or Death: AMP and the Worrying Power Dynamics of the Web By Andrew Betts. "…the news industry is in the midst of a full blown disaster, society around the world is being starved of intelligent thought and the results are horrifying. AMP is partly responsible for this, and if there's a bug to be fixed, it is the people who invented it and still think it's a good idea…" https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/ Take Back Your Web: Tantek Çelik's Call to Action to Join the Independent Web By Sarah Gooding. "Tantek Çelik, Web Standards Lead at Mozilla and co-founder of IndieWebCamp, delivered an inspirational talk titled 'Take Back Your Web' at the most recent beyond tellerrand conference in Düsseldorf, Germany…" https://wptavern.com/take-back-your-web-tantek-celiks-call-to-action-to-join-the-independent-web Before Netscape: The Forgotten Web Browsers of the Early 1990s By Matthew Lasar. "From the archives: Does anybody remember Erwise? Viola? Cello? Let's reminisce…" https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/ Your Company's Slack is Probably Sexist By Leah Fessler. "Slack is the bane and the lifeblood of my workplace communication…" https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/ +08: NAVIGATION. Skip Links Design Showcase By Christopher Schmitt. "…To help with design inspiration, here are a handful of sites utilizing Skip Links that work well with their site's brand…" https://knowbility.org/blog/2019/skip-links-gallery/ +09: STANDARDS, GUIDELINES & PATTERNS. W3C TAG Ethical Web Principles By Daniel Appelquist and Hadley Beeman, Editors. "The web should be a platform that helps people and provides a net positive social benefit. As we continue to evolve the web platform, we must therefore consider the ethical consequences of our work. The following document sets out ethical principles that will drive the TAG's continuing work in this direction…" https://www.w3.org/2001/tag/doc/ethical-web-principles/ Why Did We Need Another Accessibility Standard? - the Birth of ISO 30071-1 By Jonathan Hassell. "…I'm delighted that the resulting Standard - ISO 30071-1 - has been published this week…I believe this is a great step forwards in promoting inclusive design and accessibility globally…" https://www.hassellinclusion.com/blog/why-do-we-need-iso-30071-1/ +10: TOOLS. 39 Accessibility Bookmarklets You Can Use For A11Y Testing By Raghavendra Satish Peri. "These nifty accessibility bookmarklets perform various accessibility audit functions & will come in handy during an accessibility automation evaluation. They can also be deployed on mobile browsers to test responsive design…" https://www.digitala11y.com/accessibility-bookmarklets-testing/ Togglific By Scott Vinkle. "Toggle web animations on or off; for people with vestibular disorders, who are prone to motion sickness, or who find animations distracting…" https://github.com/svinkle/togglific Enterprise Accessibility Tools Roundup By Raghavendra Satish Peri. "A curated list of Enterprise accessibility tools that will enable automation of web accessibility testing across the website, generate reports , create visual dashboards & help in optimizing overall accessibility progress across the organization." https://www.digitala11y.com/enterprise-accessibility-tools-roundup/ +11: USABILITY. UX Dark Patterns: Manipulinks and Confirmshaming By Erin Schroeder. "…These subscriber retention practices are known as a negative opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark patterns are mysterious, veiled attempts to inspire conversions by tricking web visitors and prospective customers into an action they didn't intend…" https://www.uxbooth.com/articles/ux-dark-patterns-manipulinks-and-confirmshaming/ Creepiness-Convenience Tradeoff By Kate Moran and Kim Flaherty. "As people consider whether to use the new "creepy" technologies, they do a type of cost-benefit analysis weighing the loss of privacy against the benefits they will receive in return." https://www.nngroup.com/articles/creepiness/ Talking to Computers (part 1): Why is Speech Recognition so Difficult? By Philip Hodgson. "Although the performance of today's speech recognition systems is impressive, the experience for many is still one of errors, corrections, frustration and abandoning speech in favour of alternative interaction methods. We take a closer look at speech and find out why speech recognition is so difficult." https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html Why You Should Use a Grid for Designing Layouts (Video) By Therese Fessenden. "Grids are a great framework to help designers quickly put together a clean, well-aligned interface, and help users to easily scan, read, and use those interfaces." https://www.nngroup.com/videos/grid-layouts/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. Web Design References: Accessibility Association Information. Web Design References: Associations Book Listings. Web Design References: Books Cascading Style Sheets Information. Web Design References: Cascading Style Sheets Color Information. Web Design References: Color Drupal Information. Web Design References: Drupal Evaluation & Testing Information. Web Design References: Evaluation and Testing Event Information. Web Design References: Events HTML Information. Web Design References: HTML Information Architecture Information. Web Design References: Information Architecture JavaScript Information. Web Design References: JavaScript Miscellaneous Web Information. Web Design References: Miscellaneous Navigation Information. Web Design References: Navigation & Labeling PHP Information. Web Design References: PHP Sites & Blogs Listing. Web Design References: Sites & Blogs Standards, Guidelines & Pattern Information. Web Design References: Standards, Guidelines, and Patterns Tool Information. Web Design References: Tools Typography Information. Web Design References: Typography Usability Information. Web Design References: Usability XML Information. Web Design References: Usability [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: Web Design References: Webdev Newsletter 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: Text Email Newsletter (TEN) Standard + 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019.
David P. Dillard
lcarlson Jun 5 +++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019. 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? Web Design References New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Lessons (Video) By Apple. "Listen to four lightning talks from Apple Accessibility engineers to learn about how to make your app more inclusive and accessible…" https://developer.apple.com/videos/play/wwdc2019/201/ Accessibility Cheatsheet By Moritz Giessmann. "Practical approaches to Universal Design for making your website/webapp accessible to everyone…" https://moritzgiessmann.de/accessibility-cheatsheet/ Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible By Oliver Lindberg. "Accessibility has come a long way over the last few years. It used to be a niche discipline focused on people with disabilities, but recently this focus has shifted towards inclusive design and the understanding that websites and apps need to work for everyone regardless of disabilities, hardware or software in use, or internet speed…" https://www.shopify.com/partners/blog/universal-design Web Accessibility Among Nonprofits By Cyndi Rowland. "…WebAIM has completed 2 rounds of research taking a peek at the accessibility of homepages in the nonprofit space. In the spirit of adding to a developing research base, we want to share those findings here. I will share the most recent (2019) findings, whose methodology aligned with the WebAIM Million…" https://webaim.org/blog/web-accessibility-among-nonprofits/ De-Mystifying the ATAG 2.0 Guidelines By Leonie Watson. "The Authoring Tool Accessibility Guidelines (ATAG) are a set of requirements for making authoring tools that are accessible, and capable of producing accessible content…" https://invotra.com/blogs/de-mystifying-the-atag-2-0-guidelines/ Do You Need an Icon Only Button Without Screwing Up the Accessibility? By Chris Coyier. "The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX…" https://css-tricks.com/do-you-need-an-icon-only-button-without-screwing-up-the-accessibility/ Fienen's Totally Tubular Talk Teaching Techniques to Transcribe (Video) By Michael Fienen. "Audio transcription poses a unique combination of challenges that result in a high bar that content creators still struggle to get over. Despite the availability of steadily improving tools, we still fight in day-to-day content management to ensure audio content has text alternatives…" https://www.youtube.com/watch?v=35vhPcmtbrk Status of the Accessibility of Slack By Marco Zehe. "This article was last updated in May 2019…" https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/ +02: CASCADING STYLE SHEETS. Grid, Content Re-Ordering and Accessibility By Rachel Andrew. "I have long been concerned about the potential accessibility problems that grid layout could cause. These essentially centre around the concept of disconnecting the source from the visual display…" https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/ +03: EVALUATION & TESTING. Auditing Web Content with Web Inspector By Apple. "Discover a new way to ensure your web content meets team coding standards and that you can deliver better code even without reliance on automated test systems. Find out how to use the Audit tool in Web Inspector to quickly and easily audit your web content during development so important compliance details don't slip by…" https://developer.apple.com/videos/play/wwdc2019/514/ Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score By Manuel Matuzovic. "Google's built-in testing tool Lighthouse judges the accessibility of our websites with a score between 0 and 100. It's laudable to try to get a high grading, but a score of 100 doesn't mean that the site is perfectly accessible. To prove that I carried out a little experiment…" https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/ Four Things We Learnt From Facilitating Usability Testing Sessions With Blind Users By Vedran Arnautovic. "Recently two of my colleagues (Todd Moore, Stephanie Moss) and I tested parts of SEEK's site with vision impaired users…" https://medium.com/seek-blog/four-things-we-learnt-from-facilitating-usability-testing-sessions-with-blind-users-2298dac58ae2 The Importance of Replicating Research Findings By Jeff Sauro. "…Here are nine examples of claims or methods that we've attempted to replicate. Some we found similar results for, and we failed to replicate others, but with all we learned something and hope to extend that knowledge for others to leverage…" https://measuringu.com/replicating-research/ Usability Test Reporting: Spend Less Time, Have More Impact By Ismaël Sow. "Let's see how to gain speed and impact with your usability testing reports…" https://conversionxl.com/blog/usability-test-reporting/ +04: EVENTS. Using the VPAT in Purchasing Decisions June 11, 2019. Online http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html Data Visualization: Tips for Making Complex Graphical Content Accessible to All June 13, 2019. New York, New York, U.S.A. https://www.meetup.com/A11yNYC/events/261680441/ To Boldly Go Where No Single Page Application (SPA) Has Gone Before… June 18, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/262004166/ Live Stream: https://www.youtube.com/watch?v=0xNZst236jY Live Captions: http://www.streamtext.net/player?event=CDA How Slack Approaches Accessibility Testing August 1, 2019. Online https://go.3playmedia.com/wbn-08-01-2019-slack Midwest UX October 10-12, 2019. Grand Rapids, Michigan, U.S.A. http://2019.midwestuxconference.com/ Inclusive Design 24 (#id24) October 10, 2019. Online https://inclusivedesign24.org/ HighEdWeb October 13-16, 2019. Milwaukee, Wisconsin, U.S.A. https://2019.highedweb.org/ EDUCAUSE Annual Conference October 14-17, 2019. Chicago, Illinois, U.S.A. https://events.educause.edu/annual-conference/2019 +05: HTML. Reducing Motion with the Picture Element By Brad Frost. "…This technique would definitely be helpful for posts with embedded animated GIFs in it. Authors would have to grab a static frame of a GIF as a fallback, so there's a bit of extra work involved, but the technical execution is pretty dang straightforward…" http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/ +06: JAVASCRIPT. WAI-ARIA Menus, and Why You Should Handle Them with Great Care By Macro Zehe. "The WAI-ARIA standard defines a number of related menu roles. However, before using them, please give great consideration to the implications…" https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/ Implementing Private Variables In JavaScript By Khari McMillian. "JavaScript (or ECMAScript) is the programming language that powers the web…" https://css-tricks.com/implementing-private-variables-in-javascript/ +07: MISCELLANEOUS. Daily Ethical Design By Lennart Overkamp. "There's no shortage of content, manifestos, and opinions these days on how design can be evil. But if they've left you feeling more frustrated than empowered, wishing for practical, real-world ways to enact change in your work, we hear you. In this piece, Lennart Overkamp lays out a practice-based approach to daily ethical design. You might be surprised to find out how much you can already do." https://alistapart.com/article/daily-ethical-design/ Cake or Death: AMP and the Worrying Power Dynamics of the Web By Andrew Betts. "…the news industry is in the midst of a full blown disaster, society around the world is being starved of intelligent thought and the results are horrifying. AMP is partly responsible for this, and if there's a bug to be fixed, it is the people who invented it and still think it's a good idea…" https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/ Take Back Your Web: Tantek Çelik's Call to Action to Join the Independent Web By Sarah Gooding. "Tantek Çelik, Web Standards Lead at Mozilla and co-founder of IndieWebCamp, delivered an inspirational talk titled 'Take Back Your Web' at the most recent beyond tellerrand conference in Düsseldorf, Germany…" https://wptavern.com/take-back-your-web-tantek-celiks-call-to-action-to-join-the-independent-web Before Netscape: The Forgotten Web Browsers of the Early 1990s By Matthew Lasar. "From the archives: Does anybody remember Erwise? Viola? Cello? Let's reminisce…" https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/ Your Company's Slack is Probably Sexist By Leah Fessler. "Slack is the bane and the lifeblood of my workplace communication…" https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/ +08: NAVIGATION. Skip Links Design Showcase By Christopher Schmitt. "…To help with design inspiration, here are a handful of sites utilizing Skip Links that work well with their site's brand…" https://knowbility.org/blog/2019/skip-links-gallery/ +09: STANDARDS, GUIDELINES & PATTERNS. W3C TAG Ethical Web Principles By Daniel Appelquist and Hadley Beeman, Editors. "The web should be a platform that helps people and provides a net positive social benefit. As we continue to evolve the web platform, we must therefore consider the ethical consequences of our work. The following document sets out ethical principles that will drive the TAG's continuing work in this direction…" https://www.w3.org/2001/tag/doc/ethical-web-principles/ Why Did We Need Another Accessibility Standard? - the Birth of ISO 30071-1 By Jonathan Hassell. "…I'm delighted that the resulting Standard - ISO 30071-1 - has been published this week…I believe this is a great step forwards in promoting inclusive design and accessibility globally…" https://www.hassellinclusion.com/blog/why-do-we-need-iso-30071-1/ +10: TOOLS. 39 Accessibility Bookmarklets You Can Use For A11Y Testing By Raghavendra Satish Peri. "These nifty accessibility bookmarklets perform various accessibility audit functions & will come in handy during an accessibility automation evaluation. They can also be deployed on mobile browsers to test responsive design…" https://www.digitala11y.com/accessibility-bookmarklets-testing/ Togglific By Scott Vinkle. "Toggle web animations on or off; for people with vestibular disorders, who are prone to motion sickness, or who find animations distracting…" https://github.com/svinkle/togglific Enterprise Accessibility Tools Roundup By Raghavendra Satish Peri. "A curated list of Enterprise accessibility tools that will enable automation of web accessibility testing across the website, generate reports , create visual dashboards & help in optimizing overall accessibility progress across the organization." https://www.digitala11y.com/enterprise-accessibility-tools-roundup/ +11: USABILITY. UX Dark Patterns: Manipulinks and Confirmshaming By Erin Schroeder. "…These subscriber retention practices are known as a negative opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark patterns are mysterious, veiled attempts to inspire conversions by tricking web visitors and prospective customers into an action they didn't intend…" https://www.uxbooth.com/articles/ux-dark-patterns-manipulinks-and-confirmshaming/ Creepiness-Convenience Tradeoff By Kate Moran and Kim Flaherty. "As people consider whether to use the new "creepy" technologies, they do a type of cost-benefit analysis weighing the loss of privacy against the benefits they will receive in return." https://www.nngroup.com/articles/creepiness/ Talking to Computers (part 1): Why is Speech Recognition so Difficult? By Philip Hodgson. "Although the performance of today's speech recognition systems is impressive, the experience for many is still one of errors, corrections, frustration and abandoning speech in favour of alternative interaction methods. We take a closer look at speech and find out why speech recognition is so difficult." https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html Why You Should Use a Grid for Designing Layouts (Video) By Therese Fessenden. "Grids are a great framework to help designers quickly put together a clean, well-aligned interface, and help users to easily scan, read, and use those interfaces." https://www.nngroup.com/videos/grid-layouts/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. Web Design References: Accessibility Association Information. Web Design References: Associations Book Listings. Web Design References: Books Cascading Style Sheets Information. Web Design References: Cascading Style Sheets Color Information. Web Design References: Color Drupal Information. Web Design References: Drupal Evaluation & Testing Information. Web Design References: Evaluation and Testing Event Information. Web Design References: Events HTML Information. Web Design References: HTML Information Architecture Information. Web Design References: Information Architecture JavaScript Information. Web Design References: JavaScript Miscellaneous Web Information. Web Design References: Miscellaneous Navigation Information. Web Design References: Navigation & Labeling PHP Information. Web Design References: PHP Sites & Blogs Listing. Web Design References: Sites & Blogs Standards, Guidelines & Pattern Information. Web Design References: Standards, Guidelines, and Patterns Tool Information. Web Design References: Tools Typography Information. Web Design References: Typography Usability Information. Web Design References: Usability XML Information. Web Design References: Usability [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: Web Design References: Webdev Newsletter 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: Text Email Newsletter (TEN) Standard + 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 50, June 6, 2019.
David P. Dillard
lcarlson Jun 5 +++ WEB DESIGN UPDATE.
- Volume 17, Issue 50, June 6, 2019. 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? Web Design References New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility Lessons (Video) By Apple. "Listen to four lightning talks from Apple Accessibility engineers to learn about how to make your app more inclusive and accessible…" https://developer.apple.com/videos/play/wwdc2019/201/ Accessibility Cheatsheet By Moritz Giessmann. "Practical approaches to Universal Design for making your website/webapp accessible to everyone…" https://moritzgiessmann.de/accessibility-cheatsheet/ Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible By Oliver Lindberg. "Accessibility has come a long way over the last few years. It used to be a niche discipline focused on people with disabilities, but recently this focus has shifted towards inclusive design and the understanding that websites and apps need to work for everyone regardless of disabilities, hardware or software in use, or internet speed…" https://www.shopify.com/partners/blog/universal-design Web Accessibility Among Nonprofits By Cyndi Rowland. "…WebAIM has completed 2 rounds of research taking a peek at the accessibility of homepages in the nonprofit space. In the spirit of adding to a developing research base, we want to share those findings here. I will share the most recent (2019) findings, whose methodology aligned with the WebAIM Million…" https://webaim.org/blog/web-accessibility-among-nonprofits/ De-Mystifying the ATAG 2.0 Guidelines By Leonie Watson. "The Authoring Tool Accessibility Guidelines (ATAG) are a set of requirements for making authoring tools that are accessible, and capable of producing accessible content…" https://invotra.com/blogs/de-mystifying-the-atag-2-0-guidelines/ Do You Need an Icon Only Button Without Screwing Up the Accessibility? By Chris Coyier. "The first consideration is: do you really? If you can, having text next to your icons is proven over and over again to be the most accessible and clearest UX…" https://css-tricks.com/do-you-need-an-icon-only-button-without-screwing-up-the-accessibility/ Fienen's Totally Tubular Talk Teaching Techniques to Transcribe (Video) By Michael Fienen. "Audio transcription poses a unique combination of challenges that result in a high bar that content creators still struggle to get over. Despite the availability of steadily improving tools, we still fight in day-to-day content management to ensure audio content has text alternatives…" https://www.youtube.com/watch?v=35vhPcmtbrk Status of the Accessibility of Slack By Marco Zehe. "This article was last updated in May 2019…" https://marcozehe.wordpress.com/2016/01/16/status-of-the-accessibility-of-slack/ +02: CASCADING STYLE SHEETS. Grid, Content Re-Ordering and Accessibility By Rachel Andrew. "I have long been concerned about the potential accessibility problems that grid layout could cause. These essentially centre around the concept of disconnecting the source from the visual display…" https://rachelandrew.co.uk/archives/2019/06/04/grid-content-re-ordering-and-accessibility/ +03: EVALUATION & TESTING. Auditing Web Content with Web Inspector By Apple. "Discover a new way to ensure your web content meets team coding standards and that you can deliver better code even without reliance on automated test systems. Find out how to use the Audit tool in Web Inspector to quickly and easily audit your web content during development so important compliance details don't slip by…" https://developer.apple.com/videos/play/wwdc2019/514/ Building the Most Inaccessible Site Possible with a Perfect Lighthouse Score By Manuel Matuzovic. "Google's built-in testing tool Lighthouse judges the accessibility of our websites with a score between 0 and 100. It's laudable to try to get a high grading, but a score of 100 doesn't mean that the site is perfectly accessible. To prove that I carried out a little experiment…" https://www.matuzo.at/blog/building-the-most-inaccessible-site-possible-with-a-perfect-lighthouse-score/ Four Things We Learnt From Facilitating Usability Testing Sessions With Blind Users By Vedran Arnautovic. "Recently two of my colleagues (Todd Moore, Stephanie Moss) and I tested parts of SEEK's site with vision impaired users…" https://medium.com/seek-blog/four-things-we-learnt-from-facilitating-usability-testing-sessions-with-blind-users-2298dac58ae2 The Importance of Replicating Research Findings By Jeff Sauro. "…Here are nine examples of claims or methods that we've attempted to replicate. Some we found similar results for, and we failed to replicate others, but with all we learned something and hope to extend that knowledge for others to leverage…" https://measuringu.com/replicating-research/ Usability Test Reporting: Spend Less Time, Have More Impact By Ismaël Sow. "Let's see how to gain speed and impact with your usability testing reports…" https://conversionxl.com/blog/usability-test-reporting/ +04: EVENTS. Using the VPAT in Purchasing Decisions June 11, 2019. Online http://aem.cast.org/about/events/2019/06/understanding-the-vpat.html Data Visualization: Tips for Making Complex Graphical Content Accessible to All June 13, 2019. New York, New York, U.S.A. https://www.meetup.com/A11yNYC/events/261680441/ To Boldly Go Where No Single Page Application (SPA) Has Gone Before… June 18, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/a11ychi/events/262004166/ Live Stream: https://www.youtube.com/watch?v=0xNZst236jY Live Captions: http://www.streamtext.net/player?event=CDA How Slack Approaches Accessibility Testing August 1, 2019. Online https://go.3playmedia.com/wbn-08-01-2019-slack Midwest UX October 10-12, 2019. Grand Rapids, Michigan, U.S.A. http://2019.midwestuxconference.com/ Inclusive Design 24 (#id24) October 10, 2019. Online https://inclusivedesign24.org/ HighEdWeb October 13-16, 2019. Milwaukee, Wisconsin, U.S.A. https://2019.highedweb.org/ EDUCAUSE Annual Conference October 14-17, 2019. Chicago, Illinois, U.S.A. https://events.educause.edu/annual-conference/2019 +05: HTML. Reducing Motion with the Picture Element By Brad Frost. "…This technique would definitely be helpful for posts with embedded animated GIFs in it. Authors would have to grab a static frame of a GIF as a fallback, so there's a bit of extra work involved, but the technical execution is pretty dang straightforward…" http://bradfrost.com/blog/post/reducing-motion-with-the-picture-element/ +06: JAVASCRIPT. WAI-ARIA Menus, and Why You Should Handle Them with Great Care By Macro Zehe. "The WAI-ARIA standard defines a number of related menu roles. However, before using them, please give great consideration to the implications…" https://marcozehe.wordpress.com/2019/05/30/wai-aria-menus-use-with-care/ Implementing Private Variables In JavaScript By Khari McMillian. "JavaScript (or ECMAScript) is the programming language that powers the web…" https://css-tricks.com/implementing-private-variables-in-javascript/ +07: MISCELLANEOUS. Daily Ethical Design By Lennart Overkamp. "There's no shortage of content, manifestos, and opinions these days on how design can be evil. But if they've left you feeling more frustrated than empowered, wishing for practical, real-world ways to enact change in your work, we hear you. In this piece, Lennart Overkamp lays out a practice-based approach to daily ethical design. You might be surprised to find out how much you can already do." https://alistapart.com/article/daily-ethical-design/ Cake or Death: AMP and the Worrying Power Dynamics of the Web By Andrew Betts. "…the news industry is in the midst of a full blown disaster, society around the world is being starved of intelligent thought and the results are horrifying. AMP is partly responsible for this, and if there's a bug to be fixed, it is the people who invented it and still think it's a good idea…" https://trib.tv/2019/05/28/cake-or-death-amp-and-the-worrying-power-dynamics-of-the-web/ Take Back Your Web: Tantek Çelik's Call to Action to Join the Independent Web By Sarah Gooding. "Tantek Çelik, Web Standards Lead at Mozilla and co-founder of IndieWebCamp, delivered an inspirational talk titled 'Take Back Your Web' at the most recent beyond tellerrand conference in Düsseldorf, Germany…" https://wptavern.com/take-back-your-web-tantek-celiks-call-to-action-to-join-the-independent-web Before Netscape: The Forgotten Web Browsers of the Early 1990s By Matthew Lasar. "From the archives: Does anybody remember Erwise? Viola? Cello? Let's reminisce…" https://arstechnica.com/information-technology/2019/05/before-netscape-forgotten-web-browsers-of-the-early-1990s/ Your Company's Slack is Probably Sexist By Leah Fessler. "Slack is the bane and the lifeblood of my workplace communication…" https://qz.com/work/1128150/your-companys-slack-is-probably-sexist/ +08: NAVIGATION. Skip Links Design Showcase By Christopher Schmitt. "…To help with design inspiration, here are a handful of sites utilizing Skip Links that work well with their site's brand…" https://knowbility.org/blog/2019/skip-links-gallery/ +09: STANDARDS, GUIDELINES & PATTERNS. W3C TAG Ethical Web Principles By Daniel Appelquist and Hadley Beeman, Editors. "The web should be a platform that helps people and provides a net positive social benefit. As we continue to evolve the web platform, we must therefore consider the ethical consequences of our work. The following document sets out ethical principles that will drive the TAG's continuing work in this direction…" https://www.w3.org/2001/tag/doc/ethical-web-principles/ Why Did We Need Another Accessibility Standard? - the Birth of ISO 30071-1 By Jonathan Hassell. "…I'm delighted that the resulting Standard - ISO 30071-1 - has been published this week…I believe this is a great step forwards in promoting inclusive design and accessibility globally…" https://www.hassellinclusion.com/blog/why-do-we-need-iso-30071-1/ +10: TOOLS. 39 Accessibility Bookmarklets You Can Use For A11Y Testing By Raghavendra Satish Peri. "These nifty accessibility bookmarklets perform various accessibility audit functions & will come in handy during an accessibility automation evaluation. They can also be deployed on mobile browsers to test responsive design…" https://www.digitala11y.com/accessibility-bookmarklets-testing/ Togglific By Scott Vinkle. "Toggle web animations on or off; for people with vestibular disorders, who are prone to motion sickness, or who find animations distracting…" https://github.com/svinkle/togglific Enterprise Accessibility Tools Roundup By Raghavendra Satish Peri. "A curated list of Enterprise accessibility tools that will enable automation of web accessibility testing across the website, generate reports , create visual dashboards & help in optimizing overall accessibility progress across the organization." https://www.digitala11y.com/enterprise-accessibility-tools-roundup/ +11: USABILITY. UX Dark Patterns: Manipulinks and Confirmshaming By Erin Schroeder. "…These subscriber retention practices are known as a negative opt-out. Negative opt-outs are rooted in user guilt…In UX-speak, dark patterns are mysterious, veiled attempts to inspire conversions by tricking web visitors and prospective customers into an action they didn't intend…" https://www.uxbooth.com/articles/ux-dark-patterns-manipulinks-and-confirmshaming/ Creepiness-Convenience Tradeoff By Kate Moran and Kim Flaherty. "As people consider whether to use the new "creepy" technologies, they do a type of cost-benefit analysis weighing the loss of privacy against the benefits they will receive in return." https://www.nngroup.com/articles/creepiness/ Talking to Computers (part 1): Why is Speech Recognition so Difficult? By Philip Hodgson. "Although the performance of today's speech recognition systems is impressive, the experience for many is still one of errors, corrections, frustration and abandoning speech in favour of alternative interaction methods. We take a closer look at speech and find out why speech recognition is so difficult." https://www.userfocus.co.uk/articles/talking-to-computers-part-1.html Why You Should Use a Grid for Designing Layouts (Video) By Therese Fessenden. "Grids are a great framework to help designers quickly put together a clean, well-aligned interface, and help users to easily scan, read, and use those interfaces." https://www.nngroup.com/videos/grid-layouts/ [Section one ends.] ++ SECTION TWO: +12: What Can You Find at the Web Design Reference Site? Accessibility Information. Web Design References: Accessibility Association Information. Web Design References: Associations Book Listings. Web Design References: Books Cascading Style Sheets Information. Web Design References: Cascading Style Sheets Color Information. Web Design References: Color Drupal Information. Web Design References: Drupal Evaluation & Testing Information. Web Design References: Evaluation and Testing Event Information. Web Design References: Events HTML Information. Web Design References: HTML Information Architecture Information. Web Design References: Information Architecture JavaScript Information. Web Design References: JavaScript Miscellaneous Web Information. Web Design References: Miscellaneous Navigation Information. Web Design References: Navigation & Labeling PHP Information. Web Design References: PHP Sites & Blogs Listing. Web Design References: Sites & Blogs Standards, Guidelines & Pattern Information. Web Design References: Standards, Guidelines, and Patterns Tool Information. Web Design References: Tools Typography Information. Web Design References: Typography Usability Information. Web Design References: Usability XML Information. Web Design References: Usability [Section two ends.] ++END NOTES. + SUBSCRIPTION INFO. WEB DESIGN UPDATE is available by subscription. For information on how to subscribe and unsubscribe please visit: Web Design References: Webdev Newsletter 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: Text Email Newsletter (TEN) Standard + 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 49, May 29, 2019.
David P. Dillard
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 49, May 29, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 49 CONTENTS. SECTION ONE: New references. What's new at the Web Design Reference site? Web Design References New links in these categories: 01: ACCESSIBILITY. 02: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: MISCELLANEOUS. 07: NAVIGATION. 08: STANDARDS, GUIDELINES & PATTERNS. 09: TYPOGRAPHY. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Contextually Marking up Accessible Images and SVGs By Scott O'Hara. "…there are various methods that can be used to provide an accessible name to an image or SVG element…depending on the markup pattern and the method used, the accessible name may not be exposed as expected, due to quirks or gaps in implementations. This means that without testing, graphics may not be exposed in the manner in which you might expect…" Contextually Marking up accessible images and SVGs | scottohara.me The Difference Between Keyboard and Screen Reader Navigation By Léonie Watson. "…Whether someone is a keyboard user or a screen reader user, the importance of HTML cannot be emphasised enough. Without well-formed HTML that uses the appropriate element for the purpose, screen reader navigation breaks down completely, and keyboard navigation is at a high risk of doing the same…" The difference between keyboard and screen reader navigation – Tink Accessible Icon Buttons By Sara Soueidan. "An icon button is an icon that triggers some sort of action on the page…" Accessible Icon Buttons Tabindex: It Rarely Pays to be Positive By Scott O'Hara. "HTML's tabindex attribute may be used to modify whether an element can receive keyboard focus, or not…" Tabindex: it rarely pays to be positive | scottohara.me 2.1.4 Character Key Shortcuts - WCAG 2.1 - Level A By Rakesh Paladugula. "If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true…" https://www.maxability.co.in/2019/05/27/2-1-4-character-key-shortcuts-wcag-2-1-level-a/ Dragon and Accessible Names on the Web (Video) By Eric Wright. "A brief demonstration of "What You See Is What You Say" in a web browser, and how interaction changes when I only have to say part of an element's accessible name. Elements should be named carefully to enable intuitive interactions…" CSUN ATC 17: Dragon and Accessible Names on the Web Here are 23 Terms You Should Know to Better Understand Accessibility By Julie Zeglen, Jonah Freedman et al. "Audism, multi-modality and Section 508: We built a glossary based on local experts' suggestions of the terms they think everyone should learn…" Here are 23 terms you should know to better understand accessibility - Technical.ly Philly A Model for WordPress Accessibility By Adrian Roselli. "I am going to propose a way to increase the overall accessibility of the WordPress ecosystem…" A Model for WordPress Accessibility +02: CASCADING STYLE SHEETS. Digging Into The Display Property: Grids All The Way Down By Rachel Andrew. "Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior…" Digging Into The Display Property: Grids All The Way Down — Smashing Magazine +03: EVALUATION & TESTING. Questionnaire Design: An Interview with Annie Pettit (Podcast) By Gerry Gaffney. "My guest today is a market research methodologist who specializes in survey design and data quality…" Questionnaire design: An interview with Annie Pettit Macro & Microconversions as Metrics in Analytics (Video) By Kathryn Whitenton. "The most desired user actions (macroconversions) may be too rare to generate enough analytics data for fast design iteration, so we can also analyze smaller user actions (microconversions) that are more frequent and are connected to bigger goals." https://www.nngroup.com/videos/macro-microconversions-metrics-analytics/ +04: EVENTS. Web Accessibility Evaluation for Non-Technical Users (3-part course) June 10, 12, and 14, 2019. Online. DRES IT Accessibility Badging Program | Disability Resources & Educational Services - University of Illinois Minnesota Assistive Technology (AT) and Accessibility Summit June 13-14, 2019. St. Paul, Minnesota, U.S.A. Minnesota Assistive Technology (AT) and Accessibility Summit Web Accessibility Evaluation for Technical Users (3-part course) June 17, 19, and 21, 2019 Online. http://disability.illinois.edu/academic-support/accessible-it-group/badging#tech Access Technology Higher Education Network (ATHEN) Virtual Conference June 21, 2019. Online ATHEN Virtual Conference | ATHEN IndieWeb Summit June 29-30, 2019. Portland, Oregon, U.S.A. IndieWeb Summit - June 29-30, 2019 - Portland, Oregon Audio Description Institute July 10-12, 2019. Rochester, New York, U.S.A. American Council of the Blind Convention Chicago UX Conference September 7-13, 2019, U.S.A. Chicago, Illinois, U.S.A. Chicago Agenda for the UX Conference 2019 | Nielsen Norman Group Accessibility Scotland October 25, 2019. Edinburgh, Scotland Accessibility Scotland 2019 - Accessibility Scotland +05: HTML. What Have HTML5 Elements Ever Done for Accessibility? (Slides) By Graham Armfield. "It's a story of good intentions that haven't always been carried through into a good implementation." What have HTML5 elements ever done for Accessibility Placeholder: The Piss-Take Label By Steve Faulkner. "The reasons why use of the placeholder attribute as the only means of providing a user readable prompt for a form control is deficient UX, are voluminous…" placeholder - the piss-take label +06: MISCELLANEOUS. Plain Text vs. HTML Emails: Which Is Better? [New Data] By Niti Shah. "…Although people say they prefer HTML-based and image-based emails, in reality, simpler emails perform best -- and plain-text emails perform best of all…" Plain Text vs. HTML Emails: Which Is Better? [New Data] +07: NAVIGATION. How Many Items in a Navigation Menu? (Video) By Page Laubheimer. "A key question in information architecture (IA) is to decide the number of items in navigation menus (including global menus and local menus). 4 main factors determine the answer, but it's not 7, despite a common myth." https://www.nngroup.com/videos/number-items-navigation-menu/ +08: STANDARDS, GUIDELINES & PATTERNS. W3C and WHATWG to Work Together to Advance the Open Web Platform By Jeff Jaffe. "…Motivated by the belief that having two distinct HTML and DOM specifications claiming to be normative is generally harmful for the community, and the mutual desire to bring the work back together, W3C and WHATWG agree to the following terms…" W3C and WHATWG to work together to advance the open Web platform | W3C Blog +09: TYPOGRAPHY. Typography Terms Cheat Sheet By Therese Fessenden. "Typography concepts can sometimes get lost in translation between researchers, developers, designers, and stakeholders. Use this cheat sheet to help you decode the meaning of common or often mistaken typography terms." https://www.nngroup.com/articles/typography-terms-ux/ The State of Fluid Web Typography By Matej Latin. "Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?…" The State of Fluid Web Typography font-display is Incompatible with Icon Fonts By Zach Leatherman. "There are myriad problems with icon fonts…" font-display is Incompatible with Icon Fonts—zachleat.com +10: USABILITY. User Needs, and Why Your Organization Doesn't Care About Them By Padma Gillen. "We are excited to share this excerpt from GatherContent's book Lead with Content…" User needs, and why your organization doesn’t care about them | UX Booth 'About Us' Information on Websites By Anna Kaley and Jakob Nielsen. "Users expect About Us sections to be clear, authentic, and transparent. They compare corporate content with third-party reviews to form a holistic opinion of a company before initiating business or applying for jobs." https://www.nngroup.com/articles/about-us-information-on-websites/ [Section one ends.] ++ SECTION TWO: +11: What Can You Find at the Web Design Reference Site? Accessibility Information. Web Design References: Accessibility Association Information. Web Design References: Associations Book Listings. Web Design References: Books Cascading Style Sheets Information. Web Design References: Cascading Style Sheets Color Information. Web Design References: Color Drupal Information. Web Design References: Drupal Evaluation & Testing Information. Web Design References: Evaluation and Testing Event Information. Web Design References: Events HTML Information. Web Design References: HTML Information Architecture Information. http://www.d.umn.edu/itss/training/online/webdesign/architecture.html JavaScript Information. Web Design References: JavaScript Miscellaneous Web Information. Web Design References: Miscellaneous Navigation Information. Web Design References: Navigation & Labeling PHP Information. Web Design References: PHP Sites & Blogs Listing. http://www.d.umn.edu/itss/training/online/webdesign/sites.html Standards, Guidelines & Pattern Information. Web Design References: Standards, Guidelines, and Patterns Tool Information. Web Design References: Tools Typography Information. Web Design References: Typography Usability Information. Web Design References: Usability XML Information. Web Design References: Usability [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: Text Email Newsletter (TEN) Standard + 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 49, May 29, 2019.
David Dillard
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 49, May 29, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 49 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: EVALUATION & TESTING. 04: EVENTS. 05: HTML. 06: MISCELLANEOUS. 07: NAVIGATION. 08: STANDARDS, GUIDELINES & PATTERNS. 09: TYPOGRAPHY. 10: USABILITY. SECTION TWO: 11: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Contextually Marking up Accessible Images and SVGs By Scott O'Hara. "…there are various methods that can be used to provide an accessible name to an image or SVG element…depending on the markup pattern and the method used, the accessible name may not be exposed as expected, due to quirks or gaps in implementations. This means that without testing, graphics may not be exposed in the manner in which you might expect…" https://www.scottohara.me/blog/2019/05/22/contextual-images-svgs-and-a11y.html The Difference Between Keyboard and Screen Reader Navigation By Léonie Watson. "…Whether someone is a keyboard user or a screen reader user, the importance of HTML cannot be emphasised enough. Without well-formed HTML that uses the appropriate element for the purpose, screen reader navigation breaks down completely, and keyboard navigation is at a high risk of doing the same…" https://tink.uk/the-difference-between-keyboard-and-screen-reader-navigation/ Accessible Icon Buttons By Sara Soueidan. "An icon button is an icon that triggers some sort of action on the page…" https://www.sarasoueidan.com/blog/accessible-icon-buttons/ Tabindex: It Rarely Pays to be Positive By Scott O'Hara. "HTML's tabindex attribute may be used to modify whether an element can receive keyboard focus, or not…" https://www.scottohara.me/blog/2019/05/25/tabindex.html 2.1.4 Character Key Shortcuts - WCAG 2.1 - Level A By Rakesh Paladugula. "If a keyboard shortcut is implemented in content using only letter (including upper- and lower-case letters), punctuation, number, or symbol characters, then at least one of the following is true…" https://www.maxability.co.in/2019/05/27/2-1-4-character-key-shortcuts-wcag-2-1-level-a/ Dragon and Accessible Names on the Web (Video) By Eric Wright. "A brief demonstration of "What You See Is What You Say" in a web browser, and how interaction changes when I only have to say part of an element's accessible name. Elements should be named carefully to enable intuitive interactions…" https://www.youtube.com/watch?v=p5WqhltSlE0 Here are 23 Terms You Should Know to Better Understand Accessibility By Julie Zeglen, Jonah Freedman et al. "Audism, multi-modality and Section 508: We built a glossary based on local experts' suggestions of the terms they think everyone should learn…" https://technical.ly/philly/2019/05/24/accessibility-terms-glossary-technology/ A Model for WordPress Accessibility By Adrian Roselli. "I am going to propose a way to increase the overall accessibility of the WordPress ecosystem…" http://adrianroselli.com/2019/05/a-model-for-wordpress-accessibility.html +02: CASCADING STYLE SHEETS. Digging Into The Display Property: Grids All The Way Down By Rachel Andrew. "Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at what happens when you use grid as a value of display, with added information about how subgrid changes that behavior…" https://www.smashingmagazine.com/2019/05/display-grid-subgrid/ +03: EVALUATION & TESTING. Questionnaire Design: An Interview with Annie Pettit (Podcast) By Gerry Gaffney. "My guest today is a market research methodologist who specializes in survey design and data quality…" https://uxpod.com/questionnaire-design-an-interview-with-annie-pettit/ Macro & Microconversions as Metrics in Analytics (Video) By Kathryn Whitenton. "The most desired user actions (macroconversions) may be too rare to generate enough analytics data for fast design iteration, so we can also analyze smaller user actions (microconversions) that are more frequent and are connected to bigger goals." https://www.nngroup.com/videos/macro-microconversions-metrics-analytics/ +04: EVENTS. Web Accessibility Evaluation for Non-Technical Users (3-part course) June 10, 12, and 14, 2019. Online. http://disability.illinois.edu/academic-support/accessible-it-group/badging#nontech Minnesota Assistive Technology (AT) and Accessibility Summit June 13-14, 2019. St. Paul, Minnesota, U.S.A. https://www.regonline.com/builder/site/default.aspx?EventID=2564241 Web Accessibility Evaluation for Technical Users (3-part course) June 17, 19, and 21, 2019 Online. http://disability.illinois.edu/academic-support/accessible-it-group/badging#tech Access Technology Higher Education Network (ATHEN) Virtual Conference June 21, 2019. Online https://athenpro.org/content/athen-virtual-conference IndieWeb Summit June 29-30, 2019. Portland, Oregon, U.S.A. https://2019.indieweb.org/summit Audio Description Institute July 10-12, 2019. Rochester, New York, U.S.A. https://acbconvention.org/account/adp/login.php Chicago UX Conference September 7-13, 2019, U.S.A. Chicago, Illinois, U.S.A. https://www.nngroup.com/training/chicago/ Accessibility Scotland October 25, 2019. Edinburgh, Scotland https://accessibility.scot/ +05: HTML. What Have HTML5 Elements Ever Done for Accessibility? (Slides) By Graham Armfield. "It's a story of good intentions that haven't always been carried through into a good implementation." https://speakerdeck.com/coolfields/what-have-html5-elements-ever-done-for-accessibility Placeholder: The Piss-Take Label By Steve Faulkner. "The reasons why use of the placeholder attribute as the only means of providing a user readable prompt for a form control is deficient UX, are voluminous…" https://codepen.io/stevef/post/placeholder-the-piss-take-label +06: MISCELLANEOUS. Plain Text vs. HTML Emails: Which Is Better? [New Data] By Niti Shah. "…Although people say they prefer HTML-based and image-based emails, in reality, simpler emails perform best -- and plain-text emails perform best of all…" https://blog.hubspot.com/marketing/plain-text-vs-html-emails-data +07: NAVIGATION. How Many Items in a Navigation Menu? (Video) By Page Laubheimer. "A key question in information architecture (IA) is to decide the number of items in navigation menus (including global menus and local menus). 4 main factors determine the answer, but it's not 7, despite a common myth." https://www.nngroup.com/videos/number-items-navigation-menu/ +08: STANDARDS, GUIDELINES & PATTERNS. W3C and WHATWG to Work Together to Advance the Open Web Platform By Jeff Jaffe. "…Motivated by the belief that having two distinct HTML and DOM specifications claiming to be normative is generally harmful for the community, and the mutual desire to bring the work back together, W3C and WHATWG agree to the following terms…" https://www.w3.org/blog/2019/05/w3c-and-whatwg-to-work-together-to-advance-the-open-web-platform/ +09: TYPOGRAPHY. Typography Terms Cheat Sheet By Therese Fessenden. "Typography concepts can sometimes get lost in translation between researchers, developers, designers, and stakeholders. Use this cheat sheet to help you decode the meaning of common or often mistaken typography terms." https://www.nngroup.com/articles/typography-terms-ux/ The State of Fluid Web Typography By Matej Latin. "Fluid typography gives us so many opportunities to better design the reading experiences on the web but, at the same time, it introduces problems of font sizes scaling uncontrollably and potential accessibility issues. Is fluid web typography ready to be used?…" https://betterwebtype.com/articles/2019/05/14/the-state-of-fluid-web-typography/ font-display is Incompatible with Icon Fonts By Zach Leatherman. "There are myriad problems with icon fonts…" https://www.zachleat.com/web/font-display-icon-fonts/ +10: USABILITY. User Needs, and Why Your Organization Doesn't Care About Them By Padma Gillen. "We are excited to share this excerpt from GatherContent's book Lead with Content…" https://www.uxbooth.com/articles/user-needs-and-why-your-organization-doesnt-care-about-them/ 'About Us' Information on Websites By Anna Kaley and Jakob Nielsen. "Users expect About Us sections to be clear, authentic, and transparent. They compare corporate content with third-party reviews to form a holistic opinion of a company before initiating business or applying for jobs." https://www.nngroup.com/articles/about-us-information-on-websites/ [Section one ends.] ++ SECTION TWO: +11: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Web Design Update: May 22, 2019
David Dillard
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 48, May 22, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 48 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: EVALUATION & TESTING. 03: EVENTS. 04: HTML. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: TOOLS. 09: USABILITY. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. First Annual State Of Accessibility Report (PDF) By Diamond. "The current state of accessibility is unacceptable. There are an average of 59.6 major accessibility errors per webpage. From both a civil rights and a business perspective, the 61 million Americans 2 and 1 billion people with disabilities ('PwD') worldwide are under-served by today's digital products. Accessibility lawsuits are rising exponentially, which has resulted in nascent awareness that accessibility is an issue…" https://cdn2.hubspot.net/hubfs/5626219/SOAR%20/Diamond_SOAR_Report_2019.pdf Columbia & Elm; Fairfield & Gloucester By Ethan Marcotte. "…I want to read poetry in alt text; to have our work's success measured by how broadly it can be accessed; to create moving, beautiful experiences for people who may not use the web like I do…" https://ethanmarcotte.com/wrote/columbia-and-elm-fairfield-and-gloucester/ 7 Reasons Why You Want to Caption Your Videos By Meryl K. Evans. "…People who are deaf or hard of hearing are NOT the main users of captioned videos. Here are seven reasons to caption your videos…" https://www.linkedin.com/pulse/7-reasons-why-you-want-caption-your-videos-meryl-evans Universal Design: 11 Practical Tips to Make Your Sites and Apps More Accessible By Oliver Lindberg. "…To mark Global Accessibility Awareness Day, we asked several accessibility advocates for some practical tips you may not have thought of, to help you build sites and apps that are more accessible and inclusive…" https://www.shopify.com/partners/blog/universal-design Short Note on prefers-reduced-motion and Puzzled (Windows) Users By Patrick H. Lauke. "…recommend just sticking to this particular (Windows-specific effects in the 'Advanced System Settings') checkbox when testing for 2.3.3 Animation from Interactions - unless you enjoy spending time after each round of testing to reset your Windows environment the way you like it." https://developer.paciellogroup.com/blog/2019/05/short-note-on-prefers-reduced-motion-and-puzzled-windows-users/ Checklist By The A11Y Project. "Determine how accessible your site is…" https://a11yproject.com/checklist Understanding SC 1.1.1 Non-text Content By Raghavendra Satish Peri. "This success criterion requires that any non-text content that includes active images (imagelinks), area maps, informative images, complex charts and graphs, CSS images, decorative images, input image controls, CAPTCHA and audio and video contents must have text alternatives…" https://www.digitala11y.com/understanding-sc-1-1-1-non-text-content/ Summary of Accessibility Toronto Camp By Dennis Lembree. "Accessibility Toronto Camp occurred Saturday, May 18 at OCAD University in incredible city of Toronto, Ontario, Canada…" http://www.webaxe.org/summary-of-accessibility-toronto-camp/ Selfish Accessibility - YGLF Vilnius (Slides) By Adrian Roselli. Adrian's Vilnius JavaScript slides. http://adrianroselli.com/2019/05/selfish-accessibility-yglf-vilnius.html How Your Company Can Prevent ADA Website Accessibility Lawsuits By Kim Krause Berg. "…The only way to prevent an ADA lawsuit is to plan for, design and build for web accessibility…" https://www.searchenginejournal.com/prevent-accessibility-website-lawsuit/306055/ Fraud Whistleblower Seeks Redress for Inaccessible Public Website that Cost California $66 Million By Kristopher Nelson. "TRE Legal Practice alleges that Xerox Corp. and Conduent, Inc. defrauded taxpayers when the two companies built a $66 million state park reservation website that hundreds of thousands of Californians with disabilities cannot use…" https://www.trelegal.com/posts/fraud-whistleblower-seeks-redress-for-inaccessible-public-website-that-cost-california-66-million/ +02: EVALUATION & TESTING. Using Trade-Off Scales for Prioritization in UX Design Projects By Anna Kaley. "Trade-off scales are a tool that UX practitioners can use to to visually prioritize user needs and project dimensions to focus resources on the most important ones." https://www.nngroup.com/videos/tradeoff-scale-ux-priority/ +03: EVENTS. Utah Accessibility Meetup #1 May 29, 2019. Salt Lake City, Utah, U.S.A. https://www.meetup.com/UtahA11y/events/261077544/ Maker Series: Accessibility Workshop with Derek Featherstone June 13, 2019. Dayton, Ohio, U.S.A. https://www.eventbrite.com/e/maker-series-accessibility-workshop-with-derek-featherstone-tickets-61582042547 Impact of Captions & Transcripts on Student Learning & Comprehension June 26, 2019. Online https://www.3playmedia.com/resources/webinars/ JSConf US August 12-14, 2019 Carlsbad, California, U.S.A. https://2019.jsconf.us/ Vancouver UX Conference August 19-23, 2019. Vancouver, British Columbia, Canada https://www.nngroup.com/training/vancouver/ Abstractions August 21-23, 2019 Pittsburgh, Pennsylvania, U.S.A. https://abstractions.io/ W3C Developer Meetup September 16, 2019. Fukuoka, Japan https://www.w3.org/2019/09/Meetup/ +04: HTML. Building an Accessible Progressive Loader (Slides) By Russ Weakley. "This presentation for A11y Bytes May 2019, takes you through how to mark up a progress loader using the progress element. Then, eight tips for making the progress loader accessible." https://www.slideshare.net/maxdesign/building-an-accessible-progressive-loader +05: JAVASCRIPT. JavaScript and Accessibility: Accordions By Lindsey Kopacz. "…I am going to go into a deep dive on how to make accordions accessible! Our focus is: 1.) Accessing the accordion with a keyboard 1.) Screen reader support…" https://www.a11ywithlindsey.com/blog/javascript-accessibility-accordions/ +06: MISCELLANEOUS. Take Back Your Web (Video) By Tantek Çelik. "…Own your domain. Own your content. Own your social connections. Own your reading experience. IndieWeb services, tools, and standards enable you to take back your web." https://vimeo.com/336343886 Can 'Indie' Social Media Save Us? By Cal Newport. "…If you're using a company's servers without paying for the privilege, then that company must be finding other ways to 'extract value' from you…Social media has reshaped our culture, and this has convinced us that it is fundamentally appealing. Strip away its most manipulative elements, though, and we may find that it's less rewarding than it seems." https://www.newyorker.com/tech/annals-of-technology/can-indie-social-media-save-us All Constraints are Beautiful (Video) By Charlie Owen. "…In this talk Charlie will tell us how constraints are something that should be sought out and embraced, especially in the infinite chaos of the web…" https://vimeo.com/335856612 Accessibility in Web Standards (Podcast) By Jamie White. "Léonie Watson has been focused on accessibility for nearly twenty years. She joins us to talk about her long career in web accessibility, her involvement in the W3C, and where she believes the future of the technology is headed.…" https://www.heroku.com/podcasts/codeish/16-accessibility-in-web-standards +07: NAVIGATION. How to Conduct Research for Customer Journey Mapping (Video) By Kate Kaplan. "When conducting research for customer-journey maps, use qualitative methods that allow direct interaction with or observation of users, such as interviews, field studies, and diary studies." https://www.nngroup.com/videos/research-journey-mapping/ +08: TOOLS. ARC Toolkit By The Paciello Group. "Quickly uncover accessibility issues on any web page and gain valuable accessibility insights with TPG's ARC Toolkit." https://www.paciellogroup.com/toolkit/ Contrast Checker By GOVUK Design System Team. Developed to help test WCAG 2.1 Success Criterion 1.4.11: Non-text Contrast. https://contrast-checker.glitch.me/ +09: USABILITY. Digital Contributing to Climate Crisis By Gerry McGovern. "…The digital environment is much more wasteful than the physical environment since it is easy to create, copy, and publish digital things. Our oceans are full of plastic. Our websites are even more full of crap. We treat our digital environment even worse than our physical environment. It's high time we changed." http://gerrymcgovern.com/digital-contributing-to-climate-crisis/ 10 Usability Heuristics Applied to Video Games By Alita Joyce. "Following Jakob Nielsen's 10 heuristics for user-interface design will improve the user experience of video games." https://www.nngroup.com/articles/usability-heuristics-applied-video-games/ [Section one ends.] ++ SECTION TWO: +10: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
Web Design Update: May 15, 2019
David Dillard
+++ WEB DESIGN UPDATE.
- Volume 17, Issue 47, May 16, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 47 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: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Global Accessibility Awareness Day 2019: Three Ways You Can Participate By Deborah Edwards-Onoro. "If you want to participate in GAAD, but don't live near an inclusive design or accessibility meetup group hosting the event, I've got you covered…" https://www.lireo.com/global-accessibility-awareness-day-2019/ WCAG 2.1 Primer (Alpha) By GOV.UK. "This document will help you get up to speed with WCAG 2.1 quickly and avoid common mistakes people make when creating or updating web content. You will find this really helpful if you design, build or create web content…" https://alphagov.github.io/wcag-primer/ How do You Test Success Criterion 1.3.5 on Mobile Applications? (Update) By Chrissie Henning. "At the time of publication we were not fully aware of the ramifications of discussions and further post publication discussions, in the WCAG working group, that have lead to the requirements for conforming to this success criterion being more clearly defined…" https://developer.paciellogroup.com/blog/2019/05/how-do-you-test-success-criterion-1-3-5-on-mobile-applications/#update Shadows & Outlines Accessibility of Component Styling (Slides, Minutes, Video) By Michael Gilbert, Philippe Clesca, Kunal D. Patel, Sky Ortiz, and Jen Kozenski. Google research & experience on WCAG Success Criterion 1.4.11: Non-text Contrast. Slides: https://docs.google.com/presentation/d/1CFNxozlyO1lmiyRVCFuhQ_0t2c5QTLskY03CCeTpUuA/ WCAG Working Group Minutes: https://www.w3.org/2019/05/14-ag-minutes.html#item01 Recording: https://mit.webex.com/mit/lsr.php?RCID=42dc7191ccb949e681ad88d6de4f1622 Understanding SC 1.2.1 Audio-only and Video-only (Prerecorded) By Raghavendra Satish Peri. "This success criterion requires that audio-only & video-only content are provided with alternative method of conveying information. A text transcript can be provided for audio track & text transcript or audio track can be provided for a video that doesn't have an audio…" https://www.digitala11y.com/understanding-sc-1-2-1-audio-only-and-video-only-prerecorded/ Notes from the A11y Underground #1 By Steve Faulkner. "I have been meaning to start a periodic noting of meaty articles and threads related to subjects close to my technical heart. Today intent meets action. Here's a few that have tickled my fancy of late…" https://developer.paciellogroup.com/blog/2019/05/notes-from-the-a11y-underground-1/ [DRAFT] (FAST) Checklist By Accessible Platform Architectures Working Group. "…The goal of Framework for Accessibility in the Specification of Technologies (FAST) is to describe the features that web technologies should provide to ensure it is possible to create content that is accessible to users with disabilities…" https://w3c.github.io/apa/fast/checklist.html Some Accessibility Resources By Scott O'Hara. "If you're just getting into accessibility (or a11y for short), or you're getting comfortable with what you know and want to build on that, I recommend checking out the following resources…" (Thanks for including the Webdev Newsletter, Scott!) https://www.scottohara.me/note/2019/05/07/resources.html Golden Rules of Social Media Accessibility (PDF) By Jennifer Smith. "How do you start creating accessible social media content…" https://danya.com/files/sma_poster.pdf Passed Your Accessibility Check? Don't Be So Sure. By Paul Rayius "Why does my PDF file pass Adobe Acrobat's Accessibility Checker but fails using CommonLook's PDF Validator or PAC3?…" https://commonlook.com/passed-your-accessibility-check-dont-be-so-sure/ Less Than 1% of Website Home Pages are Likely to Meet Accessibility Standards By Claudia Cahalane. "…To find out more about the report, AbilityNet accessibility and usability consult Adi Latif spoke to Jared Smith, associate director of WebAIM. You can find the video below of their conversation at accessibility conference CSUN, below…" https://abilitynet.org.uk/news-blogs/less-1-website-home-pages-are-likely-meet-accessibility-standards RIT, Naz Caught in Explosion of ADA Website Lawsuits By Berkeley Brean. "All week News10NBC investigated the thousands of lawsuits accusing the owners of restaurants, malls, art galleries and wineries of discriminating against people with disabilities…" https://www.whec.com/news/rit-naz-caught-in-explosion-of-ada-website-lawsuits/5340318/ Visually Impaired Man Sues Pokémon Company Over Non-ADA Compliant Website By Stefanie Fogel. "A visually-impaired man is suing The Pokémon Company because he says one of its websites is not equally accessible to blind consumers and violates the Americans with Disabilities Act…" https://variety.com/2019/gaming/news/pokemon-center-company-ada-lawsuit-1203208010/ +02: CASCADING STYLE SHEETS. The Dark Side of the Grid (Part 2) By Manuel Matuzovic. "This is part 2 of 3 in a series of articles about CSS Grid layout and accessibility…" https://www.matuzo.at/blog/the-dark-side-of-the-grid-part-2/ A Design Pattern Solved by Subgrid By Rachel Andrew. "I've been playing with this early implementation of the subgrid feature in Firefox, and it occured to me that subgrid could solve a less obvious use case…" https://rachelandrew.co.uk/archives/2019/05/07/a-design-pattern-solved-by-subgrid/ Subgrid By Chris David Mills, SphinxKnight, and Rachel Andrew. "Level 2 of the CSS Grid Layout specification includes a subgrid value for grid-template-columns and grid-template-rows. This guide details what subgrid does, and gives some use cases and design patterns that are solved by the feature…" https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_layout/Subgrid Understanding Grid Placement Through Building a HTML Periodical Table By Chen Hui Jing. "I've been using CSS grid to build layouts for quite a while now, and all my designs to date involved either a handful of explicitly placed individual grid items, or 100% automatic placement…" https://www.chenhuijing.com/blog/understanding-grid-placement/ How to Create Joined Bulletpoint Lists with CSS, BBC News-style By Peter Cooper. "When there are live events, BBC News often runs a 'timeline' style list against stories. For example…" https://dev.to/peterc/how-to-create-joined-bulletpoint-lists-with-css-bbc-news-style-1eem +03: COLOR. Color Tutorial By Tom Jewett. "Most of the things that you will design with computers-user interfaces, Web pages, and even printed documents-will use color in some way. This tutorial is designed to help you understand and specify colors. It does not address the effective use of color, which is a much more complex topic…" http://colortutorial.design/index.html +04: DRUPAL. Which of Drupal and WordPress is the Most Accessible Content Management System? (Podcast) By Jonathan Hassell. "…Graham Armfield in our team has been working to make WordPress accessible for years. And Mike Gifford, who has been leading accessibility work on Drupal, is another good friend of ours at Hassell Inclusion. So in this month's podcast we've put them together to discuss their work…" https://www.hassellinclusion.com/blog/drupal-and-wordpress-accessibility-comparison-2019/ +05: EVALUATION & TESTING. A/B Testing vs. Multivariate Testing for Design Optimization (Video) By Kate Moran. "Like A/B testing, multivariate testing is a design optimization method that involves experimenting with live traffic to find the best impact on conversion." https://www.nngroup.com/videos/a-b-testing-vs-multivariate/ Validating a Lostness Measure By Jeff Sauro. "…how do you measure when someone is lost? Is this captured already by standard usability metrics or is a more specialized metric needed? It helps to first think about how we measure usability…" https://measuringu.com/lostness/ +06: EVENTS. Front June 6-7, 2019. Salt Lake City, Utah, U.S.A. https://www.frontutah.com/conference/ DinosaurJS June 20, 2019. Denver, Colorado, U.S.A. https://dinosaurjs.org/ Web Directions Code June 20-21, 2019. Melbourne, Australia https://webdirections.org/code/ Incorporating Accessibility Into your Process and Team July 2, 2019. Online https://levelaccess.zoom.us/webinar/register/WN_fc0zkLjzTsqRt04hUrYxaw Codeland July 22, 2019. New York, New York, U.S.A. http://codelandconf.com/ Mid-Atlantic Developer Conference August 1-2, 2019. Baltimore, Maryland, U.S.A. https://www.middevcon.com/ JavaScript and Friends Conference August 2, 2019. Columbus, Ohio, U.S.A. https://www.javascriptandfriends.com/ +07: HTML. A Delightful Reference for HTML Symbols, Entities and ASCII Character Codes By Toptal Designers. "HTML Arrows is a comprehensive reference website for finding HTML symbol codes and entities, ASCII characters and Unicode hexadecimal values to use in your web design…" https://www.toptal.com/designers/htmlarrows/ Periodic Table of the Elements (Tutorial) By Adrian Roselli. "…this post is about a table of elements that is made up of non-table elements. If that sentence made no sense, then you should enjoy this. In other words, I may use the terms table and element in a confusing fashion…" http://adrianroselli.com/2019/05/periodic-table-of-the-elements.html The HTML5 Treasure Hunt By Bruce Lawson. Slides from Bruce's International JavaScript Conference 2019 presneation. https://speakerdeck.com/brucel/ijs-conference +08: MISCELLANEOUS. Guidelines for Brutalist Web Design By David Bryant Copeland. "…How amazing would it be to have readable text, clearly-marked interaction points, unobtrusive advertising, all wrapped up in a fast-loading site you could consume using the native tools of your chosen device? …to start with left-aligned black text on a white background, and to apply styling only to solve a specific problem. This is good advice. Embrace this, and you embrace Brutalist Web Design. Focus on your content and your visitors will enjoy you and your website. Focus on decoration or tricking your visitors into clicking ads, and your content will suffer, along with your visitors…" https://brutalist-web.design/ A Crime Called Favicon By Jens Oliver Meiert. "At sum.cumo we have just opened a larger investigation into the current situation and best practices with respect to favicons…" https://meiert.com/en/blog/schmavicons/ Thoughts on the W3C's May 2019 Advisory Board Election By Elika J Etemad. "The W3C Advisory Board is electing 7 of its 11 members this May…" http://fantasai.inkedblade.net/weblog/2019/w3c-advisory-board-election/ A Report from the AMP Advisory Committee Meeting By Terence Eden. "I don't like AMP. I think that Google's Accelerated Mobile Pages are a bad idea, poorly executed, and almost-certainly anti-competitive…" https://shkspr.mobi/blog/2019/05/a-report-from-the-amp-advisory-committee-meeting/ +09: NAVIGATION. Customer Journey Mapping 101 (Video) By Sarah Gibbons. "The 5 components of a journey map and the benefits of using this qualitative method as part of a UX design process to discover, document, and share the bigger picture of what users want." https://www.nngroup.com/videos/journey-mapping-101/ +10: TOOLS. Accessibility Reference (Chrome DevTools) By Kayce Basques. "This page is a comprehensive reference of accessibility features in Chrome DevTools. It is intended for web developers who: https://developers.google.com/web/tools/chrome-devtools/accessibility/reference +11: USABILITY. Split Buttons By Page Laubheimer. "A split button is a dual-function menu button that offers a default action as well as the possibility of choosing a different action by selecting from a set of alternatives." https://www.nngroup.com/articles/split-buttons/ Why I Don't Believe in Empathic Design By Don Norman. "Human-centered design pioneer Don Norman, who coined the term 'user experience,' explains why he's not convinced by the current obsession with empathy and what we should do instead…" https://theblog.adobe.com/why-i-dont-believe-in-empathic-design-don-norman/ I Wrote the Book on User-Friendly Design. What I See Today Horrifies Me By Don Norman. "The world is designed against the elderly, writes Don Norman, 83-year-old author of the industry bible Design of Everyday Things and a former Apple VP…" https://www.fastcompany.com/90338379/i-wrote-the-book-on-user-friendly-design-what-i-see-today-horrifies-me Trans-Inclusive Design By Erin White. "Design decisions across our projects can mean the difference between affirmation and invalidation-and sometimes safety and danger. Erin White explores the repercussions for trans, non-binary, and gender-variant users and what we can do about it." https://alistapart.com/article/trans-inclusive-design/ UX Research on Product Page Videos: Where and How to Embed Them (35% Get it Wrong) By Jamie Appleseed. "Imagine investing resources into expensive video production and implementing video players on your e-commerce site, and then your users don't watch the videos…" https://baymard.com/blog/embedding-product-page-videos 4 Tips for Designing Apps for Older Users By Jonathan Shariat. "…Here are some of our design considerations…" https://medium.com/project-ronin/4-tips-for-designing-apps-for-older-users-4246450a953c [Section one ends.] ++ SECTION TWO: +12: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
RESEARCH GUIDE : ORIGINAL GUIDE : Copyright: Some Sources About Intellectual Property and Copyright: Digital Rights Management Books Journal Articles and Web Sources
David Dillard
* * RESEARCH GUIDE : ORIGINAL GUIDE : Copyright: Some Sources About Intellectual Property and Copyright: Digital Rights Management Books Journal Articles and Web Sources * * Navigation to Main PageAdditional Web Pages
. Digital Rights Management (DRM) AND Digital Scholarship . Research Guide Directory :https://sites.google.com/site/researchguidesonsites/ .DATABASE SEARCH RESULTS :
DIGITAL RIGHTS MANAGEMENT (DRM) :
DIGITAL HUMANITIES :
DIGITAL INITIATIVES :
DIGITAL ANALYSIS :
DIGITAL SCHOLARSHIP:
Sources and Database Search Results About Digital Rights Management and About DRM in the World of Digital Scholarship
Sources and Database Search Results About Digital Rights Management and About DRM in the World of Digital Scholarship
.
.
Digital Rights Management (DRM) Definition FROM Tech Target "Digital rights management (DRM) is a systematic approach to copyright protection for digital media. The purpose of DRM is to prevent unauthorized redistribution of digital media and restrict the ways consumers can copy content they've purchased. DRM products were developed in response to the rapid increase in online piracy of commercially marketed material, which proliferated through the widespread use of peer-to-peer
*
DRM (Digital Rights Management) Definition FROM Tech Terms "DRM refers to a collection of systems used to protect the copyrights of electronic media. These include digital music and movies, as well as other data that is stored and transferred digitally. For example, the Apple iTunes Music Store uses a DRM system to limit the number of computers that songs can be played on. Each audio file downloaded from the iTunes music store includes information about the owner of the file and how many times the file has been transferred. The protected files will not play on computers that have not been authorized to play http://techterms.com/definition/drm
*
Digital Rights Management FROM Wikipedia "Digital rights management (DRM) is a class of copy protection technologies[1] that are used by hardware and software manufacturers, publishers, copyright holders, and individuals with the intent to control the use of digital content and devices after sale;[1][2][3] there are, however, many competing definitions. 4] With first-generation DRM software, the intent is to control copying; with second-generation DRM, the intent is to control executing, viewing, copying, printing, and altering of works or devices. The term is also sometimes referred to as copy protection, copy prevention, and copy control, although the correctness of doing so is disputed.[5] DRM is a set of access control technologies. [6][7] In 1998, the Digital Millennium Copyright Act (DMCA) was passed in the United States to impose criminal penalties on those who make available technologies whose primary purpose and function are to circumvent content protection technologies.[8] The use of digital rights management is not universally accepted. Some content providers claim that DRM is necessary to fight copyright infringement and that it can help the copyright holder maintain artistic control[9] or ensure continued revenue streams. [10] Proponents argue that digital locks should be considered necessary to prevent "intellectual property" from being copied freely, just as physical locks are needed to prevent personal property from being stolen.[11] Those opposed to DRM contend there is no evidence that DRM helps prevent copyright infringement, arguing instead that it serves only to inconvenience legitimate customers, and that DRM helps big business stifle innovation and competition. [12] Furthermore, works can become permanently inaccessible if the DRM scheme changes or if the service is discontinued.[13] Digital locks placed in accordance with DRM policies can also restrict users from exercising their legal rights under copyright law, such as backing up copies of CDs or DVDs, lending materials out through a library, accessing works in the public domain, or using copyrighted materials for research and education under the US fair use laws,[11] and under French law.[14] The Electronic Frontier Foundation (EFF) and the Free Software Foundation (FSF) consider the use of DRM systems to be anti-competitive practice.[15][16]" 2.1.1 Limited install activations 2.1.2 Persistent online authentication 3.1 Digital Millennium Copyright Act 5.1 DRM server and Internet outages 5.2.1 DRM bypass methods for audio and video content 5.4 DRM on general computing platforms 5.5 DRM on purpose-built hardware 5.7 Undecrypted copying failure 5.10 Moral and legitimacy implications 5.11 Relaxing some forms of DRM can be beneficial 6.2 Crowdfunding or pre-order model 6.3 Digital content as promotion for traditional products https://en.wikipedia.org/wiki/Digital_rights_management
*
How Digital Rights Management Works http://computer.howstuffworks.com/drm.htm
*
Digital Rights Management (DRM) Architectures Digital Rights Management (DRM) Architectures 3.2 Identifying and describing the entities 3.3 Expressing rights statements 4. Example of DRM Implementation http://www.dlib.org/dlib/june01/iannella/06iannella.html
*
Digital Rights Management and Privacy FROM Electronic Privacy Information Center
*
Digital Rights Management: News Reports http://www.theguardian.com/technology/drm
*
A Survey of Digital Rights Management Technologies http://www.cse.wustl.edu/~jain/cse571-11/ftp/drm/
*
What Does DRM Really Mean? FROM PC Magazine http://www.pcmag.com/article2/0,2817,1164013,00.asp
*
Stamp: Digital Rights Management: THE TECHNOLOGY BEHIND THE HYPE "A specific digital rights management (DRM) system designed for digital document protection is presented in some detail. Following some background information on document protection, the various technical measures employed by this DRM system are discussed. These technical measures include a variety of tamper resistance methods, controlled execution techniques, encryption, digital watermarking and other techniques. The discussion of specific security features is followed by a discussion of several other current and developing DRM systems and technologies. Comments and conjectures on the limitations and future directions of the technology are made throughout." http://web.csulb.edu/journals/jecr/issues/20033/paper3.pdf
*
Digital Rights Management (DRM) and Libraries FROM The American Library Association Eliminating the “First sale” doctrine Enforcing a “Pay-per-use” model of information dissemination Enforcing time limits or other limitations of use that prevent preservation and archiving. Eliminating “fair use” and other exceptions in Copyright Law that underpin education, criticism, and scholarship. http://www.ala.org/advocacy/copyright/digitalrights
*
*
*
*
*
*
*
DATABASE SEARCH RESULTS: DRM
FROM PogoFrog
*
FROM Google Domain Limited Web Search (IMAGES)
*
FROM Google Domain Limited Web Search (VIDEOS)
*
*
FROM Google Domain Limited Web Search (NEWS)
*
DATABASE SEARCH RESULTS: DRM ‘ FROM Google Domain Limited Web Search (BOOKS)
*
FROM Google Domain Limited Web Search (GOV)
*
FROM Google Domain Limited Web Search (ORG)
*
FROM Google Domain Limited Web Search (EDU)
*
FROM Google Domain Limited Web Search (LISTSERV)
*
FROM Google Domain Limited Web Search (STATISTICS)
*
FROM Google Domain Limited Web Search (JSTOR)
*
FROM Google Domain Limited Web Search (SCIENCEDIRECT)
*
FROM Google Domain Limited Web Search (PUBMED)
*
FROM Google Domain Limited Web Search (NCJRS)
*
FROM Google Domain Limited Web Search (EBSCO)
*
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (BLOGS)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (GOV)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (ORG)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (EDU)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (JSTOR)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (SCIENCEDIRECT)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (PUBMED)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (EBSCO)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship FROM Google Domain Limited Web Search (EBSCOHOST)
*
DATABASE SEARCH RESULTS: DRM and Digital Scholarship
*
Strong Copyright + DRM + Weak Net Neutrality = "Digital Dystopia" AND "Charles W. Bailey Jr" "Three criticalissues-a dramatic expansion of the scope, duration, andpunitive nature of copyright laws; the ability of DigitalRights Management (DRM) systems to lock-downdigital content in an unprecedented fashion; and the erosionof Net neutrality, which ensures that all Internettraffic is treated equally-are examined in detail and theirpotential impact on libraries is assessed. How legislatures,the courts, and the commercial marketplace treat theseissues will strongly influence the future of digitalinformation for good or ill."
*
Archive for the 'Digital Rights Management' Category FROM Digital Koans Working with In-Copyright Materials for DigitalHumanities Research: Legal, Ethical, and Practical Issues * Working with In-Copyright Materials for Digital Humanities Research: https://rc.library.uta.edu/uta-ir/handle/10106/25722 * more... · NEWS: Russell Conwell Guide Series: https://sites.google.com/site/newsnewspapersandnewsarchives/ *
COPYRIGHT : PIRACY : JOURNALS: RESEARCH : DATABASES : |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 46, May 7, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 46, May 7, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 46 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: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: TYPOGRAPHY. 10: USABILITY. 11: XML. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. How do You Test Success Criterion 1.3.5 on Mobile Applications? By Chrissie Henning. "Here at TPG we have been asking this question and been working hard to fully understand this Success Criterion and provide a feasible solution…" https://developer.paciellogroup.com/blog/2019/05/how-do-you-test-success-criterion-1-3-5-on-mobile-applications/ Fix 85% of your Web Accessibility Issues in 5 Easy Steps By Alvaro Montoro. "…Correcting these five issue types would fix most of the Accessibility problems detected…" https://codepen.io/alvaromontoro/post/fix-85-of-your-web-accessibility-issues-in-5-easy-steps Happy Birthday WCAG - Now You are Twenty! By Lainey Feingold. "On May 5, 1999 the World Wide Web Consortium (W3C) issued a press release announcing the publication of the Web Content Accessibility Guidelines (WCAG) 1.0…" https://www.lflegal.com/2019/05/wcag-birthday/ How Privilege Defines Performance :: #PerfMatters Conference 2019 (Video) By Tatiana Mac. "In theory, performance, accessibility, and inclusive design all have similar goals: Provide the best, most consistent experience to all people using the minimal amount of resources. In practice, this often falls apart…we'll examine how to build conscientiously, looking within to resist systematic problems in order to create more truly performant, accessible, and inclusive systems for our users…" https://www.youtube.com/watch?v=nQq_gZiZ-jg Levy County To Adapt Documents For Visually Impaired Individuals By Rachel Spencer. "…At an April meeting, the county decided to move forward with the bid process for selecting an individual or firm to remediate county documents to comply with ADA standards. Levy County procurement coordinator Alicia Tretheway said she estimates the county will pay more than $37,000 to ensure the county's 13,177 PDF documents meet ADA standards…" https://www.wuft.org/news/2019/04/26/levy-county-to-adapt-documents-for-visually-impaired-individuals/ +02: CASCADING STYLE SHEETS. Making Things Better: Redefining the Technical Possibilities of CSS By Rachel Andrew. Rachel's presentation material from Boston and An Event Apart. https://noti.st/rachelandrew/aSEj0y/making-things-better-redefining-the-technical-possibilities-of-css Digging Into The Display Property: Box Generation By Rachel Andrew. "Continuing a series on the display property in CSS, this time Rachel Andrew takes a look at the values which control box generation, for those times when you don't want to generate a box at all." https://www.smashingmagazine.com/2019/05/display-box-generation/ Create a Responsive Grid Layout with No Media Queries, Using CSS Grid By Andy Bell. "Embracing the flexible nature of the web gives us powerful, resilient front-ends, where instead of using specific sizes, we give elements sensible boundaries and let them auto-fill where possible…" https://andy-bell.design/wrote/create-a-responsive-grid-layout-with-no-media-queries-using-css-grid/ +03: COLOR. Use Color Accessibility Tools to Improve Your Website Design By Carrie Cousins. "Did you know that more than 4 percent of the population is color blind…" https://designmodo.com/color-accessibility/ +04: EVALUATION & TESTING. The Science of Silence: Intentional Silence as a Moderation Technique By Kate Kaplan. "Keeping quiet is a powerful moderation technique for user interviews, usability testing, and workshop facilitation. Well-timed, deliberate periods of silence elicit thoughtful, accurate responses and insights, and build trust with participants." https://www.nngroup.com/articles/intentional-silence-ux/ Where Big Data Can't Go: The Indispensability of Qualitative Research in the Evolving Landscape of Measuring Behavior By Martin Pacino. "…There is no endeavor to understand and predict market conditions, consumer behavior, employee engagement, advertising effectiveness and any of the other building blocks of business success that will ever fully realize its objectives without qualitative research…" https://qrcaviews.org/2019/03/11/where-big-data-cant-go-the-indispensability-of-qualitative-research-in-the-evolving-landscape-of-measuring-behavior/ +05: EVENTS. Mobile Assistive Technology and Testing Techniques May 14, 2019. Online https://zoom.us/webinar/register/4415566340161/WN_EZHzHqTXTAKrtRdfuQVuDA U / X / D: Intersections and Overlaps of Users, Experience, and Design May 15-16, 2019. Minneapolis, Minnesota, U.S.A. https://uxpamn.org/event-3365556 Overcoming the Potential Obstacles of Manual Testing with a Screen Reader May 21, 2019. Online https://zoom.us/webinar/register/8015566338866/WN_kn8bdCE_TU6JCDkE3l8TuA Winning at Scale - Accessibility in Design Systems & Ops May 28, 2019. Online https://levelaccess.zoom.us/webinar/register/WN_Mne4olZ2ToKr716Zyi_MaA Gray-Box Mobile Accessibility Testing June 5, 2019. Online https://levelaccess.zoom.us/webinar/register/WN_IxFdaJQySYe4HSh2cBKmKg WCAG 2.1 and Mobile Accessibility June 25, 2019. Online https://levelaccess.zoom.us/webinar/register/WN_BCJPCGvQTMuSzv6P9C1Kyg Webstock June 26-28, 2019. Wellington City, New Zealand https://www.webstock.org.nz/19/ Open Source Software Conference (OSCON) July 15-18, 2019. Portland, Oregon, U.S.A. https://conferences.oreilly.com/oscon/oscon-or +06: HTML. Why, How, and When to Use Semantic HTML and ARIA By Adam Silver. "…Let's look over the benefits of using HTML and ARIA, why starting with semantic HTML is the way to go, and why ARIA ought to come in as a last resort…" https://css-tricks.com/why-how-and-when-to-use-semantic-html-and-aria/ Uniquely Labeling Fields in a Table By Adrian Roselli. "…if you are creating tables correctly, there isn't much extra work you need to do. Your column and row headers, paired with some ARIA, can do the job for you. I made a demo to show it in action…" http://adrianroselli.com/2019/05/uniquely-labeling-fields-in-a-table.html +07: JAVASCRIPT. How I Failed the <a> By Remy Sharp. "A real bug bear of mine is when JavaScript gets in the way of browsing a page on the web. Simple, but common things like time to interactive being delayed for no good reason, or, in this case, links that don't work like links…" https://remysharp.com/2019/04/04/how-i-failed-the-a Frameworking By Jeremy Keith. "…If you're weighing up the pros and cons of using, say, a particular JavaScript library or framework, that's wonderful. My worry is that there are people working in front-end development who aren't putting that level of thought into their technology choices, but are instead using a particular framework because it's what they're used to." https://adactio.com/journal/15111 +08: MISCELLANEOUS. AMP as Your Web Framework - The AMP Blog By Jeremy Keith. "The bait'n'switch is laid bare…" https://adactio.com/links/15107 A Conspiracy To Kill IE6 By Chris Zacharias. "The bittersweet consequence of YouTube's incredible growth is that so many stories will be lost underneath all of the layers of new paint. This is why I wanted to tell the story of how, ten years ago, a small team of web developers conspired to kill IE6 from inside YouTube and got away with it…" http://blog.chriszacharias.com/a-conspiracy-to-kill-ie6 Do-It-Yourself Wearable Captioning with Google's Live Transcribe - Try This at Home By David Berman. "When Google worked with Dimitri Kanevsky to create their Live Transcribe app, they surely envisioned that people with accessibility needs would benefit. Even so, they probably didn't envision fast food servers wearing tablets." https://davidberman.com/diy-live-captioning-around-your-neck-yes-try-this-at-home/ +09: TYPOGRAPHY. Type in the Digital Era is a Mess By Marcin Wichary. "…The history of web design can be seen as a set of tensions between designers wanting things to be positioned with utmost precision, and the web pushing back on some of that control…" https://www.fastcompany.com/90340882/type-in-the-digital-era-is-a-mess +10: USABILITY. Touch Targets on Touchscreens By Aurora Harley. "Interactive elements must be at least 1cm × 1cm (0.4in × 0.4in) to support adequate selection time and prevent fat-finger errors." https://www.nngroup.com/articles/touch-target-size/ Userfocus User Experience Consultants By David Travis. Consistency is at the heart of good product design. But consistency is often misinterpreted as making things look or behave the same way. This ignores context and can lead to a .foolish consistency". Instead of consistency, designers should adhere to 'the Principle of Least Surprise'…" https://www.userfocus.co.uk/articles/the-principle-of-least-surprise.html The Elements of Content Strategy By Erin Kissane. "Content strategy is essential. But where did it come from? Why does it matter? And what does it mean for you? This brief guide explores content strategy's roots, and quickly and expertly demonstrates not only how it's done, but how you can do it well…" http://elements-of-content-strategy.abookapart.com/ A Design Language for Touch, Gesture, and Motion By Steven Hoober. "…To make sure a product gets built right, you need to write everything down and draw it out. You need to create design specifications…" https://www.uxmatters.com/mt/archives/2019/05/a-design-language-for-touch-gesture-and-motion.php How Today's UX Designs May Be Perceived in the Future (Video) By Jakob Nielsen. "Jakob Nielsen answers the question of how people in the future will judge the quality of today's user experience." https://www.nngroup.com/videos/todays-ux-designs-perceived-future/ Recognition vs. Recall in User Interfaces (Video) By Maria Rosala. "Design user interfaces to facilitate memory recognition which is easier than recall because there are more cues available to facilitate the retrieval of information from memory. ('Recognition rather than recall' is #6 on the list of top 10 user interface heuristics." https://www.nngroup.com/articles/permission-requests/ +11: XML. SVG Will Save Us :: #PerfMatters Conference 2019 (Video) By Sarah Drasner. "SVGs are one of the most underutilized technologies on the web. They can be the most performant, flexible, and accessible image formats. In this session, Sarah will cover a few practical things like styling SVG icons like typography, and then dive into the creative wilds of this graphic format built with math…" https://www.youtube.com/watch?v=sxte3WpyO60 [Section one ends.] ++ SECTION TWO: +12: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 45, May 2, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 45, May 2, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 45 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: EVALUATION & TESTING. 03: EVENTS. 04: HTML. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: USABILITY. SECTION TWO: 09: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Maps for All By Minnesota IT Services. "Maps are a great way of sharing complex information, but resources to make these maps accessible were not always easy to find. Until now." https://mn.gov/mnit/media/blog/?id=38-382609 Audio Description Using the Web Speech API By Terrill Thompson. "…Able Player performs a quick check to see if the user's browser supports it. If it doesn't, it falls back to the old way of doing things using ARIA live regions. But if it does, the browser reads the description text in a pre-defined synthesized voice, keeping the screen reader free to do other things…" http://terrillthompson.com/1173 Revisiting prefers-reduced-motion, The Reduced Motion Media Query By Eric Bailey. Eric revisits prefers-reduced-motion focusing less about the how and more about the why. https://css-tricks.com/revisiting-prefers-reduced-motion-the-reduced-motion-media-query/ Updated: PDF Accessibility By WebAIM. "Our Acrobat PDF accessibility article has been updated and greatly expanded." https://webaim.org/techniques/acrobat/ Six Ways to Make your Site More Accessible By Hidde de Vries. "A presentation at WordCamp Rotterdam in April 2019…" https://talks.hiddedevries.nl/lMxtx5/six-ways-to-make-your-site-more-accessible This Open Source Software Could Make Museum Websites More Accessible By Claire Voon. "Earlier this year, dozens of New York City art galleries were hit with lawsuits filed separately by two legally blind plaintiffs…" https://www.artsy.net/article/artsy-editorial-open-source-software-museum-websites-accessible The Role of Design in Accessibility By Adrian Roselli. Adrian's Slides from his a11yTO Meet-up presentation. http://adrianroselli.com/2019/04/slides-the-role-of-design-in-accessibility-a11yto-meet-up.html New Developments in Ongoing Website Accessibility Litigation By Elizabeth J. Rho-Ng, Cathie L. Fields, Sharon J. Ormond. "A federal district court in Massachusetts recently ruled against Harvard University in an ongoing lawsuit filed on behalf of disabled individuals challenging the accessibility of online video content on the university's websites…" https://www.aalrr.com/EdLawConnectBlog/new-developments-in-ongoing-website-accessibility-litigation +02: EVALUATION & TESTING. Usability Testing with Minors: 16 Tips By Alita Joyce. To guarantee an effective study with users under 18-years old, recruit extra participants, design a child-friendly lab, prepare a plethora of age-appropriate tasks, and avoid being too authoritative." https://www.nngroup.com/articles/usability-testing-minors/ Embedding Accessibility into the DevOps Process By Dylan Barrell. "…focus on continually shifting accessibility testing 'further left' earlier in the development cycle to enhance quality while maintaining velocity. The sooner you detect and fix accessibility issues, the less likely these are to become more deeply baked into the software, making them more difficult and time-consuming to undo…" https://devops.com/embedding-accessibility-into-the-devops-process/ +03: EVENTS. Minnesota Digital Accessibility Law Celebration May 7, 2019. Saint Paul, Minnesota, U.S.A. https://content.govdelivery.com/accounts/MNIT/bulletins/2411727 Accessibility of Course Materials & Your University May 9, 2019. Online http://aem.cast.org/about/events/2019/05/quality-indicators-for-higher-ed.html Accessibility and Social Media May 9, 2019. Online https://go.3playmedia.com/wbn-05-09-2019-social Accessible Documents and You! May 9, 2019. Online https://iod.unh.edu/event/accessible-documents-and-you Web4All Hackathon 2019 May 15-16, 2019. San Francisco, California, U.S.A. https://docs.google.com/forms/d/e/1FAIpQLSfn4f-qdLHD4UQ0QeeJpHKul1KIcjGeamVyfSWSpBEqT8uR8g/viewform Celebrate Global Accessibility Awareness Day @ Illinois May 16, 2019. Champaign, Illinois, U.S.A. https://www.disability.illinois.edu/academic-support/accessible-it-group/gaad2019 Global Accessibility Awareness Day 2019 May 16, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/en-AU/a11ychi/events/261052295/ Best Practices for Accessible Social Media May 21, 2019. Online http://www.cast.org/whats-new/events/2019/05/best-practices-social-media-accessibility.html Partnership for Progress on the Digital Divide May 22-24, 2019. Washington, D.C, U.S.A. http://www.ppdd.org/conferences/ppdd2019/ Boston UX Conference July 15-19, 2019. Boston, Massachusetts, U.S.A. https://www.nngroup.com/training/boston/ +04: HTML. Details / Summary Are Not [insert control here] By Adrian Roselli. "…we need to be careful of christening this new-to-us interaction as the solution to all our coding struggles…" http://adrianroselli.com/2019/04/details-summary-are-not-insert-control-here.html Short Note on fieldset and legend Semantics By Steve Faulkner. "…Using a <fieldset> without a, non-empty, <legend> child is the same as using a <div> for screen reader users i.e. it's ignored…" https://codepen.io/stevef/post/fielsdet-and-legend-semantics Demo: Uniquely Labeling Fields in Table By Adrian Roselli. "Use row headers as they aid wayfinding for screen reader users and contributes to the accessible name for each field…" https://codepen.io/aardrian/pen/pBqRyg A History of the HTML Slot Element By Jan Miksovsky. "To me, the story behind the standard HTML <slot> element illustrates the complexity of producing standards, the importance of talking with people face-to-face, and the value of compromise…" https://component.kitchen/blog/posts/a-history-of-the-html-slot-element +05: JAVASCRIPT. How to Clone an Array in JavaScript By Yazeed Bzadough. "JavaScript has many ways to do anything. I've written on 10 Ways to Write pipe/compose in JavaScript, and now we're doing arrays…" https://medium.freecodecamp.org/how-to-clone-an-array-in-javascript-1d3183468f6a Why I've Stopped Exporting Defaults From My JavaScript Modules By Nicholas Zakas. "After years of fighting with default exports, I've changed my ways.…" https://humanwhocodes.com/blog/2019/01/stop-using-default-exports-javascript-module/ ARIA Annotations By W3C. Editors: Michael Cooper, Aaron Leventhal, and Benjamin Young. "ARIA Annotations provides markup for accessible, in-page annotations. This specification describes the mechanism for signaling that content has been annotated, for what purpose, and where to find the related additional content…" https://w3c.github.io/annotation-aria/ WAI-ARIA 1.1 Cheat Sheet By Raghavendra Satish Peri. "…ARIA attributes communicate the role, state & property symantics to assistive technologies via the accessibility API s implemented in browsers…" https://www.digitala11y.com/wai-aria-1-1-cheat-sheet/ Top 7 ARIA Tips for Developers By Rakesh Paladugula. "Accessible Rich Internet Applications, widely known as WAI ARIA or just ARIA is a W3C specification to build accessible next generation web technologies…" http://www.maxability.co.in/2019/05/top-7-aria-tips-for-developers/ +06: MISCELLANEOUS. AXSChat with John Rochford (Video) By Neil Milliken, Debra Ruh, and Antonio Santos. "John Rochford is a Program Director and Faculty Member at the Eunice Kennedy Shriver Center of the University of Massachusetts Medical School…" https://www.youtube.com/watch?v=kwE7Cb1aCwo CC Search is Out of Beta with 300M Images and Easier Attribution By Jane Park. "Today CC Search comes out of beta, with over 300 million images indexed from multiple collections, a major redesign, and faster, more relevant search. It's the result of a huge amount of work from the engineering team at Creative Commons and our community of volunteer developers…"" https://techcrunch.com/2019/04/30/creative-commons-launches-its-search-engine-out-of-beta-with-over-300m-images-indexed/ +07: NAVIGATION. Enriching Search Results Through Structured Data By Google. "For many years we have been recommending the use of structured data on websites to enable a richer search experience. When you add markup to your content, you help search engines understand the different components of a page…" https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html +08: USABILITY. 3 Design Considerations for Effective Mobile-App Permission Requests By Maria Rosala. "Mobile permission requests are often poorly designed. Consider the content and timing of these requests, avoid dark patterns, and enable users to reverse their decision." https://www.nngroup.com/articles/permission-requests/ 10 Heuristic Principles for Mobile Interfaces By Jordan DeVos. "…Below is a curated collection of ten principles that are inspired by human-centered design and usability thought leaders…" https://uxdesign.cc/heuristic-principles-for-mobile-interfaces-c226fbaa1d16 Too Much UX Success (Video) By Jakob Nielsen. "What to do when a UX team becomes too popular and too many projects want UX help with their designs, overwhelming the available capacity to do good work." https://www.nngroup.com/videos/too-much-ux-success/ 6 Rules for Persuasive Storytelling By Rachel Krause. "Stories build empathy and make the user needs and pain points memorable to your team. Effective stories speak the language of the audience, are rooted in data, and take advantage of compelling artifacts." https://www.nngroup.com/articles/persuasive-storytelling/ [Section one ends.] ++ SECTION TWO: +09: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 44, April 25, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 44, April 25, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 44 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: EVALUATION & TESTING. 04: EVENTS. 05: INFORMATION ARCHITECTURE. 06: JAVASCRIPT. 07: MISCELLANEOUS. 08: NAVIGATION. 09: STANDARDS, GUIDELINES & PATTERNS. 10: NAVIGATION. 11: USABILITY. SECTION TWO: 12: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. A Technical and Cultural Assessment of the Mueller Report PDF By Duff Johnson. "…In addition to not being searchable, the file contains no text, is not tagged, and is therefore not accessible to disabled users. The US Department of Justice has a clear policy of ensuring that public documents comply with Section 508 regulations, and are therefore accessible to users with disabilities. The Mueller Report PDF does not conform with these regulations…" https://www.pdfa.org/a-technical-and-cultural-assessment-of-the-mueller-report-pdf/ DoJ Reposts the Mueller Report By Duff Johnson. "As reported within hours by Quartz, four days after its initial release and fanfare-free, the US Department of Justice re-posted the Mueller Report PDF with a few improvements. They also added a few problems…" https://www.pdfa.org/doj-reposts-the-mueller-report/ Move Ya! Or Maybe, Don't, if the User prefers-reduced-motion! By Thomas Steiner. "…Respecting user preferences is key for modern websites, and browsers expose more and more features to enable web developers to do so. The CSS Working Group are currently standardizing more user preference media queries…" https://developers.google.com/web/updates/2019/03/prefers-reduced-motion Unintentionally Tabling Table Semantics By Scott O'Hara. "I feel like I have a knack for finding bugs and uncovering oddities in how HTML and/or ARIA is exposed to browsers' accessibility trees…" https://www.scottohara.me/blog/2019/04/19/tabled-tables.html Accessibility in Agile Transformational Practices By Dylan Barrell. "By implementing these accessibility practices into your agile processes, agile teams can sustainably defeat the accessibility hydra dragon." https://www.deque.com/blog/accessibility-in-agile-transformational-practices/ Automatic Captions: Are They Helping or Hindering Students? By Jaclyn Leduc. "…Inaccurate captions negatively affect the perceived quality of video content, but more importantly, they don't adequately communicate the message of the video to those who rely on captions to engage with video content…" https://www.3playmedia.com/2019/04/23/automatic-captions-helping-hindering-students/ Artificial Intelligence Is Good, but Is It Good Enough for Captions? By Elisa Edelberg. "…when it comes to purely automated captioning solutions, there are no solutions on the horizon that will address all of the challenges posed by the captioning task. Technology just doesn't have the same capability that humans do…" https://www.3playmedia.com/2019/04/24/artificial-intelligence-is-good-but-is-it-good-enough-for-captions/ Video Captions: Sometimes You Only Need to Ask By Deborah Edwards-Onoro. "…I've learned that sharing the poor video autocaptions is a powerful way to encourage video producers to caption their videos…" https://www.lireo.com/video-captions-sometimes-you-only-need-to-ask/ How To Caption Your Instagram Stories To Make Them More Accessible (Hat tip to Meryl Evans) By Mika Doyle. "If you follow Alexandria Ocasio-Cortez on social media, you might be wondering how AOC captions her Instagram stories…" https://www.bustle.com/p/how-to-caption-your-instagram-stories-to-make-them-more-accessible-17047616 What's New in Accessibility in 2019 By Jonathan Hassell. "This is the final part of my review of what is happening across the Digital Accessibility Ecosystem in 2019…" https://www.hassellinclusion.com/blog/accessibility-2019-standards-cms-frameworks-design-thinking/ The Coming Web Crack-Up By Peter Slatin. "…more appropriate words are deprivation and discrimination when recognizing this for what it is: denial of service…" https://www.forbes.com/sites/peterslatin/2019/04/21/the-coming-web-crack-up/ +02: CASCADING STYLE SHEETS. Input with label hidden using display:none or even visibility:hidden By Steve Faulkner. "Sometimes developers hide label elements using display:none or even visibility:hidden in an attempt to provide the label text to screenreader users, while not displaying it visually. Unfortunately when hidden using these particular CSS properties the for/id programmatic association is broken…" https://s.codepen.io/stevef/debug/LvgBmv Inclusively Hidden By Scott O'Hara. "There are various ways to hide content in web interfaces, but are you aware of the different effects they have on the accessibility of that content?…" https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html That Time I Tried Browsing the Web Without CSS By Jon Kantner. "…A WebAIM survey from 2018 reported that 12.5% of users who rely on any sort of assisted technology browse the web with custom stylesheets, which can include doing away with every CSS declaration across a site. And, if we're talking about slow internet connections, ditching CSS could be one way to consume content faster. There’s also the chance that CSS is disabled for reasons outside our immediate control, like when a server has hiccups of fails to load assets. As an experiment, I used five websites and a web app without CSS, and this post will cover my experiences…" https://css-tricks.com/that-time-i-tried-browsing-the-web-without-css/ CSS Subgrid News and Demos By Rachel Andrew. "A couple of weeks ago I spoke at Frontend NE in Newcastle, a big part of my talk was explaining what the CSS Grid Subgrid feature from Grid Level 2 would contain…" https://rachelandrew.co.uk/archives/2019/04/16/css-subgrid-news-and-demos/ +03: EVALUATION & TESTING. Why You Should Measure UX Attitudes By Jeff Sauro. "…If you want to understand and predict user behavior, you need to understand attitudes. But what is an attitude?…" https://measuringu.com/ux-attitudes/ +04: EVENTS. Mobile Office Hours: Accessible Carousels April 29, 2019. Online https://accessibility.deque.com/mobile-office-hours-accessible-carousels ADA and the Internet May 16, 2019. Online https://levelaccess.zoom.us/webinar/register/WN_niw0Aq9dRCCkcxGvEK-Ufw Keynote by Bruce Lawson on How To Make Loveliness: an HTML Treasure Hunt June 24, 2019. London, England, United Kingdom https://skillsmatter.com/meetups/11798-diversity-matters CoderCruise August 17-22, 2019. Jacksonville, Florida, U.S.A. https://www.codercruise.com/ National Association of Government Web (NAGW) Conference September 18-20, 2019. Salt Lake City, Utah, U.S.A. https://nagw.org/content.php?page=conference Big Design September 19-21, 2019. Dallas, Texas, U.S.A. https://bigdesignevents.com/ The Fact & Fiction of Document Accessibility September 30, 2019. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/Accessibility-Twin-Cities/events/258338022/ +05: INFORMATION ARCHITECTURE. Everyday Information Architecture: Auditing for Structure By Lisa Maria Martin. "We're pleased to share an excerpt from Chapter 4 of Lisa Maria Martin's Everyday Information Architecture, from A Book Apart…" https://alistapart.com/article/everyday-information-architecture-excerpt/ +06: JAVASCRIPT. 12 Tips for More Accessible React Apps (Slides, React Finland 2019) By Manuel Matuzovic. "If you want to improve the accessibility of your React apps but you don't know how or where to start, this talk is just what you need…" https://www.matuzo.at/blog/12-tips-for-more-accessible-react-apps-slides-react-finland-2019/ +07: MISCELLANEOUS. Would Life be Happier Without Google? I Spent a Week Finding Out By Tim Dowling. "People had to get by without the search engine giant before it was launched in 1998. But is it possible to live your life - and do your job - without it these days…" https://www.theguardian.com/technology/2019/apr/17/would-life-be-happier-without-google-i-spent-a-week-finding-out Front-End Developer Handbook 2019 By Cody Lindley. "This is a guide that anyone could use to learn about the practice of front-end development. It broadly outlines and discusses the practice of front-end engineering: how to learn it and what tools are used when practicing it in 2018…" https://frontendmasters.com/books/front-end-handbook/2019/ Inclusive: What is It? By Jess Mitchell. "…Inclusive isn't easy. It's often not comfy. And we know that we avoid uncomfy…" https://medium.com/@jesshmitchell/inclusive-what-is-it-55acfd8094dd Accessibility with Heydon Pickering (Podcast) By Dave Rupert and Chris Coyier. "We're chatting with Heydon Pickering about accessibility, using pre-built solutions past their best before date, everyone's varying degrees of proficiency, and whether accessibility is becoming second nature to more people…" https://shoptalkshow.com/episodes/355/ +08: NAVIGATION. Enriching Search Results Through Structured Data By Google. "For many years we have been recommending the use of structured data on websites to enable a richer search experience. When you add markup to your content, you help search engines understand the different components of a page…" https://webmasters.googleblog.com/2019/04/enriching-search-results-structured-data.html +09: STANDARDS, GUIDELINES & PATTERNS. Introducing USWDS 2.0 By Dan O. Williams and Maya Benari. "Today, we're launching U.S. Web Design System 2.0 (USWDS 2.0), a new foundation for the future of our design system…" https://v2.designsystem.digital.gov/whats-new/updates/2019/04/08/introducing-uswds-2-0/ +10: USABILITY. Icons: Avoid Temptation and Start with User Needs By Ben Cullimore. "Icons can be a useful way to represent ideas simply. Ben Cullimore, Interaction Designer in the team which redesigned the NHS website, explains how they decided on the most effective icons to use…" https://digital.nhs.uk/blog/transformation-blog/2019/icons-avoid-temptation-and-start-with-user-needs Designing Button Focus States for Better Usability By Elizabeth Schafer. "…buttons have more than one state. The default state we just created looks good so far, but we need to make sure that it also looks noticeably different when it's focused. Many people exclusively use keyboards to navigate, and rely on the focus state to know where they are on the page…" https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2 Customer-Focused Content: Creating Content People Want and Need By Jennifer Leigh Brown. "…In this article, learn what customer-centric content is and how it leads to better outcomes for brands, businesses, and creative teams…" https://www.uxbooth.com/articles/customer-focused-content-creating-content-people-want-and-need/ UX Responsibilities in Scrum Ceremonies By Anna Kaley. "As part of an Agile team, UX professionals should participate in all Scrum ceremonies in order to maintain open communication, influence product success, and productively contribute to the team." https://www.nngroup.com/articles/ux-scrum/ Sympathy vs. Empathy in UX By Sarah Gibbons. "The majority of UX professionals practice sympathy instead of empathy for their users." https://www.nngroup.com/articles/sympathy-vs-empathy-ux/ 3 Myths About Teens and Tech (Video) By Alita Joyce. "Debunked myths about how teenagers use computers and technology, based on our usability research with users aged 13-17 years." https://www.nngroup.com/videos/myths-teens-tech/ [Section one ends.] ++ SECTION TWO: +11: 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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 43, April 16, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 43, April 16, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 43 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: DRUPAL. 04: EVALUATION & TESTING. 05: EVENTS. 06: HTML. 07: JAVASCRIPT. 08: MISCELLANEOUS. 09: NAVIGATION. 10: TOOLS. 11: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. The Complete Guide to Captioned Videos By Meryl K. Evans. "Born profoundly deaf, I've depended on captions since getting my first big clunky decoder in 1983…This guide will dive into why captioning matters, how it provides a huge ROI, 10 rules for creating great captions, and how to caption your videos…" https://meryl.net/captioned-videos-complete-guide/ Is Your Web Site Really Accessible? By Nicolò Carpignoli. "Why accessibility matters and how you can check and eventually fix it on your website…" https://medium.com/chialab-open-source/is-your-web-site-really-accessible-7f045475640f Power to the People, Freedom for Your Code By Eric Eggert. Eric's April 2019 presentation slides from Funka Accessibility Days in Stockholm, Sweden. https://talks.yatil.net/ysWYmI/power-to-the-people-freedom-for-your-code Accessibility Events By Mat Marquis. "…I won't play a part in helping to propagate the mistake Apple's developers made. I'll let my answer hang heavy and uncomfortable in the air: no. Not because we can't-we can. Not because we shouldn't, though, no, we still shouldn't. No-now, I will allow the word to become as coarse as I had always wanted it to be, because I no longer have the cold comfort of "well, technically" to hide behind." https://css-tricks.com/accessibility-events/ About Accessibility Events (Hat tip to Leonie Watson) By Apple. "It's experimental. It's enabled by default in the OS, but not the browser. It enables detection of events fired only when an AT is running, but not the type of AT that is enabled." https://support.apple.com/en-us/HT209655 Top 5 Questions Asked in Accessibility Trainings By Carie Fisher. "…Below are the top five questions that I hear most often and some context/resources to learn a bit more about each…" https://www.deque.com/blog/top-5-questions-asked-in-accessibility-trainings/ University of Louisville Being Investigated for Possible Disability Discrimination By Morgan Watkins. "The U.S. Department of Education's Office for Civil Rights is investigating the University of Louisville for possible disability-related discrimination. University spokesman John Karman confirmed that the Office for Civil Rights has launched a case, which specifically concerns website and online course accessibility." https://www.courier-journal.com/story/news/education/2019/04/09/university-louisville-investigated-disability-discrimination/3405547002/ 2019 CSUNATC Digital Accessibility Legal Update By Lainey Feingold. "…This is a post about laws and cases about the rights of disabled people to be part of the digital world. Every year Lainey Feingold does a talk at the CSUN conference about what's new in the legal world. This post described what Lainey talked about…" https://www.lflegal.com/2019/04/after-csun19/ +02: CASCADING STYLE SHEETS. Are Nested Grids Like Nested Tables? By Rachel Andrew. "A thing I keep hearing, and especially when talking about subgrid is, 'nested grids … isn't that like tables within tables in the olden days?' It is not. This is why…" https://www.rachelandrew.co.uk/archives/2019/04/12/are-nested-grids-like-nested-tables/ +03: COLOR. Why Cancel Buttons Should Never Have a Color By Anthony Tseng. "A Cancel button is not a call to action because no changes to the system occur after it's pressed. Therefore, you should never emphasize it with color, otherwise you'll give users that impression. Instead, they should get the impression that no changes occur and that the button is their escape commitment…" https://uxmovement.com/buttons/why-cancel-buttons-should-never-have-a-color/ How the Web Became Unreadable By Kevin Marks. "It's been getting harder for me to read things on my phone and my laptop. I've caught myself squinting and holding the screen closer to my face…" https://www.wired.com/2016/10/how-the-web-became-unreadable/ +04: EVALUATION & TESTING. Think Like an Accessible UX Researcher Part 3, Five Common Mistakes in Usability Testing and How to Avoid Them By David Sloan. "This is the third in a series of posts reviewing the advice in Think like a UX Researcher, by David Travis and Philip Hodgson, from the perspective of involving people with disabilities in UX research (see Part 1 and Part 2). In this post, we'll look at their advice on usability testing and the ways that you can avoid making common mistakes when running evaluations with people with disabilities…" https://developer.paciellogroup.com/blog/2019/04/think-like-an-accessible-ux-researcher-part-3/ Procedure and Criteria for Running a Website Usability Tests By Eric Smith. "…we will discuss specifically how usability tests work for websites individually…" https://uxplanet.org/procedure-criteria-for-running-a-website-usability-tests-73d083d7a987 How to Run a Retrospective for a Design Team (Video) By Rachel Krause. "Retrospectives are a dedicated time to come together, reflect, and collaboratively improve your design team's process. In this video, we'll walk through the four components of a retrospective and how to use this meeting effectively." https://www.nngroup.com/videos/retrospectives/ Auditing My Own Site For Accessibility By Nic Chan. "I launched the first version of this site well over 3 years ago, and it was one of my first fully completed code projects…" https://www.nicchan.me/blog/auditing-my-own-site-for-accessibility/ W3C Invites Implementations of Accessibility Conformance Testing (ACT) Rules Format 1.0 By W3C. "The Accessibility Guidelines Working Group has published a Candidate Recommendation of Accessibility Conformance Testing (ACT) Rules Format 1.0…" https://www.w3.org/blog/news/archives/7709 +05: EVENTS. Evaluating Organizational Readiness for Accessibility April 18, 2019. Online https://zoom.us/webinar/register/9615537904399/WN_qEOlZwuhSLGm7VwIZk2Bwg Further details by Deborah Edwards-Onoro: https://www.lireo.com/webinar-evaluating-organizational-accessibility/ Talking Design with Adrian Roselli April 23, 2019. Toronto, Canada https://www.meetup.com/a11yTO/events/260433514/ Global Accessibility Awareness Day: Live Demos and Education May 16, 2019. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/Accessibility-Twin-Cities/events/260382353/ Online at: https://zoom.us/j/495261745 Twin Cities Drupal Camp June 6-8, 2019. Minneapolis, Minnesota, U.S.A. https://2019.tcdrupal.org/ Moving Mobile to 2.1 July 29, 2019. Minneapolis, Minnesota, U.S.A. https://www.meetup.com/Accessibility-Twin-Cities/events/258337843/ An Event Apart Chicago August 26-28, 2019. Chicago, Illinois, U.S.A. https://aneventapart.com/event/chicago-2019 TypeCon August 28-September 1, 2019. Minneapolis, Minnesota, U.S.A. http://www.typecon.com/ W3C Technical Plenary / Advisory Committee (TPAC) September 16-20, 2019. Fukuoka, Japan https://www.w3.org/2019/09/TPAC/ Accessibility Toronto Conference October 15-16, 2019. Toronto, Canada http://conf.a11yto.com/ +06: HTML. HTML Includes That Work Today By Scott Jehl. "As long as I have been working on the web, I’ve desired a simple HTML-driven means of including the contents of another file directly into the page…" https://www.filamentgroup.com/lab/html-includes/ +07: JAVASCRIPT. Defining Productivity By Jeremy Wagner. "As developers, we use frameworks and third party tools to build websites faster and more easily. Ask any developer why they use these tools, and the answer is deterministic: productivity. Surely we want to be more productive in our work, but it's worth asking ourselves an important question: how are we defining productivity?" https://jeremy.codes/blog/defining-productivity/ Web Components will Replace Your Frontend Framework By Danny Moerkerke. "The native web platform has caught up with frontend frameworks and will slowly render them obsolete…" https://www.dannymoerkerke.com/blog/web-components-will-replace-your-frontend-framework Split By Jeremy Keith. "…the split that worries the most is this: The people who make the web vs. the people who are excluded from making the web. https://adactio.com/journal/15050 Javascript vs. CSS - More Control Means More Responsibility (video interview) By Chris Heilmann. "A few weeks ago I was in Paris, France to visit Prismic and they interviewed me about the JavaScript vs. CSS debate. In 10 minutes we covered a lot…" https://christianheilmann.com/2019/04/11/javascript-vs-css-more-control-means-more-responsibility-video-interview/ Code Heart Design Conference Sydney (Video) By Jed Watson. "It's wild how much JavaScript has learned from CSS over the years. Need to target a DOM element? CSS Selectors have you covered! Declarative code? That was CSS long before it was React. So as we boldly put our CSS in our JS and step into the component age, let's take a look at some other lessons we can learn from the design language of the web…" https://www.youtube.com/watch?v=VqSq4kW3LK4 +08: MISCELLANEOUS. Nothing Fails Like Success By Jeffrey Zeldman. "Money and tech have a complicated relationship. We trained our users to expect things for free. Quickly we realized that wasn't a sustainable business model, so we sold their data and served ads, which invites its own problems. Now, we're trying to undo this tangled web. How do we get back to a democratized web?" https://alistapart.com/article/nothing-fails-like-success/ Everything You Know About Web Design Just Changed (Video) By Jen Simmons. "We're standing at the threshold of an entirely new era in digital design-one in which, rather than hacking layouts together, we can actually describe layouts directly. The benefits will touch everything from prototyping to custom art direction to responsive design. In this visionary talk, rooted in years of practical experience, Jen Simmons will show you how to understand what's different, learn to think through multiple stages of flexibility, and let go of pixel constraints forever…" https://vimeo.com/316326187 A Website is a Car and Not a Book By Robin Rendle. "…You have to understand that you're looking at an immensely complicated system of moving parts…" https://css-tricks.com/a-website-is-a-car-and-not-a-book/ Google AMP Lowered Our Page Speed, and There's No Choice But to Use It By Walid Halabi. "…AMP isn't about speed. It's about control…" https://unlikekinds.com/article/google-amp-page-speed +09: NAVIGATION. Body Copy Link Styling - the Right Way By Kevin R. Kirby. "…Conclusion: Keep the underline in body copy text or stop putting links inside of the body copy…." https://spitfire.kevinrkirby.com/user-experience/body-copy-link-styling-the-right-way/ Mega Menu Using Bootstrap Dialog Boxes By David MacDonald. "…I offer this as an alternative for those using Bootstrap. It works in Bootstrap 3.3.7 or 4.x" http://davidmacd.com/blog/bootstrap-mega.html +10: TOOLS. Able Player 4.0 By Terrill Thompson. "New features include support for playlists, Vimeo, self-voicing of text-based audio description, & improved support for extended audio description, among others." https://github.com/ableplayer/ableplayer/releases/tag/v4.0 Reading Order Bookmarklet By Adrian Roselli. "When a keyboard-only user or screen reader user comes to page that uses CSS to create a layout, there is a chance that what is on the screen does not match the flow of the page…" http://adrianroselli.com/2019/04/reading-order-bookmarklet.html axe for Android By Deque. Accessibility analysis tool available for the Android platform. https://www.deque.com/axe/axe-for-android/ Captcha Solving Chrome Extension By Oliver Edholm. "I just wanted to announce that I'm now releasing a Chrome Extension for automatic captcha solving…" https://nvda.groups.io/g/nvda/message/60142 +11: TYPOGRAPHY. Behind the Process of Helvetica's 21st century Facelift By William Joel. "The famous typeface has been re-drawn for the modern era…" https://www.theverge.com/2019/4/9/18302057/helvetica-now-new-monotype-typeface-charles-nix-design-optical-sizes-alternate-characters +12: USABILITY. Privacy UX: Better Cookie Consent Experiences By Vitaly Friedman. "This series of articles is about privacy-related design patterns. We'll be exploring some of the respectful ways to approach privacy and data collection, and how to deal with those notorious cookie consent prompts, intrusive push notifications, glorious permission requests, malicious third-party tracking and offboarding experience…" https://www.smashingmagazine.com/2019/04/privacy-ux-better-cookie-consent-experiences/ Interactions and Complexity By Gerry McGovern. "…The Web is not print. It's a much more complex, networked environment. Those who are investing in complexity, while also investing in simplifying interactions with such complex systems, are reaping the bountiful rewards." http://gerrymcgovern.com/interactions-and-complexity/ Modes in User Interfaces: When They Help and When They Hurt Users By Page Laubheimer. "In a modal interface, the same user action can have different results depending on the state of the system. Poorly signaled modes can easily trigger user errors with disastrous consequences." https://www.nngroup.com/articles/modes/ Visual Design Terms Cheat Sheet By Therese Fessenden. "A glossary of visual-design terms and easy definitions can create common ground in mixed teams whose members come with a variety of backgrounds." https://www.nngroup.com/articles/visual-design-cheat-sheet/ UX is Not Arts & Crafts: Why We Use Tangibles (Video) By Katie Sherwin. "Flip-charts, post-its, markers, stickers, and even fake coins are common ingredients in a UX toolkit. Though they may appear to be frivolous art supplies, these materials serve a crucial role in supporting team engagement, creativity, and focus." https://www.nngroup.com/videos/ux-not-arts-crafts/ [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:lcar...@d.umn.edu [Issue ends.]
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
+++ WEB DESIGN UPDATE. - Volume 17, Issue 42, April 11, 2019.
David Dillard
+++ WEB DESIGN UPDATE. - Volume 17, Issue 42, April 11, 2019. An email newsletter to distribute news and information about web design and development. ++ISSUE 42 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: TYPOGRAPHY. 12: USABILITY. SECTION TWO: 13: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Accessibility for Vestibular Disorders: How My Temporary Disability Changed My Perspective By Facundo Corradini. "Every time I encountered [parallax effects], I would put the bucket beside me to good use and be forced to lie in bed for hours as I felt the room spinning around me…" https://alistapart.com/article/accessibility-for-vestibular 1.4.13: Content on Hover or Focus By Rakesh Paladugula. "…People with low vision who depends on magnifier, those who have the habit of using large cursor benefit from this success criterion. Similarly people with low vision and cognitive challenges who need more time to identify the additional content on the screen benefit from this success criterion…" http://www.maxability.co.in/2019/04/1-4-13-content-hover-focus/ WCAG 2.1 in 7 Perspectives By Cindy McCourt. "…Making a website accessible isn't just about code. It calls for a high degree of awareness each time content is added. Maintenance and auditing processes are essential to ensuring accessibility…" https://www.prometsource.com/blog/wcag-21-7-perspectives?q=blog/wcag-21-summary-7-perspectives Accessibility Lessons: Dealing with a Large Amount of Form Inputs By Andy Sellick. "…Finding one checkbox among hundreds isn't a problem only for people using a screen reader-it can be difficult for all of us…Although the autocomplete looked like the better option, in the end a small change to our original component suited our needs better…Although we'd spent a lot of time integrating the autocomplete into our finders, it wasn't the best solution to our problem…" https://accessibility.blog.gov.uk/2019/04/08/accessibility-lessons-dealing-with-a-large-amount-of-form-inputs/ How You Can Allow Other People to Add Captions to Your YouTube Videos By Deborah Edwards-Onoro. "…Community contributions help you reach a wider audience through captions and translations, without the cost of third-party captioning services…" https://www.lireo.com/how-you-can-allow-other-people-to-add-captions-to-your-youtube-videos/ 10 Website Accessibility Myths Debunked By Rebecca Sentance. "…a lot of myths and misunderstandings persist about what exactly constitutes web accessibility, how necessary it is for individual businesses, the benefits and how easy it is to carry out…" https://www.userzoom.com/blog/10-web-accessibility-myths-debunked/ Making the Web More Accessible Using Machine Learning By Laura Johnson. "…Artificial intelligence and the advancements that machine learning affords have massive potential in the accessibility arena. Of course, there's still a lot of research to be done, but the possibilities have a great deal of potential and need to be explored…" https://medium.com/myplanet-musings/making-the-web-more-accessible-using-machine-learning-8a32eaafdb3a Top Tips for Publishing Accessible Written Content (Video) By Sarah Florence. April 4, 2019 Webinar and slides. https://abilitynet.org.uk/news-blogs/top-tips-publishing-accessible-written-content Takeaways from 2019 Digital Accessibility Trends with Tim Springer, Founder of Level Access By Deborah Edwards-Onoro. "…Here are my notes from his talk…" https://www.lireo.com/takeaways-from-2019-digital-accessibility-trends-with-tim-springer-founder-of-level-access/ What the WebAIM Million Analysis Says About the Web You're Building By Charlie. "Spoilers: Not good things…" https://dev.to/forsh3y/what-the-webaim-million-analysis-says-about-the-web-you-re-building-2740 Caption10: Part 8, Voice (Video) By Meryl K. Evans. "…the eighth rule of the #Caption10 series on how to create great captions is voice…" |
