Diigo Bookmarks 02/23/2020

2020年2月23日 著

• Dropdown Menus 2020: Menus are not menus | Terrill Thompson

  "Remember the First Rule of ARIA: Don't use ARIA, if the underlying HTML is sufficient for communicating what this thing is. In the case of a navigation menu, that's a nested list of links."

• Accessibility Improvements to Client Side Routing in Gatsby - Available in 2.19.8 | GatsbyJS

  "Provide a skip link that takes focus on a route change within the site, with a label that indicates what the link will do when activated: e.g. "skip to main navigation". / Include an ARIA Live Region on page load. On a route change, append text to it indicating the current page, e.g. "Portfolio page"."

• A decade of heading backwards by steve faulkner on CodePen

  "The question why is it OK to have a substantial set of authoritative semantic HTML definitions misdirect developers for so long?"

• The Contrast Triangle

  "Removing underlines from links in HTML text presents an accessibility challenge."

• CSS Can Influence Screenreaders | Ben Myers

  "As of February 2020, it seems like the CSS Speech Module might be making a comeback with a new Candidate Recommendation. If this recommendation sees a more widespread adoption, we can expect to use CSS to influence screenreaders even more."

• XR Accessibility User Requirements

  "This document lists user needs and requirements for people with disabilities when using virtual reality or immersive environments, augmented or mixed reality and other related technologies (XR)."

• In-Browser Performance Linting With Feature Policies - Web Performance Consulting | TimKadlec.com

  "Firefox and Chrome can compute the aspect ratio of an image from its and attributes. When paired with any applied CSS, this means they can preserve space for those images during the initial layout phase.heightwidth"

• ClimateAction.tech

  "A global community of tech professionals using our skills, expertise and platforms to support solutions to the climate crisis."

Fw: 「一部準拠」というWebアクセシビリティの対応度の位置づけについて

2020年2月23日 著

同僚の中村さん（言いにくいw）が書いた、『「一部準拠」というWebアクセシビリティの対応度の位置づけについて』という記事について。冒頭に出てくる、WAIC用Slackでのコメントは私が書いたもので、いずれここ（何処）に顛末を覚え書きしておこうと思っていたのですけど、あっさり先を越されてしまいました。というのは気にせず、むしろ便乗させていただく格好で、個人的に思うところを書いておきます。

問題点は明らかで、第一に「一部準拠」という言葉について、WAICの策定した「ウェブコンテンツの JIS X 8341-3:2016 対応度表記ガイドライン（2016年3月版）」と総務省の「みんなの公共サイト運用ガイドライン（2016年版）」とで、微妙に粒度の異なる記述がなされている点。後者は理解にブレの生じないよう、かなり噛み砕いて記述されているのですけど、それに比べ前者は「上位レベルは下位レベルを包含する」という考え方の説明を省略しており（当該ガイドラインはあくまで規格本体とセットで利用される想定のため、それ単独で利用・解釈されることを想定していない）、件の記事が紹介しているような誤解を招きやすくしてしまっています。

そこで起こり得る誤解を敢えて極端に表現するなら、WCAG 2.0にある達成基準を一つでも達成したことを試験で確認できさえすれば、JIS X 8341-3:2016の適合レベルAAAに一部準拠したと宣言できてしまうわけです。たとえそのサイトが画像に適切な代替テキストを指定せず、つまりレベルAの達成基準である1.1.1 非テキストコンテンツを達成していなかったとしても、です。「上位レベルは下位レベルを包含する」前提においては、当然そのようなことは起こりえないのですけど、しかし残念ながらそうした誤解に基づく試験結果表示の存在を自分は認識しており、対応度表記ガイドラインにおける書きっぷりは早急に見直さなければならないだろうと思います。

第二の問題点は純粋に言葉の響き、印象の問題で、中村さんの記事にある部分的な対応となる「一部準拠」はあまりよくない印象を抱いている向きもあるのでは、というようなSlackでのコメントてのも、何を隠そうコメント主は私です。統計的な調査をしたわけでも何でもありませんけど、100%主観として「一部」って言葉をネガティブに捉えている向きの存在を感じるんですよね。その辺りについては昨年末に2019年のWebアクセシビリティ雑感とかガイドラインの功罪とかでも「準拠」という名の呪いにかかってやしませんかね？などと書きました。今の対応度表記ガイドラインに定義されている「配慮」「一部準拠」「準拠」の3つに代わる、もっと前向きなラベルなり、達成度合いの表現手法が望ましいのではないかと、そう考えている次第です。

Diigo Bookmarks 02/22/2020

2020年2月22日 著

• Styling The Good Ol' Button Element

  "In this article, I will walk you through the fine details of a button element and how to style it perfectly to ensure that it works great on all browsers."

• When CSS Blocks - Web Performance Consulting | TimKadlec.com

  "If you're using loadCSS with the preload/polyfill pattern, switch to the print stylesheet pattern instead."

• scroll-margin | CSS-Tricks

  "scroll-margin is used to adjust an element's snap area (the box that defines where the element will be snapped to)."

• Fixed Headers and Jump Links? The Solution is scroll-margin-top | CSS-Tricks

  "It's often talked about in conjunction with scroll snapping, but I find this use case even more practical."

• iOS 13 Design Guidelines, Templates, and Downloads - Learn UI Design

  "For the first 5 or 6 years of iPhone releases, screen sizes were pretty manageable. If your design worked on a 320x480 screen, you were golden. Now, it's the wild west out there. There are 3 new screen sizes from just the last 3 years!"

• How To Design Mobile Apps For One-Hand Usage -- Smashing Magazine

  "We use our phones a great deal when we are preoccupied or in a hurry. This greatly impacts how users hold their phones and how they use the apps resulting in a lot more of one-handed-usage than the 49% number suggested above."

Fw: 村井純教授の1月16日最終講義全文書き起こし

2020年2月22日 著

村井純教授の1月16日最終講義全文書き起こし - Matsubo engineering blogを読みました。村井先生のお話は、つい昨日、六本木ヒルズクラブで催された第4回 W3C Japan Executive Committeeで聞いたばかりなのですけど......面白かったです、書き起こしありがとうございました＆お疲れさまでした。

大学生のうちにやっておいた方が良いことは何か。もう俺にこれを聞いたら答えが1個しかないのに分かってて聞くなよ、っていう。もう絶対にやっておいた方がいいのは好きなことだね。好きなことを思い切りやる。これ、できないから、大学生以外。

良かった、自分は大学生のうちに好きなこと思い切りやれて良かった。最初の2年半は人力飛行機作って飛ばしてたでしょ、残りはだいたいWeb制作やそのアルバイトに夢中になった（そのアルバイト先が今現在の勤務先というオチ）でしょ。おかげで学業成績は最低で留年しそうにもなったけれど、一応なんとか4年で卒業できたし、結果オーライ。

元の文明ってのは世界にたくさんあるんだけど、でもインターネット文明っていうのは1個しかない、インターネットは地球に1個しかないから。ここが一番伝えたいことで、俺たちは国と国との間でこの地球を生きてるけど、インターネットは1個しかない。これが一番のバリューだと思う。人類は、インターネットの前には地球全体を1つの空間だと思って人間が生きる空間を持ってなかった。

地球を1つの空間として認識するための方法としては、地球全体を視覚的に俯瞰するというのも極めて有効と思っていて、それを実現したのが宇宙開発であり、ガガーリンの言葉であり、アポロ8号で撮影された「地球の出」の写真だったりすると思っているけど。なるほど、グローバルな視座を一般化する点において、インターネットの普及も宇宙開発の進展も同じベクトルを共有していたわけですね。自分がその両者に夢中になりながらこれまで生きてきた理由は、まさにその共通点にあるのかもしれません。

俺たちが世界で一番先端のインターネットを作ってるんだ、って思ってたときに、平気な顔をして「日本のインターネットはどうしてこんなぼろいの」って。「何のことを言ってんだ、お前は」って言ったら、「役所で使ってない。経済で使われていない。だから、日本の経済はアメリカに後れを取るんだ」って言われて。だから「なんだ、このアメリカかぶれ」って思った。それを言ったのがこいつ(竹中平蔵)、同僚、名前言えない同僚。

村井先生、基本的にこういう歯に衣着せぬ発言が最高ですよねw