axe Developer Hubからのエクスポート
This page is not available in the language you requested. You have been redirected to the English version of the page.
Link to this page copied to clipboard
axe Developer Hubからエクスポートできる情報
Not for use with personal data
この記事では、axe Developer Hubからアクセシビリティの問題をエクスポートし、他の場所で利用する方法について説明します。問題はJSONかCSV形式でエクスポートできます。
エクスポート
axe Developer Hubのサマリーページから、テスト実行の問題をCSVまたはJSON形式でエクスポートできます。
エクスポート例
この記事のエクスポートデータの例では、ソースHTMLに1つのアクセシビリティエラーがあります：ウェブページは lang 属性が html 要素にありませんでした； <html> の代わりに <html lang="en">が使われました。
CSVの例
CSVファイルの最初の行は列名を示しています。
note
各列の値は引用符で囲まれています、なぜなら一部の列（例えば タグ）にはカンマが含まれることがあるからです。
説明、 ルールヘルプ、および サマリー 列にはHTMLタグが含まれる可能性があるため、ウェブページに含める前に内容をエスケープする必要があります。
"Rule ID","Description","Rule Help","Help URL","Impact","Element Location","Element Source Code","Page State","Summary","Tags","Created At"
"html-has-lang","Ensures every HTML document has a lang attribute","<html> element must have a lang attribute","https://dequeuniversity.com/rules/axe/4.6/html-has-lang?application=axeAPI","serious","html","<html>","http://localhost:3000/index.html","Fix any of the following:
The <html> element does not have a lang attribute","cat.language,wcag2a,wcag311,ACT","2023-03-20T17:43:17.204Z"以下でCSV列とJSONプロパティの説明を参照してください。 CSVの列およびJSONプロパティの説明 についての情報です。
JSONの例
同じく欠落した lang 属性の場合、エクスポートされたJSONは次のように表示されます：
[
{
"id": "html-has-lang",
"impact": "serious",
"tags": [
"cat.language",
"wcag2a",
"wcag311",
"ACT"
],
"description": "Ensures every HTML document has a lang attribute",
"help": "<html> element must have a lang attribute",
"helpUrl": "https://dequeuniversity.com/rules/axe/4.6/html-has-lang?application=axeAPI",
"nodes": [
{
"page_state": "http://localhost:3000/index.html",
"created_at": "2023-03-20T17:43:17.204Z",
"html": "<html>",
"target": [
"html"
],
"failureSummary": "Fix any of the following:\n The <html> element does not have a lang attribute"
}
]
}
]エクスポートJSONのJSONプロパティについては次のセクションを参照してください。
CSV列およびJSONプロパティの説明
次の表では、CSVの列とJSONのプロパティを説明します。JSONにはいくつかの埋め込みオブジェクトがあります：
- タグ、各タグを表す文字列の配列
- ノード、 ノード オブジェクトの配列
- ノード、各アクセシビリティエラーに関する情報を表すオブジェクト
以下の表では、 ノード オブジェクトとその含まれるプロパティが ノードとして表現されています。プロパティ名。
| CSV列名 | JSONプロパティ | 説明 |
|---|---|---|
| ルールID | id | axe-coreルール名。詳しくは axe-coreルールの説明 を参照してください。 |
| 説明 | description | アクセシビリティの不具合の説明 |
| ルールヘルプ | help | アクセシビリティの不具合の修正方法に関する情報 |
| ヘルプURL | helpUrl | ここでの情報へのリンク: Deque University このアクセシビリティの不具合について |
| 影響 | impact | 欠陥の重大度: 軽微、 中程度、 深刻、または 重大 |
| 要素の位置 | node.target (配列) | エラーの位置を示すCSSセレクタ |
| 要素のソースコード | node.html | エラーのソースHTML |
| ページ状態 | node.page_state | エラーを含むページのURL |
| 概要 | node.failureSummary | このエラーの修正に関する説明 |
| タグ | node.tags (配列) | このルールが属するタグ。詳しくは axe-coreルールの説明 を参照してください。 |
| 作成日 | node.created_at | このエラーが検出された日時（ISO 8601形式、UTCタイムゾーン） |