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."

GUNDAM SONG COVERS 2

2020年10月24日 著

森口博子さんの『GUNDAM SONG COVERS 2』のデジタル配信が21日からスタート。前作もCD発売から1ヶ月後に配信が始まってたから、同じくらいだろうとたかを括って待ってたので、まぁ普通に速攻Apple Musicで買ったよね。

今日は天気が良かったので、大学院の授業が終わってから家まで1.5時間かけて歩いて帰ってきて、そのあいだずっと聞いていたのだけど......いやこれ実に素晴らしいな。Z大好き人間には『銀色ドレス』『星空のBelieve』の2曲が入っている時点で優勝ですが、自分も選曲に投票した『いつか空に届いて』も素晴らしいし、『MEN OF DESTINY』はめちゃカッコいい。

あとね、やっぱり森口さんの歌唱力すげーってなったのが『限りなき旅路』。いや自分、いまだに∀ガンダム見てないのですが（そろそろ某リャマさんから殴られそうではある）、この曲のおかげでやっぱり見ようかなって思い始めたもんね。この壮大なスケール感のある楽曲が作中でどんな風に使われてるのか、気になってしまって。

Raindrop.io Bookmarks 10/23/2020

2020年10月23日 著

• How to Improve Core Web Vitals - Simon Hearne

  "Core Web Vitals are three new performance metrics which will soon impact SEO ranking. Learn how to measure and improve them to maximise user experience!"

• New Lawsuit Against A 'Certified' Accessibility Overlay Customer - Level Access

  "On September 17, San Francisco's Lighthouse for the Blind filed suit against a major HR software and services provider for products and services that are inaccessible to blind employees. The defendant also happens to be a customer of an accessibility overlay provider."

• The Online Accessibility Act: What It Is and What It Could Mean | eSSENTIAL Accessibility

  "While the Online Accessibility Act is a long awaited indication of formal guidance on web accessibility, the process for taking action against websites that are not compliant must be revised."

• Share Button Type · Issue #11 · WICG/proposals

  "A value of "share" for the type attribute of the button element would allow authors to provide an interface element for sharing the current web page."

• Adactio: Journal--Accessible interactions

  "Accessibility on the web is easy. Accessibility on the web is also hard. I think it's one of those 80/20 situations."

• Chromium Blog: Reducing abusive notification content

  "The new enforcement in Chrome 86 focuses on notification content and is triggered by sites that have a history of sending messages containing abusive content."

• SpeedCurve | Visualizing Layout Shifts

  "While the user experience is fine, CLS gives this a bad score as the layout shift analysis only looks at how elements move on the page. You can avoid a bad CLS score by using CSS transform to animate any elements."

ハッセルブラッドのカメラで写真を撮っていただきました #eraweb

2020年10月23日 著

10月21日の覚え書き。かねてより約束していた通り、Era Web Architects プロジェクトの一環として写真家の坂本貴光さんにポートレートを撮影していただくべく、Studio BENBENへ。撮影自体は、プロジェクトの発起人である坂本貴史さん（前出の坂本さんとは一字違いゆえフルネームで表記）と世間話をしているほんの10〜15分のうちに終わってしまったのだけど、実に貴重な体験でした。

だいたい、Wikipediaにページが存在しちゃうほど高名な写真家の方に写真を撮っていただくなんて、まず無いでしょう？　自分はおそらく、これが最初にして最後の機会だったと思います。でもって、お使いになっていたカメラがまた凄い。いや自分は全然カメラには疎い（割にはヘタの横好きで見るのも撮るのも嫌いじゃない）のだけど、一台が数百万円もするという、ハッセルブラッドのカメラだったのです。以下、ハッセルブラッド宇宙への挑戦から引用：

宇宙空間におけるハッセルブラッドにとって最も印象的な瞬間は、1969年7月20日にアポロ11号が月面に着陸し、人類が地球から離れて最初の一歩を踏み出したときでした。その時選ばれたのがレゾープレートとZeiss Biogon 60mm ƒ/5.6レンズを装着したHasselblad Data Cameraでした。

坂本貴史さんから「月に行ったカメラって聞いたらアガるでしょ？」って言われましたが、確かにアガりましたね。冷静を装ってたけど内心では完全にブチ上がってました。初めてづくしでテンパってて気が回らなかったけれど、もっとじっくりカメラを見せてもらったり、カメラの写真を撮らせて貰えば良かったな......。ともあれ、どんな感じの写真に仕上がるのか、楽しみです。その中の1枚ではありませんが、オフショット（坂本貴史さんが撮影）を貼っておきます。プロジェクトの最新情報については、ぜひFacebookページをご覧ください。