LINEヤフーにおけるこれからのアクセシビリティというスライドで「WCAGはハードルが高い」という文言を見かけました。どうしてハードルが高い、言いかえるならば難しいとされるのか、その難しさはどこから来るのかをちょっと深掘りしてみようと思います。 WCAGという言葉について、改めて見ておきましょう。WCAGはもっぱら、Web Content Accessibility Guidelines（ウェブコンテンツアクセシビリティガイドライン）というW3Cの発行する技術文書を指すわけですけども、現時点でよく参照されるのがウェブアクセシビリティ基盤委員会（WAIC）が公開している日本語訳のWCAG 2.1でしょう。ちなみに本家のW3Cは、WAICが現時点で公開しているWCAG 2.1の改訂版を今年9月に公開し、さらにバージョンの進んだWCAG 2.2を先月に発行したばかりだったりします。 WCAG 2

変更のお知らせ バージョン41（2023年10月ごろ）にはウェブページと問題点の画像をGoogleドライブにアップする機能がありましたが、現在のバージョンではこの機能は削除されています。なにかの間違いでCOB-CHAが利用者のGoogleドライブに影響を与えない方が好ましいと考えた結果です。画像類の整理については、なにかしらの運用解決を行なってください。 バージョン41以前に作成したCOB-CHAのシートに対してバージョン42での集計をかけると、集計結果においてURLとページタイトルの値が正しく参照されません。いま、対応を考えていますので、バージョン41で作成した集計結果はバックアップをしておいて下さい。 COB-CHA (COllaBorative CHeck tool for Accessibility) は、ウェブアクセシビリティ確保のプロセスの中にある試験・検証に用いることができる

こんにちは！i3DESIGNデザイナーチームです。 今回は、先日発刊させて頂きましたホワイトペーパー”とってもやさしいウェブアクセシビリティチェックリスト”の一部を記事にまとめたいと思います。 ホワイトペーパーには、ウェブアクセシビリティチェックリストというシートがあります。 このシートは、JIS X 8341-3:2016(アクセシビリティについてのJIS規格)に基づき、私たちの解釈で分類・文章を再構成しました。 エンジニアやデザイナーでない方でも理解しやすいよう、一部内容を簡略化したり、複数の達成基準をひとつにまとめたりしている箇所があります。 このチェックリストを「現在提供しているウェブサービスが、どこまで達成できているのか」を図る指標として、ご活用ください。 👇ウェブアクセシビリティチェックリストがついているホワイトペーパー”とってもやさしいウェ

作成日 2022-12-30 更新日 2022-12-30 author @bokken_ tag Web, Privacy, Security, Cookie はじめに 3rd Party Cookie をブロックする制限を緩和するための仕様である CHIPS が策定されている。¶ 近年、ユーザの Privacy の向上を目的として 3rd Party Cookie をブロックする流れがある。cross site でユーザトラッキングを提供する多くのツールは 3rd Party Cookie を使っているため、3rd Party Cookie をブロックすることで解決しようとするものだ。すでにいくつかのブラウザではこういった動きが見られる(Firefox, Safari)。¶ しかし、一部のサイトでは 3rd Party Cookie が有効に使われているケースもある。こういったケースで

Googleフォームには、作成者にメール通知を送信する機能が搭載されていますが、デフォルトではオフになっています。設定をオンにすれば、ユーザーが回答したタイミングでメール通知を受け取れるようになり、問い合わせに対して素早く対応できるようになります。 複数名でフォームから送信された情報をを共有したいときは、Google Apps Script（GAS）を使うことで、Gmail以外の複数宛先にメール通知を送信できます。 この記事では、Googleフォームのメール通知設定とGASで複数宛先に通知する方法を説明するとともに、通知が来ない場合の原因・対処法について解説します。 【無料利用も可】ノーコードでメール通知を設定できるフォーム作成ツール「formrun」はこちら！ 各種チャットツールとの連携や自動返信メールの設定、メールテンプレートの作成にも対応！無料でも利用できるのでまずはお試しください。

こんにちはこんにちは。5月25日ですね。 今日からGDPR施行じゃないですか。 ヤバくない? 何もしてなくない? やっべえな、というWEBサイト担当者/アプリ開発者のためにブログをしたためます。 内容的には「GDPR、何をしたらいいかも何もわからん」という人向けです。これでバッチリ適法、というレベルになるわけではないことは理解して読んでね。 できる限り適切に書いているけれど、この通りにしたら酷い目に遭ったぞなどのクレームは受け付けません(免責)。 あと、プライバシー保護ガチ勢の人はユルい内容に怒らないで欲しい。間違いへのツッコミかあれば歓迎ですが優しくお願います。 長いからこれだけ読んでおくと大丈夫 ① 欧州圏からアクセスできるとかユーザー1人いるとGDPR対象事業者になる、わけじゃない ② プライバシーポリシー更新してるだけで対応済みとしている企業も多い セキュリティコンサル的な会社が専

安全なウェブサイトを公開するため、無料で利用可能な Let's Encrypt の証明書を使う方法をご紹介します。Let's Encrypt の背景とSSL証明書の自動発行をはじめ、CentOS 7 上の Nginx ウェブサーバを SSL に対応する方法、そして、証明書を自動更新する方法を見ていきましょう（所要時間10～20分）。 なお、Let's Encrypt については既に中津川さんの記事「すべてのWebサイトの暗号化を目指すLet's Encryptを試す」で取り上げられていますが、今回は新しいクライアント certbot-auto を使う方法や、証明書の自動更新の仕方をとりあげます。 こんにちは！こんにちは！ みなさん、はじめまして。さくらインターネットの前佛雅人（ぜんぶつまさひと）です。さくらのナレッジに何か書け（業務命令）ということで、皆さんがサーバをより活用できるよう、ナ

ここでは、携帯電話向けコンテンツの書き方について解説します。 基礎知識としてHTML&CSS入門のHTML入門篇及びCSS(カスケーディングスタイルシート)入門篇の内容は最低限把握している事を前提として解説致します。 「携帯電話」という言葉は、特に断わらない限りPHSも含むものとします。但し、スマートフォンは除外します。 フィーチャフォン向けサイトの作り方。 スマートフォン向けサイトの作り方。 携帯電話向けコンテンツでのマルティメディア。 その他のコンテンツ。 保存扱い(obsolete)となっている記事

こんにちは、「livedoor Blog」を担当している吉沢です。 スマホの登場で、すっかりケータイ (フィーチャーフォン/ケータイ/ガラケー) が日陰に追いやられた感がありますが、ケータイも毎年進化していて、モバイルサイトの開発が行いやすいケータイがユーザへ浸透してきています。 livedoor Blog では、スマートフォン分野に注力しながら、月間15億PV あるケータイ版のUI最適化にも引き続き取り組んでいます。今回は、livedoor Blog で採用した事例を元に、この先1〜2年のケータイ開発・運用に役立てられる、3キャリア共通の CSS から最新のコーディング事情を紹介したいと思います。 アクセスシェア〜ライブドアの場合 まずはどの世代のケータイをメインに開発して表示くずれを起こさないようにするか検討するため、アクセスシェアを把握します。 1年前と比べると、iモードブラウザ2.

Pick up the 9th-gen iPad with two years of AppleCare+ for only $298

Googleリーダーが7月1日で終了するのに伴い、ネットでは「えっそれは困る」「なんてこったあああ！」など悲しみの声が次々とあがっています。 終了の理由は「利用者の減少」とのことですが、生活に密着したサービスだけに、急になくなってしまうと困る人も多いはず（自分含む）。ということで、取り急ぎGoogleリーダーからの「乗り換え先」として使えそうなサービスをまとめてみました。 Webサービス まずはGoogleリーダーと同じWebサービス型のRSSリーダーから。国産ではlivedoor Reader、海外産だとFeedspot、Feedlyあたりが有力候補でしょうか。 livedoor Reader http://reader.livedoor.com/ livedoorが提供しているサービス。RSSリーダーの定番として有名で、国内では利用者ナンバーワンを誇る。インタフェースも近いため比較的乗

米GoogleがRSSリーダー「Google Reader」を7月1日に終了すると発表したのを受け、国内外の各社がGoogle Readerユーザーの獲得に名乗りをあげている。日本のヤフーも移行ツールを「爆速」で準備しているという。 ヤフーは「My Yahoo！」でRSSリーダー機能を提供しており、公式Facebookで「乗り換えをお考えの方はぜひお試しください」とプッシュ。Googleリーダーからの引っ越しツールも「爆速準備中」という。 NHN Japanが提供するRSSリーダー「livedoor Reader」は、Google Readerからの移行方法を、同社の櫛井優介さんがブログで紹介しているが、「今のところ、引っ越しツールの提供予定はない」（同社）という。 記事を雑誌風に表示できるRSSリーダー「Feedly」（米DevHDが運営）は、Google Readerの終了をあらかじめ

このエントリでは、Webアプリケーションにおけるログアウト機能に関連して、その目的と実現方法について説明します。 議論の前提 このエントリでは、認証方式として、いわゆるフォーム認証を前提としています。フォーム認証は俗な言い方かもしれませんが、HTMLフォームでIDとパスワードの入力フォームを作成し、その入力値をアプリケーション側で検証する認証方式のことです。IDとパスワードの入力は最初の1回ですませたいため、通常はCookieを用いて認証状態を保持します。ログアウト機能とは、保持された認証状態を破棄して、認証していない状態に戻すことです。 Cookieを用いた認証状態保持 前述のように、認証状態の保持にはCookieを用いることが一般的ですが、Cookieに auth=1 とか、userid=tokumaru などのように、ログイン状態を「そのまま」Cookieに保持すると脆弱性になります

twitter→ɹəʇʇɪʍʇのように英数字を180度回転する際に役立つ情報を掲載。この他、TeXで文字を回転して表示する方法についても。 どうやって180度回転するか “twitter”を“ɹəʇʇɪʍʇ”に、“7-11”を“⇂⇂-L”にするように、英数字を180度回転させて面白おかしく見せるという遊びがある。これは、英数字をひっくり返した形とよく似た文字を使っている。例えば、“M”を実際にひっくり返すかわりに、これをひっくり返した形によく似ている“W”を用いるのである。 自分でひっくり返した形を見つけるのは面倒だろう。だが、簡単に180度回転ができるウェブサービスが提供されており、これを使えばすぐにひっくり返してみせることができる。また、この記事に、英数字をひっくり返した形とよく似た文字の一覧を付けたので参考にしていただければ幸いである。 なお、ひっくり返した形とよく似た文字を使うのは