8

サイトでスキャンを実行して、次のレポートを返したいと考えています。

  1. 見つかった各画像タグと、レポート上のその画像の視覚的表現
  2. その画像の alt 属性 (alt 属性が見つからないかどうかも識別します)

これを行う簡単なツールはありますか？alt 属性を確認し、alt 属性がイメージを正確に表していることを確認しようとしています。そのため、レポートの視覚的表現が重要です。

4

6 に答える 6

3

Python パッケージの Beautiful Soup を試してください。非常に単純なステートメントで、すべての HTML を解析します。このコードを試してください：

website = urllib2.urlopen(url)
websitehtml = website.read()
soup = BeautifulSoup(websitehtml)
matches = soup.findAll('img')
for row in matches:
    print row['src']
    print row['alt']

ここから画像row['src']の を設定し、その横にsrc印刷しaltます。

于 2012-04-06T00:38:46.543 に答える
1

Accessify.com には、ブックマークレット (または「お気に入り」) として多数のアクセシビリティ テスト ツールがあります。それらの1つは、あなたが探していると私が思うことをします。そのページで「Alt attributes - show all」を探します。そのリンクをブックマークにドラッグし、テストするページで使用します。

また、Web Accessibilty Toolbar (Internet Explorer および Opera で使用可能) には、[画像] の下に [画像の一覧表示] オプションがあり、画像とそれぞれに関連付けられたコードの一覧表示を行います。

サイト全体のチェックに関しては、 aDesignerのように、このような機能を備えた無料のアクセシビリティ チェッカーが利用可能です。

于 2011-03-24T12:37:12.017 に答える
0

この回答は、 Selenium を使用してサイトに代替テキストが存在する画像をチェックするためのいくつかの指針です。

于 2012-03-10T05:32:26.923 に答える
0

http://sourceforge.net/projects/simplehtmldom/

私はそのようなものを使いたいと思います。とても良くて使いやすいです！

于 2011-01-06T15:50:18.473 に答える
0

たとえば、Jeremy が提供したもののように機能するものが必要なようです。つまり、各画像とその alt 属性を含む長いリストです。問題は、これでは有用な alt 属性を提供するのに十分なコンテキストが提供されないことです。なぜなら、alt 属性は (一般に) 「それらが表す画像を正確に説明する [...]」 べきではなく、むしろその画像が何であるかを説明するべきだからです。現在のページで表すことを意図しています。有用な代替テキストの書き方を簡単に説明するのは困難です。alt 属性に関するウィキペディアの記事自体は、現在の状態ではひどいものですが、参考文献は役に立ちます。もちろん、これに関連する他の多くの SO の質問があります。

あなたが要求したことを実行する事前に作成されたツールがあるかもしれません。たとえば、すべてのページが開始ページからアクセスできる場合、Web サイト全体をクロールしてリストを生成することができます。ただし、検索などによってしかアクセスできないページがある場合は、サイト固有のツールが必要になる可能性があります。

いずれにせよ、そのようなツールが利用可能であると仮定しましょう。それでも、その使用はかなり制限されています。Web サイト上のすべての画像のリストとそれに関連付けられた代替テキストを取得できたとしても、一度に 1 ページずつすべてのページにアクセスし、おそらく一部のブラウザーで Web 開発者用拡張機能を使用する必要があります (そのようなツールがあります)。他の回答で提供されていると思います）、ページ上のすべての代替テキストを表示します。次に、関連するページで画像が実際に何に使用されているかがわかったら、代替テキストを修正します。

そのため、あなたがリクエストしているこのツールは、alt 属性が誤って使用されている可能性のあるページ (つまり、画像が含まれるページ) を見つける場合にのみ役立ちます。(ただし、検討しているサイトによっては、これでももちろん役立つ場合があります。) 画像が実際に使用されている Web ページを開く (または、必要に応じて、ページの HTML コードを読み取る) 必要があります。正しい/より良い代替テキストが何であるかを見つけてください。

したがって、せいぜい、検査する必要がある画像を含むページのリストを取得するだけです。ただし、代替テキストが必要なボタン (画像background-imageではなく) を表示するために CSS プロパティが使用されている場合など、これではいくつかの重要なケースが見逃されます。img

于 2012-04-30T19:07:26.390 に答える