トップページ > サイト作成 > 作成ソフト > アクセシビリティ拡張機能 -Dreamweaver-
アクセシビリティ拡張機能 -Dreamweaver-
準備するもの
「Dreamweaver MX2004」にはJIS対応のアクセシビリティチェックを行うことができます。
チェック項目はJIS X8341-3:2004に対応したで、これは高齢者・障害者および一時的に障害のある人がWebサイトを利用できるようにするためのガイドラインです。
アクセシビリティチェックの機能を追加するには、プラグインをインストールすることで利用可能になります。
準備(1)プラグインのダウンロード
「Dreamweaver」の公式サイトより、プラグインをダウンロードします。
準備(2)プラグインのインストール
ダウンロードしたファイルは圧縮されているため解凍ソフトで展開し、ファイルをダブルクリックするだけでインストール完了です。
※インストールには、Dreamweaverインストール時に同時にインストールされた「Extension Manager」を使用します。
準備(3)インストール完了
インストールが完了すると、下図のように説明文が表示されます。
準備(4)アクセシビリティチェックの方法
「Dreamweaver」を起動し、メニューの「サイト」→「レポート」→「サイトレポート」を選択します。
下図の緑色の右向き三角アイコンを押します。
準備(5)チェック項目の設定
チェック対象のコンテンツ、そのコンテンツのチェック項目を選択して「実行」します。
準備(6)チェック結果の表示
チェックの結果がウィンドウに表示されます。
問題がある場合結、「×（要修正）」あるいは「？（要チェック）」のどちらかが表示されます。「×（要修正）」は、明らかに問題があり修正を行う必要があることを示し、「？（要チェック）」は、ツールでは自動的に判断できないので自分で問題の有無をチェックする必要があることを示します。それぞれの問題箇所を選択すると、Dreamweaverの編集画面で該当箇所を確認することができます。
関連記事
Visual Studio Code でファイルやフォルダを開いて編集する方法
ソフトウェア
Visual Studio Code はプログラムを行う際に利用するテキストエディタだが、複数のファイルで構成されるアプリケーションやウェブサイトではフォルダでまとめられることが多いため、VSCode でファイルやフォルダを開いて編集する方法について紹介する。
ソフトウェア
無料でプログラム開発ができる Visual Studio Code は一般的なテキストエディタと同じようにソースコードを記入する欄の他に、フォルダ階層やプログラムの実行結果を同時に表示することができるため、主となる 6 つの作業エリアと役割について紹介する。
Photoshop, ソフトウェア
Photoshop でキャンパスに配置した図形や読み込んだ画像内の特定の色を削除したり、透明化する場合の手順を紹介する。色を削除すると切り抜かれた状態となるためキャンバスの背景色の色が表示されるようになり、もし背景色を透明にしている場合は背面に画像等を配置することで合成することができる。
Photoshop でスライスツールを使って画像を均等に分割する方法
Photoshop, ソフトウェア
Photoshop で画像や写真を分割する場合はスライスツールを利用することが多く、自由に位置を決めて分割できる他、横幅または縦幅の長さで数量を指定して均等に分割する方法について解説する。
Photoshop, ソフトウェア
Photoshop で写真に写っている対象全体の明るさや暗さを調整したり、明暗の階調のバランスを調整したい場合に利用するレベル補正の機能の概要と使い方について紹介する。
