+++ 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…" https://www.linkedin.com/feed/update/urn:li:activity:6521065719247958017/ Legal Battle Over Captioning Continues By Lindsay McKenzie. "A legal dispute over video captions continues after court rejects requests by MIT and Harvard University to dismiss lawsuits accusing them of discriminating against deaf people…" https://www.insidehighered.com/news/2019/04/08/mit-and-harvard-fail-get-out-video-captioning-court-case Four-Year Court Battle Between Deaf Advocates and Harvard Over Closed Captioning of Videos Proceeds to Discovery With Some Limitations By Kristina M. Launey & Minh N. Vu. "Four years and two motions to dismiss based on the pleadings later, the National Association of the Deaf's (NAD) online video captioning lawsuit against Harvard is moving forward to fact discovery…" https://www.adatitleiii.com/2019/04/four-year-court-battle-between-deaf-advocates-and-harvard-over-closed-captioning-of-videos-proceeds-to-discovery-with-some-limitations/ +02: CASCADING STYLE SHEETS. 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…" https://dev.to/elizabethschafer/designing-button-focus-states-for-better-usability-gm2 State of the Web: CSS Standardization (Video) By Rick Viscomi. "In this episode of the State of the Web, Rick Viscomi and Jen Simmons (CSS Working Group, Mozilla) discuss the process of CSS standardization and the evolution of how developers style the web…" https://www.youtube.com/watch?v=TQ7NqpFMbFs Digging Into The Display Property: The Two Values of Display By Rachel Andrew. "We talk a lot about Flexbox and CSS Grid Layout, but these layout methods are essentially values of the CSS display property, a workhorse of a property that doesn't get a lot of attention. Rachel Andrew takes a better look in a short series…" https://www.smashingmagazine.com/2019/04/display-two-value/ Managing Z-Index In A Component-Based Web Application By Pavel Pomerantsev. "The z-index property, despite all that's written about it, is still widely misunderstood and mishandled. Stacking issues in a complex single-page web application can become a major pain. Adhering to some principles, however, we can easily avoid these issues…" https://www.smashingmagazine.com/2019/04/z-index-component-based-web-application/ Print Styling, the 3 Basics By Jens Oliver Meiert. "Running start. Pretty much every website should have a usable print view…" https://meiert.com/en/blog/print-styling-basics/ Grids All The Way Down By Rachel Andrew. Rachel's April 2019 presentation materials from Frontend NE in Newcastle upon Tyne, UK. https://noti.st/rachelandrew/g2qkOz/grids-all-the-way-down +03: COLOR. Color Accessibility: Tools and Resources to Help You Design Inclusive Products By Stéphanie Walter. "…all the resources, tips and tools I regularly use to build and check the color accessibility of my products in one place. Enjoy…" https://stephaniewalter.design/blog/color-accessibility-tools-resources-to-design-inclusive-products/ +04: DRUPAL. Better Instructions for Your Drupal Content Types By Cindy McCourt. "…Not all forms are self-explanatory. Not all field purposes can be easily deduced. Drupal provides several options for providing guidance to your content authors, each with their own pros and cons…" https://www.prometsource.com/blog/better-instructions-your-drupal-content-types +05: EVALUATION & TESTING. Should Usability Testers be Certified? By Rolf Molich. "…The real-world data I have shows that the practices of many professional usability testers need review, formalization, and a general tightening up. Since the teams I studied were professional, I suggest that everyone can benefit from having their practices reviewed." http://interactions.acm.org/blog/view/should-usability-testers-be-certified/ My Web Accessibility Testing Process By Lindsey Kopacz. "…My web accessibility testing process begins before I even start writing code…" https://www.a11ywithlindsey.com/blog/web-accessibility-testing-process/ +06: EVENTS. Common AI and Ethics Challenges and How to Solve Them April 12, 2019. Online https://register.gotowebinar.com/register/8625742784466653185 Accessibility in Voice Experiences April 18, 2019. Chicago, Illinois, U.S.A. https://www.meetup.com/en-AU/a11ychi/events/260326500/ Live stream: https://www.youtube.com/watch?v=29SneVTDHBY Live captions: http://www.streamtext.net/player?event=CDA Evaluating Organizational Readiness for Accessibility April 18, 2019. Online https://zoom.us/webinar/register/9615537904399/WN_qEOlZwuhSLGm7VwIZk2Bwg Accessibility Camp Seattle May 18, 2019. Seattle, Washington, U.S.A. https://accessibilitycampseattle.org/ Web Accessibility Summit May 29, 2019. Springfield, Missouri, U.S.A. https://2019.webaccessibilitysummit.org/ TechAccessOK June 6-7, 2019. Oklahoma City, Oklahoma, U.S.A. http://techaccessok.org/ 2019 Trends in Video Accessibility June 13, 2019. Online https://go.3playmedia.com/wbn-06-13-2019-soc +07: HTML. Stop Using So Many divs! An Intro to Semantic HTML By Ken Bellows. "…<div>… works. I mean, mostly. It has the structure you need, and I'm sure it'll look the way you intend by the time you're done styling it. But it has some big problems…" https://dev.to/kenbellows/stop-using-so-many-divs-an-intro-to-semantic-html-3i9i AT-browser-tests By Steve Faulkner. "Collaboration with CA on mapping of HTML features Aural UI and how these features are conveyed to users of AT…" https://thepaciellogroup.github.io/AT-browser-tests/ HTML, CSS, and the Path to Accessible Web Design By Jennifer Riggins. "…when you consider the massive scale some websites can reach these days, maybe it's good to go back to the basics to make sure everyone can access everything we build…" https://thenewstack.io/html-css-and-the-path-to-accessible-web-design/ Native Image Lazy-Loading for the Web! By Addy Osmani. "In this post, we'll look at the new loading attribute which brings native <img> and <iframe> lazy-loading to the web…" https://addyosmani.com/blog/lazy-loading/ Enforcing Accessibility Best Practices with Automatically-Generated ids By Brad Frost. "…What this means is that it's impossible for users of the design system to omit an important attribute and accidentally create an inaccessible experience. This technique works well for any component that needs to create an association between two or more ids…" http://bradfrost.com/blog/post/enforcing-accessibility-best-practices-with-automatically-generated-ids/ +08: JAVASCRIPT. Announcing the Deobfuscating JavaScript White Paper By Netsparker Security Team. "The topic of this white paper is an example of how to deobfuscate JavaScript code as it's often used in phishing pages…" https://securityboulevard.com/2019/04/announcing-the-deobfuscating-javascript-white-paper/ You Probably Don't Need that Hip Web Framework By Owen Williams. "I've discovered how many others have felt similarly, overwhelmed by the choices we have as modern developers, always feeling like there's something we should be doing better." https://char.gd/blog/2019/you-dont-need-that-hipster-web-framework +09: MISCELLANEOUS. The Girl on the Train By Erynn Brook. "I'm waiting on kitty ultrasound results and trying to distract myself a little bit so I'd like to tell you a story about something that happened last night, in the hopes that I can process my feelings around it…" http://www.erynnbrook.com/the-girl-on-the-train/ W3C Doesn't Help Its Invited Experts. It Should. By Tobie Langel. "Software foundations have increasingly started helping non-corporate backed contributors with travel expenses. W3C has been lagging way behind. Until last year, 'invited experts' - W3C jargon for individual contributors-even had to pay to attend the technical conference in which they come work for free. It's time for change…" https://medium.com/@tobie/w3c-doesnt-help-its-invited-experts-it-should-2fb36ae9f720 +10: NAVIGATION. HTML5 Landmarks Exposed By Scott O'Hara. "Landmarks can serve as important guideposts to a web document. They allow people using screen readers, as well as those with certain browser plug-ins, to be able to quickly navigate to important areas of a page…" https://www.scottohara.me/blog/2019/04/05/landmarks-exposed.html Common Accessibility Issue: Moving to a Page Section Without Shifting Keyboard Focus By Christian Heilmann. "…we can really make it hard for keyboard and screenreader users when we forget to set the focus to the element we scrolled to. Just because it is in the viewport, doesn't mean the keyboard focus moved there…" https://christianheilmann.com/2019/04/09/common-accessibility-issue-moving-to-a-page-section-without-shifting-keyboard-focus/ Journey Mapping: 9 Frequently Asked Questions By Alita Joyce and Kate Kaplan. "Journey maps are useful for building common ground in an organization, but practitioners often have questions and misunderstandings about their scope and how to create them." https://www.nngroup.com/articles/journey-mapping-faq/ +11: TYPOGRAPHY. Down the Font Legibility Rabbit Hole (Hat tip to Jim Allan) By Peter Vermaercke. "While working on a recent project I was struggling with optimizing the readability of the content in the interface. The product is a safety-critical interface used in aviation with lots of codes in small sizes. Good readability is crucial to make sure the users can do their job well and with as little fatigue as possible…" https://medium.com/@pvermaer/down-the-font-legibility-rabbit-hole-481f207a6013 Public Sans By United States Web Design System. "A strong, neutral typeface for text or display." (free and open source) https://public-sans.digital.gov/ +12: USABILITY. Privacy UX: Common Concerns And Privacy In Web Forms By Vitaly Friedman. "Web interfaces have become quite a character, haven't they? Self-indulgent, impolite, disrespectful and obsessed with user's data. In this series of articles, we're looking into privacy UX patterns in order to to make our interfaces better without leaving conversion considerations behind…" https://www.smashingmagazine.com/2019/04/privacy-concerns-ux-web-forms/ Is Aggressive Marketing Influencing the UX of AI Agents? (Video) By Jakob Nielsen. "Jakob Nielsen answers the question of how users' perception of artificial intelligence products and their user experience may be impacted by the way these services are promoted by vendors." https://www.nngroup.com/videos/aggressive-marketing-ux-ai-agents/ [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.]
|
|
|