Raindrop.io Bookmarks 10/24/2020

2020年10月24日 著

• An opinionated guide to accessibility testing /// Iain Bean

  "Identifying (and fixing) accessibility issues is an essential part of any front end developer's skillset, but it can sometimes be difficult to pick out the useful tools and techniques from the not so useful ones. There are also plenty of misconceptions out there, so I thought I'd make a post covering the tools and techniques that I use when testing web accessibility."

• Dialog Focus in Screen Readers | Adrian Roselli

  "Creating an accessible dialog on the web is trickier than it should be. Lack of support for the <dialog> element, the need for fundraisers to get inert into WebKit, inconsistent support for the ARIA dialog role, and other annoyances make them problematic"

• min(), max(), and clamp(): three logical CSS functions to use today

  "Learn how to control element sizing, maintain proper spacing, and implement fluid typography using these well-supported CSS functions."

• 10 Habits to create accessible content - Microsoft Accessibility Blog

  "It's easier and more efficient to create an accessible document from the beginning than fix at the end so these tools are best used as you write emails, Word docs, PowerPoint decks, or create an Excel table."

• I want my own media queries in browsers | Kilian Valkhof

  "Since Chrome 86+ web developers can now preview and test with this feature. Turning prefers-reduced-data on is simple"

• Meet Face ID and Touch ID for the Web | WebKit

  "Face ID and Touch ID for the web provides both the security guarantees of multi-factor authentication and ease of use. It offers multi-factor authentication in a single step."

• Responsive Height Design

  "It might be weird to resize the browser vertically, but it will pay itself. In this article, I discussed how testing vertically is important, and how we can do it, and finally, I proposed some examples and use-cases."