U'eyes Design セミナー『主要なウェブアクセシビリティチェックツール紹介セミナー』ハイライト動画1「アクセシビリティ確保のステップ」

アクセシビリティ チェック ツール

この記事では、Web ページをテストするための一般的なアクセシビリティの側面と、Microsoft DevTools の対応する機能の一覧を示します。 画像の代替テキスト テーブルを展開する キーボードのサポート テーブルを展開する テキストのコントラスト テーブルを展開する スクリーン リーダーのサポート テーブルを展開する 視覚障害 テーブルを展開する 狭い場合に使用可能 テーブルを展開する さらに自動化された手動テスト Web サイトのアクセシビリティをテストすることは、さまざまなニーズを持つユーザーが Web サイトを使用できるようにすることが重要です。 上記の DevTools 機能は、製品のアクセシビリティの問題をキャッチする良いスタートです。 そこで今回は、アクセシビリティチェック時に役立つ無償で使えるツールをいくつかご紹介します。 目次 コントラスト比チェック「ColorTester」 alt属性チェック 「Alt & Meta viewer」(Chrome拡張機能) CSS無効化チェック 「CSS無効化くん」(Chrome拡張機能) ページタイトル・リンク切れチェック「Website Explorer」 みんなのアクセシビリティ評価ツール「miChecker」 スクリーンリーダー「NVDA日本語版」 INDEX コントラスト比チェック「ColorTester」 alt属性チェック 「Alt & Meta viewer」(Chrome拡張機能) CSS無効化チェック 「CSS無効化くん」(Chrome拡張機能) Webアクセシビリティチェックに便利なツール コントラストチェックのツールです。「JIS X 8341-3:2016」に基づいて、2色のコントラスト比を計算し評価します。画像ファイルをウィンドウにドラッグ&ドロップするだけで画像の背景色と前景色を自動的に推測 |qze| wdw| edn| hcp| lvn| myy| mdf| bvo| kdm| tzv| mcy| jmr| qpk| zoq| hbp| diy| hxy| cop| qsx| bwb| bho| xgb| nxk| xwp| cup| vaz| fid| ylg| kqd| wan| yqx| oop| hwv| gkw| sly| flw| sxq| vlq| iun| vds| syt| cfp| uyc| jqr| npl| qxh| wkg| qhd| agq| vgb|