a11y

2つ前の記事で告知を出してた、Web24というイベントに、無事登壇（どちらかというとパネラー？）を果たした。あれからもう1週間経ってしまったとは……早い。 このイベントは「登壇者も主催、みんなで作る」をモットーに構築されていたため、参加後記をすべく特記を以下でまとめる。 まずは、参加いただいた方々、それに声をかけてくださった運営の方々にお礼申し上げる。 「アーカイブ配信なし」の試み 場外セッション「残り香的なもの」と言い残し UDトーク

ちょーーーーーーーーーーーーー直前告知ですが、Web24というイベント、しかもド初っ端のセッションにお呼ばれしているので、告知です。 connpass.com このイベントは名前の通り、Webについて24時間、色々な角度から出演者により議論されるのをただひたすら配信する……というもの。5/7の18時から24時間ぶっ通しで開催されます。 コロナ禍のGW、出掛けることのできない鬱憤を（そろそろ）オンラインイベントで晴らそうぜ！という主催の粋な思惑に乗せていただきます。オンラインながらアーカイブなど用意されない、その場限りという珍しい試みです。

わたしは「Webアクセシビリティ」というものに、ライフワーク的に取り組んでいる。 と、言い切っていいはず。少し気恥ずかしいけれども、これまでそんなことを触れ回ったことはないので、そろそろ改めて記録するべきだと思って書いている。 これはポートフォリオの一部のようなものでもある。 というのも、イベントやセミナーにお呼びいただいて登壇などの機会が、ありがたいことに増えてきている（後述）。あるいは、何らかの場でコメントを求められたり、Twitterでイベント中のリアルタイムレポートを（偉そうに！）したり。 そんな時にふと、「出自のわからないヤツが四の五の言ってて、周りの人はどう思うのだろう……」と考え…

こんにちは！モバイルアプリケーション開発部の Android エンジニア、いけちょ(@ikeda_shogouki)こと池田です。 最近、SLA の 3D プリンターを購入し、夜な夜なパーツを出力して遊んでいます。3D プリンター最高～！ さて、これは Chatwork Advent Calendar 2020 17 日目の記事です。 アクセシビリティ対応やってくぞい！ 先日、Chatwork でどのようにアクセシビリティ改善を進めているかご紹介しました。 creators-note.chatwork.com この記事を読んで、「よし！アクセシビリティ対応やってくぞい！」と思ったものの、どこか…

こんにちは、守谷（@emim）です。 今までWebアクセシビリティについて、デザイン部*1内で勉強会を実施したり、クリエイティブ職以外への啓蒙活動などを社内でちょこちょこ開催してきました。 実施内容すべて漏れなくは報告できていませんが、このCreator's Noteでも私以外の複数のメンバーもブログ記事にまとめてくれています（Accessibilityあるいはa11yというタグで、閲覧いただけます）。 そんな中しばらく私を悩ませていたのは、いくら自分自身（デザイナー）が知識を貯めて啓蒙を進めたところで、実際プロダクトの設計フローに「アクセシビリティ施策実施」という要件が乗らない限り、永遠に改…

こんにちは！モバイルアプリケーション開発部のAndroidエンジニア、いけちょ(@ikeda_shogouki)こと池田です。 さて、チームリーダーの守谷が先日投稿している通り、仮称「アクセシビリティやってくぞい！」チームが発足しました。 creators-note.chatwork.com 私はAndroidエンジニアとして、やってくぞい！（仮）チームにジョインしています。 守谷の投稿では、やってくぞい！（仮）チームの発足について紹介されていますので、今回は実際どのようにアクセシビリティ改善を進めているかをご紹介したいと思います。

2024年4月13日に開催されたPHPカンファレンス小田原 2024に当日スタッフとして参加してきましたーー！ phpcon-odawara.jp まだ書けていない前の月や前の前の月のブログもありますが、ブログを書く後日祭のイベントに参加したので小田原ブログ簡易版を投稿します〜！ 気が向けば、そのうち詳しいやつも書きたいなと思ってます！ connpass.com 今回の小田原での役割 ということで本題です！ 今回のPHPカンファレンス小田原は何をしていたかと言いますと！ 事前のイベント公式Noteでも少し紹介してもらっていましたが、 「かま」と「ぼこ」の２つのトラックをつなぐパブリックビューイ…

キカガク プラットフォーム部 エンジニアの岸です。 私は Web という技術が好きで、中でも アクセシビリティ に関心があります。 アクセシビリティ とは、システムやサービスがどれだけ幅広い状況で利用できるかを示す言葉です。Web アプリケーションのアクセシビリティの向上に取り組むことで、障害の有無や利用している環境、デバイスの違いによらず、誰もがそのサービスを使えるようにできます。 私が入社した時点では、プラットフォーム部にはアクセシビリティに関する知識はほとんどありませんでした。 そこで昨年 10 月に中途入社してからの約 4 ヶ月（執筆時点）でアクセシビリティを組織へ浸透させていくために…

2024/3/19 https://gdg-tokyo.connpass.com/event/311662/ プライバシーサンドボックスとサードパーティCookieの廃止 田中 洋一郎さん 3rd party cookie 異なるサイトからトップレベルサイトに送信される任意のcookie 広告以外にも使われる ドメインを跨いだログイン 分析用途 CDNのキャッシュ トラッキングによるプライバシーの侵害が問題 3rd party cookieを廃止する代わりに主要なユースケースをサポートする技術が用意された 2024/1から1%展開された 2024の終わりには100%展開される予定 準備 3rd…

はじめに こんにちは、クラシルリワードのサーバーサイドエンジニアのrakuです！ 今回は趣味でRemixを使用した複雑なフォームの実装をする際に便利だった、React向けのtype-safeなフォームライブラリであるConformについてご紹介します。 Conformは、RemixやNext.jsでFormDataの検証をサーバーサイドでも簡単に実装できるため、これらのフレームワークとの相性が抜群です。そのため、Remix Resourcesでも紹介されています。 remix.run またConformの特徴を公式ドキュメントから引用すると↓と書かれています. Progressive enha…

こんにちは。プロダクトエンジニアのatsushimと言います。 社内ではプロダクトを開発する傍ら、アクセシビリティを高めるための改善や仕組みづくりを進めています。 この記事ではSmartHR独自のESLintのルールを作っている話をしたいと思います。 SmartHRでは アクセシビリティ（以降a11y） を考慮したアプリの開発・改善を行っており、過去記事でその様子をご確認いただけます。 SmartHR Tech Blog: アクセシビリティ の検索結果 ただ普段の開発中、a11yを意識しつつ開発を行うことは、エンジニアにかなりの負荷がかかります。 フロントエンドの経験が少なく基本的なマークアッ…

こんにちは、フロントエンド推進グループの@taigakiyokawaです。横断組織のフロントエンドエンジニアとして、アクセシビリティガイドラインの作成や共通UIライブラリの開発を行っています。 今回は、社内の全エンジニア向けに発表した、アクセシビリティへの意識向上を目的としたプレゼンテーションの内容をブログとして紹介していきます。 The same article in English is here アクセシビリティ向上への3つの心構え まずはじめに、今回の要点です。 低いアクセシビリティは 「システム障害」 できるところから地道に アクセシビリティは「対応」するものではなく 「向上」 させ…

2024/2/15 https://event.shoeisha.jp/devsumi/20240215 https://codezine.jp/devonline/archive/17 2日間通してAIとつくセッションが多いのが印象的でした それ以外だとテストの話(これはAIが絡むものも多い)と開発プロセスの話(アジャイルなど)も多くありその辺を中心に参加しました 相変わらず人が多いので昔みたいに個人スポンサーがあれば迷わず買ってたと思います 我々はなぜアサーションするのか～現場に寄り添うANA DXの取り組み～ 室木 梨沙さん[ANAシステムズ] 渡辺 亮介さん[ANAシステムズ] 橋本 …

ついに広島で開催されたプログラミングの祭典YAPC 2024 Hiroshimaに参加し、さきほど帰宅したのでレポートです。2/19〜2/21までの各イベントに参加しました。いくつかのトピックに分けて、現場の熱量をなるだけ伝えようと思います。 ついにやってきた大規模カンファレンス ついに、と書いていますがYAPCは例年ある程度安定して開催されています。ではなぜこう書いたかというと、COVID-19によりプログラミングコミュニティのカンファレンスが熱量を失ってしまっていたことが理由です。 COVID-19の猛威は日本中に襲いかかり、ありとあらゆるイベントを中止に追いやってきたわけですが、プログラ…

先日読了。 フロントエンド開発のためのテスト入門 今からでも知っておきたい自動テスト戦略の必須知識 作者:吉井 健文 翔泳社 Amazon フロントエンド開発のためのテストの種類 静的解析 単体テスト 結合テスト E2Eテスト（Playwrightなど） テストの目的 機能テスト 非機能テスト（特に、アクセシビリティテスト、addon-a11yなど） ビジュアルリグレッションテスト（reg-cli、Storycap、reg-suitなど）

こんにちは、スマートバンクでアプリエンジニアをしているロクネムです。 弊社ではデザインシステムを導入しており、ColorやTypographyなどのデザイントークンやコンポーネントライブラリをiOSアプリの実装でも利用しています。 導入してから約1年ほど経ちますが、 B/43という家計簿プリカアプリ の開発を通じて、SwiftUIで1画面を実装する上でかかる時間がかなり短くなったように感じます。 本記事ではそんなデザインシステムを活用した開発の中でも Typography にフォーカスし、B/43のiOSアプリにおいてどのようにTypographyを実装しているのかについてご紹介します。