ロービジョン「弱視」の人は、Webサイトをどのように使うのか？ ユーザー調査結果を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
「ロービジョン」をご存知ですか？視覚障害という言葉を聞くと、多く人は、全く見えない「全盲」という状態を連想するかと思います。しかし実際には、視覚障害とされる方の中には、わずかながら見えるという方もいます。 わずかでも視力があるなら、眼鏡やコンタクトレンズで視力の矯正をすれば良いと思うかもしれません。しかし、矯正しても十分な視力が得られない人もいます。また、視野が狭い、視野の一部が欠けているなど、別の要因で見えにくい人もいます。 このように、矯正をしても見えにくい状態を「弱視」あるいは「ロービジョン」と言います。実は、視覚障害とされる方の6割が「ロービジョン」だと言われており、割合としては全盲の方よりも多いのです。 では、ロービジョンの方はどのようにしてWebを利用するのでしょうか？ この問いの答えは、一言で言うと「人によって異なる」です。先に述べたように、ロービジョンといっても見え方はさま
階層構造を考えたホームページ構成とは サイト構造やツリーの作り方のヒント【第9回】 | 今さら人に聞けないWebの仕組み
Webサイトを作るとき、データをどう整理すればいいのでしょうか？ 雑多にデータを置いてしまうと、サイトの構造はあっと言う間にごちゃごちゃになってしまいます。 みなさんが普段パソコンでフォルダを作成するとき、ごく自然にやっていると思いますが、大まかなフォルダを作ってその中にファイルを格納していきますよね。 それと同じく、Webサイトにもファイル分けが欠かせません。今回はこのファイル分けに使う「階層構造」について説明します。 Webを構成するファイルがどのように置かれているかたとえば、あるサイトで企業情報の「会社概要」というページがあったとします。URLは以下です。 http://www.***.co.jp/company/profile.html 最初の「http://www.***.co.jp」までが、Webサーバーの住所を表していると考えてください。その後ろが、サーバー内のファイルのあり
地方自治体の災害関連ページを、無料でCDN化してアクセス集中に備える方法【SEO記事12本まとめ】 | 海外&国内SEO情報ウォッチ
地方自治体や公共団体のサイトで、災害時にアクセスが集中しても問題ないようにするには、CDN化やインフラの増強が基本だ。しかし、そうした追加コスト負担なしに、無料で利用できるCDNのインフラがある。予算のないところはぜひチェックしてみてほしい。 ほかにも、グーグル検索やSEOに関する最新の情報を、ポイントを絞ってわかりやすくお届けする。 h1タグはSEOに必要？ 不要？リンクの評価は時間がたっても消えない！アフィリエイトリンクに rel="sponsored" を付けるべき？コアアップデート対策をグーグルが公式解説検索結果での見せ方を細かく制御できる新しいタグをグーグルが導入Search Consoleでパンくずリストが正しく認識されているかチェックSearch Console関連の情報多数、新meta robotsタグの情報も ―― 10月のオフィスアワー良いSEO会社に発注するための3つ
新任Web担当者必見！自社サイトの運用レベルをチェックする7つのポイント | Web担当者Forum
4月といえば人事異動の季節。 新たにWeb担当者に着任した方も多くいらっしゃることでしょう。 そんな新人Web担（「うぇぶたん」といいます）のみなさまへ、自社サイトが健全に運営されているかをチェックするためのポイントをご紹介します。 ベテランWeb担の方とっても業務の棚卸しや改善のため参考になると思います。 1.ガイドラインは整備されているか？サイト運営に欠かすことのできないガイドライン、きちんと整備されかつメンテナンス可能な状態にあるかチェックしましょう。 ガイドラインといえばデザインやコーディング、CMS運用といった代表的なものから作業・承認フローや文章・平仄（ひょうそく）に関するルールまでさまざまありますが、これらのガイドラインが体系的に整備され、いつでも参照可能な状態が保たれていることは業務効率の点でも重要です。 見落とされがちなルールとして、ドメインやディレクトリの使い方がありま
Webサイト上の表記を統一したいと思った時に役立つ考え方 | Web担当者Forum
「問い合わせ」と「問合せ」とか、「ください」と「下さい」は、どっちが正解？ 残念ながら、この問題には正解はありません。 いわゆる表記の統一をしたい場面で、よく「どっちが正しいのか？」という観点で議論されるシーンを見かけますが、正解があるわけではありません。 たとえば、朝日新聞では「朝日新聞の用語の手引」という本を出していて、ルールを解説していますが、これはあくまで新聞というメディアの形式にとって最適化しているものです。 なので、NHKをはじめとした放送局のルールとは違います。 表記のルールというのは、それぞれのメディアの特性に合わせて自社で決めるものなのです。 Webサイトの場合も、それぞれのサイトの事情に合わせてルールを決めなくてはなりません。 特にWebサイトでは、さまざまなデバイス・環境で閲覧されることを前提に考えなくてはならなかったり、システムによって動的に表示されるテキストと画像
Service Workerがもつ圧倒的な力。SEO担当者は変化に適応が必要 | Moz - SEOとインバウンドマーケティングの実践情報
PWA、SPA、Service Workerとは？（前編で解説）SPAを可能にするApp Shellアーキテクチャ（中編で解説）Service Workerがもつ圧倒的な力まとめ3. Service Workerがもつ圧倒的な力最初にはっきりさせておきたいことがある。それは、ここまでで解説してきた「SPA」と、ここから取り上げる「Service Worker（サービス・ワーカー）」は、互いに排他的なものではないということだ。 つまりこの2つは共存するものだということだ。どちらもPWAと呼ばれるものの基盤となっているが、SPAではないPWAをつくることも可能だし、従来の静的なウェブサイト（クライアントサイドでレンダリングする処理がないサイト）にService Workerを統合することもできる（近い将来、そのようなサイトが増える僕は思っている）。 さらに、Service Workerはウェブ
「SEO」と「SPA/PWAによるUX向上」を両立させるハイブリッドレンダリングの基礎知識と実現手法 | Moz - SEOとインバウンドマーケティングの実践情報
前編を読んで最新ウェブ技術の入り口に立ったら、次はUXやパフォーマンスを実現するSPAの基本と、SEOのためのハイブリッドレンダリングの基本を理解しよう。 ここでは、ユーザーにとって快適なSPAを実現しながら、検索エンジンがコンテンツをクロール・インデックスできるようにするための基本的な知識として、 ディープURLインデックスサーバーサイドレンダリングハイブリッドレンダリングアイソモーフィックアプリプリレンダリングJSフレームワークによる完璧なハイブリッドレンダリング／静的サイトジェネレータといった具体的な手法を理解していこう。 URLが一意であるか、それがSEOのポイントしかし冒頭で述べたように、クライアントサイドのJavaScriptへの依存度が高い状況は、SEOにとって問題だ。 歴史的に見ると、このような問題の多くは、次のようなギャップに起因する。 検索エンジンのクローラーは、コンテ
デザインの原理原則とは？ 4つの「Before、After事例」で差が出るポイントを学ぶ | ウェブ解析士会議
この3行の説明のうち、「手を動かして何かを作る」というのは最後の1行のみしかない。つまり、デザインの全体のうち3分の2は手を動かして何かを作る前にやることがあるということ。これがデザインの本質だと鷹野氏は言う。 続けて、鷹野氏は自身が考えるデザインの定義を次のように説明した。 具体的な問題を解決するために情報などを【取捨選択して整理し、“スッキリ”させる作業】 具体的に「スッキリさせる作業」とは、以下の3つだ。 内容をスッキリさせる 何を盛り込む／盛り込まないべきなのか、内容を精査する 見た目をスッキリさせる スッキリした（余白が多めの）デザインがトレンド 気持ちをスッキリさせる 気持ちがスッキリしないと行動に結びつかない 初めての人と何度も経験している人では、抱えている課題が異なる。たとえば、初めての人であれば、スケジュール感、必要なもの、段取りなど、いろいろわからないことだらけだろう。
組織のモチベーションを上げる。Webアクセシビリティ対応を浸透させた「BBC」の事例 [CSUNレポート] | イベント・セミナー
「アクセシビリティ」をテーマに、年に1度開催されているグローバルカンファレンス「CSUN」。今年の参加メンバーがレポートする本連載記事の第1回ではインフォアクシアの植木氏がCSUNの全体像を、第2回ではコンセントの中村が訴訟コストに関するセッションを、第3回では同社の佐野がPDFをはじめとする文書アクセシビリティ等についてご紹介してきました。 連載最終回となる第4回では、コンセントのディレクターの足立が、「アクセシビリティを組織全体に浸透させたBBCの事例」と「Webコンテンツのアクセシビリティをチェックするツールの活用例」の2つを紹介します。 BBCの「モチベーション」を軸にしたアクセシビリティへの継続的な取り組み一つ目は、「Achieving Inclusive Accessibility Thinking Without Sticks or Carrots（アメとムチを使わずにインク
![組織のモチベーションを上げる。Webアクセシビリティ対応を浸透させた「BBC」の事例 [CSUNレポート] | イベント・セミナー](https://cdn-ak-scissors.b.st-hatena.com/image/square/bfee71988c7e0870a5a1a20f1631de27a3776671/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2019%2Fconcent%2Fcsuno4_ogp.jpg%3Fitok%3DnGj9ugcX)
サイトリニューアル成功のカギを握る「4つの確認事項」とは？／はじめてのサイトリニューアル（第1回） | 失敗しない！ はじめてのサイトリニューアル | Web担当者Forum
自社サイトを運営していると、じつにさまざまな理由でサイトリニューアルの機会はやってきます。 自社サイト経由の問い合わせが伸びない検索エンジンからの集客が毎年減り続けているといった明確な理由にもとづいて行われる例はまれで、 競合サイトがリニューアルしてから景気がよさそう世の中のデバイストレンドに自社サイトが乗り遅れているブランドリニューアルにあわせて自社サイトも一新したいなど、なんとなくリニューアルをしようという雰囲気になって始動することも少なくありません。 そういった「なんとなくリニューアル」では、デザインや機能、コンテンツの充実など、「どのように作るか」に目が行きがちです。しかしながら、どんなにカッコよくて、先進的な機能を搭載したサイトであったとしても、結果に繋がらなければ、リニューアルは成功とは言えません。 結果とはすなわち、会社の売上や利益への貢献です。経営的な視点で見れば、リニュー
ユーザーは音声だけでWebサイトをどう使うのか？ 弁護士ドットコム、アクセシビリティユーザー調査の結果を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
いよいよユーザーテストに入ります。テストの結果どうなり、何がわかったのでしょうか。今回は、ユーザーテスト本番の様子をお伝えします。 中根さん登場！前回の記事でもご紹介した中根さんに、実際に当社までお越しいただきました。中根さんは、アクセシビリティの専門家です。かつてはW3CのWAI (Web Accessibility Initiative) でアクセシビリティガイドラインの策定にも関わっており、現在ではアクセシビリティの情報サイト「AccSell」を主催して、Webに限らず、アクセシビリティ全般の情報を積極的に発信されています。 弁護士ドットコムの社内からは、20名ほどの参加者が集まりました。テストに先立ち、まずは視覚障害者の一般的な環境や、中根さんの普段の利用方法をご紹介いただきました。この内容は第1回、第2回の記事で触れた内容と重複しますので、そちらをご覧いただければと思います。 い
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ゼロから始めるアクセシビリティ 「Backlog」の事例に学ぶ、ユーザーのための改善とは | イベント・セミナー
Instagramの基本は「画像を使ったフィード投稿」、最適な画像サイズや投稿の管理方法を紹介 | ステップ・バイ・ステップで始める! 企業のInstagramマーケティング
どの構造化データをWebサイトのどこに入れるのがいい？ 5つの設計手順で大規模サイトでもOK！ | Moz - SEOとインバウンドマーケティングの実践情報
「ビヨンセの公式サイトも訴えられた」企業Webサイトがアクセシビリティに取り組むべき理由とは？ | イベント・セミナー
JSON-LDで構造化データマークアップをする書き方超入門 | Moz - SEOとインバウンドマーケティングの実践情報
【すぐできる】Facebook広告のやり方｜アカウント作成から入稿まで | あなたがやるのよ！ 未経験でもわかるSNS広告運用
サイトリニューアル作業をスムーズに進めるための「要件定義」。仮説立案と合意形成の勘所を解説 | 【レポート】Web担当者Forumミーティング 2019 Spring
Webフォントとは 使い方や「読み込みが重い？遅い？」に回答 | インタビュー
ユーザーテスト終了後、Webサイトのアクセシビリティ改善はどう進める？ 優先度付けの手順を公開 | 弁護士ドットコムがアクセシビリティに本気で取り組む狙い
