WCAGもくもく会を開催しました #a11ymoku2
2017年7月11日に開催したWCAGもくもく会の開催報告です。リモート参加の準備不足や開始時間が早かったなど反省点はありますが、概ね良かったです。次回は8月30日（水）を予定しています。ご参加お待ちしています。
高さが低い要素に高さを揃える
2017年になっても高さ揃えの話です。高さが低い要素に合わせるには高さを合わせる要素にインナー要素を設置し、そのインナー要素の高さを計算外にしてから各要素の高さを揃る方法で実装しました。その実装方法の詳細と、少しの問題点について解説しています。
フレックスコンテナ内で絶対位置指定された要素の静的位置
フレックスコンテナの中に配置したposition:absoluteな要素の初期位置（静的位置）がブラウザごとに違ったので調べてみたら仕様の変遷にブラウザが追従しているかどうかという話で、SafariとIEが追従できてなくてツラみというお話。
電子書籍版コーディングWebアクセシビリティ
電子書籍版コーディングWebアクセシビリティを献本頂いたので、改めて紙の方をレビューしました。自分のコーディングの楽しみを一段引き上げてくれた本でした。
FRONTEND CONFERENCE 2017 で登壇します #frontkansai
2017年3月18日(土)に関西フロントエンドUGさん主催の FRONTEND CONFERENCE 2017 にて「ウェブを構成するUIの品質とHTML」という題で登壇します。ウェブ上のUIの品質についてのポエムと、UIの品質の基礎的な部分を担うHTMLについて主に実装面からお話する予定ですので、お時間のあるかたはぜひご来場ください。
React と WAI-ARIA でアクセシブルなアコーディオンUIを実装してみた
React の手習いに開閉式のいわゆるアコーディオンUIを実装してみましたので備忘録。ステートの管理は楽ですがフォーカス管理が難しかったです。
「効果的なアプリ/Web開発のための コラボレーションツール活用入門」の執筆に参加しました
マイナビ出版さんから発売される「効果的なアプリ/Web開発のための コラボレーションツール活用入門」の執筆に参加しました。
text-decoration の子要素への適用のされかた
第11回 W3C CSS Module 仕様書もくもく会@東京に参加して、text-decoration プロパティを中心にCSSの仕様書を読みました。継承はしないけど、子要素のテキストも自分の要素の色で装飾する。インラインブロックには装飾は適用されないなどを学びました。
display-wai-aria.css v0.3.0
display-wai-aria.css に aria-keyshortcuts の追加と aria-describedat の削除を反映し、v0.3.0 として公開しました。プロパティの削除について悩んでいます。
WP-D week 土曜日の「HTMLについてLevel Up!」でお話しました #wpdweek
WP-D が主催する1週間通しの勉強会イベント WP-D の最終日の「HTMLについてLebel Up! 〜 div? article? section？ ココがわからない！ HTMLのマークアップ。どうしたらいいの？」でお話してきました。
MacBook Pro RetinaのスクリーンショットをAutomatorで自動最適化する
MacBook Pro のRetinaモデルで画面のスクリーンショットを取ると、ちょっと画面共有したいという場合に、ファイルサイズが重くて不便なので自動化しました。Automatorもっと使いこなしたいですね。
AccHop!! vol.4 に参加してきました
2015年11月のAccHop!! vol.4 に参加してきた感想です。制作者としての姿勢を見なおしたり、ワークショップに素で参加できたことにびっくりしたりしました。
WAI-ARIAの実装をデバッグ・検証する
この記事はWeb Accessibility Advent Calendar 2015の5日目の記事です。WAI-ARIA の検証方法についてご紹介します。決して厳密な検証ができる方法ではありませんが、特別なツールなどを用意しなくとも簡単に検証することができる方法で簡単に検証できる方法が増えれば、WAI-ARIAに取り組みやすくなるかと考えています。
schema.org - 営業時間 openingHoursプロパティのマークアップ
schema.org の openingHours のマークアップを試行錯誤し、time、data、metaの中からmetaを選びました。その経緯や考え方について紹介します。
Github Pagesからリダイレクト
プロジェクトのGithub Pages のURLが変わってしまったので、リダイレクトの設定を行いました。Jekyll Redirect From pluginの設定をするだけですが、簡単に解説します。