あけましておめでとうございます。株式会社ミツエーリンクスの中村直樹です。昨年と同じく、2023年のWebアクセシビリティに関連する出来事を振り返りつつ、2024年のWebアクセシビリティの展望について俯瞰していきたいと思います。 WCAG 2.2の勧告とWCAG 2.1の更新 長らく待ちわびていたWCAG 2.2について、2023年10月5日付けでようやくW3C勧告（Recommendation）となりました（日本語訳はまだありません。詳細は後述の「臨時WGの活動状況」を参照⁠）⁠。また、これと連動する形でWCAG 2.1（日本語訳）の勧告も改めて発行されました。 今回のWCAG 2.1の更新では、達成基準4.1.1構文解析に注記が設けられています。これにより、WCAG 2.2で削除された達成基準4.1.1の扱いについて連続性が保たれるようになっています。WCAG 2.1からの変更点は、公

これは フェンリル デザインとテクノロジー Advent Calendar 2023 15日目の記事です。 こんにちは。大西です。年に一度くらいしか書かないnote、今年も一度しか書かずに終わりそうです。 私は視覚科学を勉強しています。特に文字の認識に関する研究が好きです。 文字について考えるのが楽しすぎて、博士号をとりました。今回は久しぶりに自分の専門領域の話を書きます。 IT業、しかもHCDを掲げて仕事をしている身ではありますが、実は私、WCAG関連の話題があまり好きではありません（個人的な見解です）。中でも、「4.5:1以上のコントラスト比がないとアクセシビリティ対応が不十分」のようにいわれがちな、コントラストチェッカーの結果を見るのが一番苦手です。チェッカーでの計算に限界があることを理解して使ってほしい、結果に一喜一憂するくらいなら輝度を実測しちゃえばいいのに、などと歯がゆい思いを

こんにちは。freee人事労務でQAエンジニアをしているshihoです。 freee QA Advent Calendar2023 15日目です。 自己紹介 元カスタマーサポートで、2016年8月にfreeeに入社しました。3年前にQAエンジニアに異動してから、品質保証の重要性とユーザーのニーズに焦点を当てた仕事に取り組んでいます。お客様との関わりがあった経験を活かし、使いやすく信頼性の高いプロダクトを提供することに情熱を燃やしています。 アクセシビリティとは アクセシビリティに関しては、さまざまな定義が存在しますが、freeeとしては特定の個人を対象とするのではなく、すべての人に使いやすいものを提供することを目指しています。また、特定の条件での使いやすさではなく、あらゆる条件下でも使用できることを重視しています。 アクセシビリティチェックに取り組むきっかけ 元々freeeに入る前は、アク

TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か？」と疑念がとなえられていたので、これも追求してゆきたい どのような変更があったのか システム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて

トラストバンク Advent Calendar 2023の6日目の記事です。 IT健保ユーザーには多くの人が夢を見ながらも、たどり着くことができない幻の地がある。 IT健保レストランだ。 我々はその謎を解き明かすべくジャングルの奥地へと向かった。 powered by iwatea 下準備 出国準備 Tips 入国 Tips 番外編 まとめ エンジニア募集 下準備 IT健保メシをコンプリートするには入念な計画と計画を実行をする根気強さが必要だ。 それには共に行くメンバーとのコミュニケーションが必須となる。 しかし、リモートの現場が増えた現在、チーム内であってもコミュニケーションにコツが必要な時代となってしまった。 我々SREチームではGatherを使う事で通話のハードルを下げ、ある程度バランスを取ることができているが、出社時と同じレベルのコミュニケーションが取れるのか？と言われると弱いとこ

","naka5":"<!-- BFF501 PC記事下（中⑤企画）パーツ＝1541 -->","naka6":"<!-- BFF486 PC記事下（中⑥デジ編）パーツ＝8826 --><!-- /news/esi/ichikiji/c6/default.htm -->","naka6Sp":"<!-- BFF3053 SP記事下（中⑥デジ編）パーツ＝8826 -->","adcreative72":"<!-- BFF920 広告枠）ADCREATIVE-72 こんな特集も -->\n<!-- Ad BGN -->\n<!-- dfptag ＰＣ誘導枠５行 ★ここから -->\n<div class=\"p_infeed_list_wrapper\" id=\"p_infeed_list1\">\n <div class=\"p_infeed_list\">\n <div class=\"

サイオステクノロジーの伊藤です。 この記事は「アクセシビリティ Advent Calendar 2023」の6日目の記事です。 前日記事は山崎さんの「アクセシビリティの確保・向上の推進に使える数字」です。（勉強になりました） 私は日本DAISYコンソーシアム技術委員会の末席にいるのですが、今年はAce by DAISYの日本語訳を少しアップデートしたくらいで個人的にはほとんど活動らしい活動もできておりませんでした。 そんななか、今年は読書バリアフリーについてエポックな出来事がありました。 市川沙央さんの小説『ハンチバック』の芥川賞受賞とその反響です。 私は紙の本を憎んでいた。目が見えること、本が持てること、ページがめくれること、 読書姿勢が保てること、書店へ自由に買いに行けること、――5つの健常性を満たすことを要求する読書文化のマチズモを憎んでいた。 上記は『ハンチバック』主人公釈華の独白

しかし、実際のデザインではこの表にないフォントサイズやウェイトを使いたい場合もあるでしょう。その場合には、シミュレータやルックアップテーブルを参照することで、より精度の高い確認が可能になります。 ルックアップテーブルでフォントサイズとウェイトから必要なコントラストを確認する シミュレーションの説明の前に、より細かい基準がどのように定められているか見るために、APCAのルックアップテーブルを見てみましょう。 このルックアップテーブルは、WCAG3のシルバーレベルを満たすための基準を示しています。ブロンズレベルに追加して、この基準に準拠することでより精度の高いコントラストの確保が可能になります。 以下は、公式のシミュレーションサイトAPCA Contrast Calculatorにあるルックアップテーブルのスナップショットです。ページの下部、APCA Font Table: Silver Le

デジタルコンテンツにおけるアクセシビリティ、特にコントラストの基準について解説する連載の第2回目です。前回の記事では、現在のWCAG2のコントラスト基準と課題について解説しました。今回はWCAG3で採用が検討されている新しいコントラスト基準、APCAについて解説します。 APCAとは WCAG 2.0でコントラストの基準が策定されて以降、ディスプレイやWebコンテンツ、CSSの機能、および視覚科学の進歩など様々な状況が変化しました。WCAGの基準についても、コントラストや視認性についてより知覚を正しくモデル化するガイドラインが求められるようになりました。 APCA（Advanced Perceptual Contrast Algorithm）はWCAG3にて現行のコントラストに代わる基準として開発・検討されている、新しいコントラスト基準です。前回紹介したようなWCAG2の基準の課題に応える

はじめに サイオステクノロジーの伊藤と申します。今回から数回にわたりデジタルコンテンツのコントラストというテーマで、WCAG2のコントラスト基準とWCAG3で検討が進められている新しい基準APCAについて解説していきます。 対象読者としては、ウェブサイトやアプリケーションなどデジタルコンテンツの制作に携わるデザイナーやエンジニア、アクセシビリティに関心のある方を想定しています。 現在勧告されているWCAG2の達成基準では、テキストや視覚要素のコントラストが一定の基準を満たす必要があります。たとえば、レベルAAでは文字色と背景色のコントラスト比が4.5:1以上であることが要求されます。 図1 テキストとの視認性を確保するために、背景色とのコントラスト比を考える必要がある しかし、人間の目は明るい色と暗い色のコントラストを認識する際に、明るい色の相対輝度が高いほど視認性が高くなるという特性があ

（追記） 「俺は今でも、あの41話をチェックした人のことを思っている」の末尾に句点なし。「一番最後」は口語的表現でOKなのかな。 ありがとう、助かる。 どっか落としてるだろうとは思ってたが、仕事終わりに自分の文章なんかマトモに読めねえんだよな。 句点イレル。そういや同じ現場だった校正者もよくやらかしてたな。元気してるだろうか。 「一番最後」はママで。副詞的用法だと「ぶっちぎり」みたいなニュアンスを感じるから、おっしゃる通り強調表現の範囲内として個人的には違和感ないかな。もちろん要指摘事項だが。 “？”の後ろに文章が続けばスペースあり、後ろが “」”の記号ならスペースなし、“これはいったい何年前の学説なんだ？って” と促音でもスペースなし、が校正ルールってことかなーと思いながら読んだ。 だいたいそう。最後の場合はスペース入れる表記ルールも多いけど、俺は一文としてつながりがあるならアキなしの方

ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog こんにちは、デザイナーの鈴木です。CTO室でユーザインタフェースの研究開発を行っています。 みなさんはスマートフォン向けのアプリケーションやWebページを作成する際、文字と行間の大きさをどうしたらよいか迷ったことはないでしょうか？ 私たちはこの疑問を明らかにするためにクラウドソーシングを用いた大規模な実験を実施し、どんな大きさの組み合わせが適切であるか定量的・定性的な分析を行いました。本記事ではこの実験と分析の結果について述べ、さらにこの知見をヤフーニュースに適用した結果どのような貢献が見られたかお話しします。 予備実験 読みやすさに影響を与えうるフォントプロパティはさまざまなものが考えられます。私たちはその中から文字と行間の大き

https://www.w3.org/ ー 2023年5月25日 – W3Cは、2017年にIDPF(International Digital Publishing Forum)と合併したことにより誕生した、デジタル出版における活動の一環としてEPUB (Electronic PUBlication)の最新バージョンである、EPUB 3.3を国際ウェブ標準であるW3C勧告として公開しました。 EPUBはデジタル出版物や文書の配布と交換のためのフォーマットを定義しています。EPUBフォーマットは、HTML、CSS、SVG、その他のリソースを含む、構造化され、意味付けされたWebコンテンツを表現、パッケージ化、エンコードする手段を提供し、単一ファイルのコンテナで配布します。 EPUB 3.3は、前バージョンであるEPUB 3.2が同仕様としても有効であるという下位互換性を持ちます。つまりEP

こんにちは。Mackerel CRE の id:KGA です。 2023年6月6日（火）に Hatena Engineer Seminar #25 「アクセシビリティ編」の開催が決定しましたのでお知らせします。 エンジニア4名が登壇し、はてなの開発組織 / はてなブックマークチーム / Mackerelチーム それぞれで行った、アクセシビリティ改善に関する取り組みについて発表します。 開催はオンラインです。（詳しくはconnpassのイベントページをご確認ください）。皆様のご参加をお待ちしております！ イベント概要 日時: 2023年6月6日(火) 19:00-20:00(予定) 参加費: 無料 開催形式: オンライン配信 YouTube Live YouTube Live HatenaTech チャンネルにて https://www.youtube.com/channel/UCwqsFJ