Home » アクセシビリティ
アクセシビリティ
ウェブマジックは、利用者に優しいホームページデザインを心がけています。
以下は、島根県ホームページ作成ガイドラインを参考にウェブマジックが取り組んでいるアクセシビリティ配慮です。
お客様のホームページを制作する際の基本ともなります。
参考までにホームページを閲覧するユーザーや閲覧環境を考えてみましょう。
- 老眼である。色弱である。あるいは、目が見えない。
- マウス操作が出来ない。手に障害がある。
- 古いパソコンを使用している。
- ブロードバンド環境ではない。
- Internet Explorer以外のブラウザを使用している。
ほんの一例ですが、ホームページを閲覧している人、閲覧環境は千差万別です。
ウェブマジックは、利用者に優しいホームページデザインをモットーとしています。すなわち、どのような方でも、どのような閲覧環境でもホームページを見る事が出来るホームページということです。
- アクセシビリティとは
-
以下はウィキペディアから引用しています。
アクセシビリティ(accessibility)とは、高齢者・障害者を含む誰もが、様々な製品や建物やサービスを支障なく利用できることあるいはその使いやすさをいう。
ウェブページにおけるアクセシビリティは、そのウェブページが、高齢者や障害者も含めた、誰もが情報を取得・発信できる柔軟性に富んでいて、アクセスした誰もが同様に情報を共有できる状態にあること(あるいはその度合い)を意味する。日本語では「アクセシビリティに配慮する」あるいは「アクセシビリティを高める」といった表現で用いられる。
公共サイトにおいては、情報取得機会の均等性確保を担う情報保障上、重要な概念となる。
ウェブページの中には、ウェブブラウザや解像度を制限したもの、JavaScriptやMacromedia Flashを使用したものが多数存在するが、ウェブコンテンツ・アクセシビリティ・ガイドライン(WCAG1.0)に基づいて制作されたウェブページでは代替情報の付加等により障害者が情報を取得することが出来るウェブページを目指し、ウェブを視覚に頼らずテキストベースで巡回する検索ロボットがHTML 2.0にも対応できることで、効率的に検索されるという利点がある。
- アクセシビリティについての詳細
ウェブマジックの取組
記述言語及び装飾
- マークアップ言語の指定
-
ブラウザの違い、またバージョンの違いなどで表示が異なったり、レイアウトが崩れないようにウェブ標準仕様に基づいた指定をしています。
- 正しい文書構造での記述
-
装飾を取り除いた文章表現だけでも、ホームページの内容が伝わるように、見出しと文章、リスト項目など基本を大切に正確な記述を心がけています。
- 文書構造と装飾指定の分離
-
xhtml構造(ホームページを表示する為の言語)と装飾指定(以下css/カスケーディングスタイルシート)を分離する事でファイルサイズの軽減を図ると共に、上記文書構造だけでも意味の伝わるホームページ構造を構築しています。
- 特定のブラウザに依存した指定をしない
-
どのようなブラウザの種類でも、あるいはバージョンでも同等の表示が出来る指定をしています。特定のブラウザ、特定のバージョンのみに適用させるcss指定はしていません(cssハック)。
文字について
- 文字サイズの変更
-
ユーザー側で文字サイズの変更が出来るよう、cssのフォントサイズ指定は固定せず、相対的な指定を使用しています。
- コントラストをつける
-
文字と背景のコントラストをつけ、文章が読みやすく、分かりやすい指定をしています。
- 空白スペースを多様しない
-
単語間に空白スペース(全角スペース/半角スペース)をつくると、音声読み上げソフトでは上手く読み取れません。
リンクについて
- 分かりやすいリンク指定
-
リンクテキストあるいは、ボタンである事が誰が見ても、ひと目で分かるような指定を心がけています。
- リンクテキスト
-
リンクの指定してあるテキストは、ここ|こちら等の表現は使わず、リンク先が明確に分かるように指定しています。
- ナビゲーション
-
どのページへアクセスがあっても、目的の情報に極力少ない移動で辿りつけるようにルートナビゲーションを配置しページの階層構造を表示ています。
また、どのページも同一デザインとし、グローバルナビゲーションも配置しています。
その他
- 代替え情報の設置
-
表示されなかった場合にも閲覧者に情報が伝わるように代替えテキストを設置しています。
- テーブル要素
-
テーブルタグを使用した場合は、音声読み上げソフトの事を考慮し、配置、見出し及びテーブルの要約添付を実施しています。
- ページタイトル
-
各ページのタイトルは、ページ内容が分かるように、それぞれ個別に指定しています。
ホームページデザインウェブマジックでは、島根県松江市を中心に島根県内外の中小企業様から個人事業主様まで、それぞれの目的に応じたホームページを丁寧にそして格安にて制作/作成しています。例えば下記業種様のホームページを格安にて制作/作成させていただきます。
- 官公庁・NPO関係のweb
-
- 各種組合
- 各種団体
- NPO法人
- 役場
- 公共施設 等
- 教育業・教育産業関係のweb
-
- 学校法人
- 保育園
- 幼稚園
- 小学校
- 中学校
- 高校
- 専門学校
- 塾
- 予備校 等
- 医療・福祉産業関係のweb
-
- 一般病院
- 個人病院
- 各専門病院
- 特別養護老人ホーム
- 老人保健施設
- 訪問介護事業
- デイサービスセンター
- 介護用品店 等
- 建設業関係のweb
-
- 建設会社
- 建築会社
- 土木会社
- 造園会社
- 設備会社
- 電気会社
- ガス会社
- 水道会社
- 塗装会社
- 石材店
- たたみ会社
- 工務店
- 不動産会社 等
- ファッション/インテリア関係のweb
-
- 衣料品店(子供服/一般衣料)
- 呉服店
- 宝石店
- 時計店
- アクセサリーショップ
- 雑貨店
- 美容院・理容店
- エステティックサロン
- インテリアショップ
- 家具店
- 寝具店
- 美術・工芸品店
- 骨董店 等
- 飲食業関係のweb
-
- 喫茶店
- 食堂
- 居酒屋
- ベーカリー
- 和菓子製造販売
- 酒類製造販売
- 各地名産品販売店
- 青果店 等
- 法律業関係のweb
-
- 法律事務所
- 司法書士事務所
- 行政書士事務所
- 税理士事務所
- 土地家屋調査士事務所
- 各種保険代理店 等
- 個人経営教室などのweb
-
- 学習塾
- スポーツ教室
- ピアノ教室
- 英会話教室
- 料理教室 等
- ネットショップ
- インターネットを利用した各種オンラインショッピングサイト(通販サイト)も制作しています。個人輸入品販売・リサイクル品販売・ペット用品販売・アクセサリー販売 等、小規模なネットショップからでも制作しております。