+++ WEB DESIGN UPDATE. - Volume 16, Issue 48, May 24, 2018. 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: CASCADING STYLE SHEETS. 03: EVALUATION & TESTING. 04: EVENTS. 05: JAVASCRIPT. 06: MISCELLANEOUS. 07: NAVIGATION. 08: USABILITY. 09: XML. SECTION TWO: 10: What Can You Find at the Web Design Reference Site? [Contents ends.] ++ SECTION ONE: New references. +01: ACCESSIBILITY. Where Accessibility Lives (Video) By Derek Featherstone. "…At the end of this engaging hour, you'll walk away with real-world examples of making accessibility live in your automation tools, style guides, pattern libraries, and design systems, ready to create a more accessible and inclusive web…" https://www.youtube.com/watch?v=XTee8Hol1kM Responsive Web Design(RWD) and It's Accessibility, Part 1 By Suman Damera. "RWD refers to responsive web design and RWD is coined by Ethan Marcotte…" http://www.sumandamera.com/responsive-web-designrwd-and-its-accessibility-part1/ Responsive Web Design(RWD) and It's Accessibility, Part 2 By Suman Damera. "This blog is continuation of Responsive Web Design(RWD) and it's Accessibility-Part1…" http://www.sumandamera.com/responsive-web-designrwd-and-its-accessibility-part2/ Understanding SC 2.1.2 No Keyboard Trap By Raghavendra Satish Peri. "…This success criterion requires that websites must not trap keyboard users in a particular portion of the page or on a form control…" https://www.digitala11y.com/understanding-sc-2-1 Accessible Maps on the Web By Thomas Logan. "…In this article I will show the work that was required to be done on an individual page hosting a Google Map to make it accessible…" https://equalentry.com/accessible-maps-on-the-web/ What We Learned From Getting our Autocomplete Tested for Accessibility By Ed Horsford. "We've been working on an autocomplete/location picker for use across government…" https://accessibility.blog.gov.uk/2018/05/15/what-we-learned-from-getting-our-autocomplete-tested-for-accessibility/ Managing Focus for Accessibility By Rob Dodson. "If I'm building a single page web app, what should happen to focus when the user clicks some navigation?…" https://dev.to/robdodson/managing-focus-64l Fast. Simple. Accessible. (Video) By Estelle Weyl. "You already know that accessibility is important. In fact, it's the law. It's also a good idea. Let's make the Web accessible-and faster-for everyone.…" https://www.youtube.com/watch?v=Zk4X_AmPsoU State of Accessibility (Video) By Léonie Watson. "What is the current state of accessibility in the browser?…" https://www.stateofthebrowser.com/speakers/leonie-watson/ The Accessibility Interpretation Problem By Dennis Lembree. "Some aspects of digital accessibility can be straight-forward…" http://www.webaxe.org/accessibility-interpretation-problem/ Glossier Added to Long List of Brands Being Sued for Allegedly Violating Americans with Disabilities Act By The Fashion Law. "You can add Glossier to the increasingly long list of brands that have been slapped with lawsuits for allegedly violating a federal civil rights statue in connection with their websites…" http://www.thefashionlaw.com/home/glossier-added-to-long-list-of-brands-sued-for-allegedly-violating-americans-with-disabilities-act House Bill Would Create Minimum Standards for Federal Websites By Meritalk. "A bill introduced in the House on Thursday would create a series of minimum functionality and security requirements for all Federal government agency public-facing websites and digital services…" https://www.meritalk.com/articles/house-bill-would-create-minimum-standards-for-federal-websites/ +02: CASCADING STYLE SHEETS. Custom List Number Styling By Chris Coyier. How about a classic CSS trick! This isn't even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready…" https://css-tricks.com/custom-list-number-styling/ +03: EVALUATION & TESTING. Choosing the Right UX Testing Platform By Jeff Sauro. "…With unmoderated testing, organizations can now collect data from hundreds to thousands of participants quickly and from around the world to differentiate real change from random noise…" https://measuringu.com/ux-testing-platforms/ +04: EVENTS. Interactive Web Conferencing Sessions "Through webinars, OCR provides information technology professionals, including recipients' webmasters, with vital information concerning website accessibility, including suggestions for design decisions that recipients should adopt to ensure that their online programs, services, and activities are accessible to individual with disabilities." May 29, 2018. June 5, 2018. June 12, 2018. https://www2.ed.gov/about/offices/list/ocr/iwcs.html A11YPrinceton - Princeton Accessibility Meetup May 30, 2018. Princeton, New Jersey, U.S.A. https://www.meetup.com/A11YPrinceton/ Web Accessibility Summit May 30, 2018. Columbia, Missouri, U.S.A. http://webaccessibilitysummit.org/ Chicago Code Camp June 9, 2018. Chicago, Illinois, U.S.A. https://www.chicagocodecamp.com/ Assistive Technology and Testing with Assistive Technology June 20, 2018. Online. http://www.accessibilityassociation.org/content.asp?admin=Y&contentid=524 Web Accessibility Training June 26-27, 2018. Logan, Utah, U.S.A. https://webaim.org/training/ +05: JAVASCRIPT. Short Note on Being Busy By Steve Faulkner. "The aria-busy attribute, when set to true is supposed to provide a hint to screen readers that the content within the subtree of the element it is on is being updated and should not be announced…" https://developer.paciellogroup.com/blog/2018/05/short-note-on-being-busy/ ARIA Serious (Video) By Eric Eggert. "WAI-ARIA is an integral technology for web development. But when does it make sense to use it? When is it more harm than benefit? This talk shows good and bad ARIA examples and asks the question 'ARIA Serious about using ARIA this way?'…" https://vimeo.com/269615025 Slides: https://slides.com/yatil/2018-05-btconf This.JavaScript: State of Accessibility (Video) By This Dot Media. "Watch This.Javascript: State of A11Y and keep up with the advancement of web accessibility…" https://www.youtube.com/watch?v=aoyLG2gTFpI +06: MISCELLANEOUS. Responsive Tables, Revisited By Lea Verou. "…After a bit of thinking, I came up with two ways, each with their own pros and cons…" http://lea.verou.me/2018/05/responsive-tables-revisited/ The Slow Death of Internet Explorer and the Future of Progressive Enhancement By Oliver Williams. "Should our development practices be hemmed in by the gaping chasm between Internet Explorer and every other major browser? Or should we dash into the future leaving IE users behind? Oliver Williams argues for a middle ground: We can make life easier for ourselves without breaking the backward compatibility of the web." https://alistapart.com/article/the-slow-death-of-internet-explorer-and-future-of-progressive-enhancement +07: NAVIGATION. Links VS Buttons: A Perennial Problem By Sathish Kumar. "…Link or button, let that be inclusive and convey the same meaning to everyone…" https://www.digitala11y.com/links-vs-buttons-a-perennial-problem/ Site Search Suggestions By Kate Meyer. "Useful search suggestions lead to relevant results and are visually distinct from the query text. If appropriate, they include scope, thumbnails, or categories." https://www.nngroup.com/articles/site-search-suggestions/ +08: USABILITY. Plain Language For Everyone, Even Experts (Video) By Hoa Loranger. "In our usability study with domain experts, we discovered that even highly educated readers crave succinct information that is easy to scan, just like everyone else." https://www.nngroup.com/videos/plain-language-for-experts/ Mobile UX: Scale Product Images Proportionally in Landscape Mode (52% of Sites Don't) By Edward Scott. "…In this article, we'll discuss the test findings from our Mobile E-Commerce usability study related to scaling product images in landscape mode…" https://baymard.com/blog/scale-mobile-product-images-in-landscape +09: XML. Managing SVG Interaction With The Pointer Events Property By Tiffany B. Brown. "Try clicking or tapping the SVG image below. If you put your pointer in the right place (the shaded path) then you should have Smashing Magazine's homepage open in a new browser tab…" https://www.smashingmagazine.com/2018/05/svg-interaction-pointer-events-property/ [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:lcarlson@d.umn.edu [Issue ends.]