[{"data":1,"prerenderedAt":1984},["ShallowReactive",2],{"navigation_docs":3,"-frontend-media-accessibility":190,"-frontend-media-accessibility-surround":1979},[4,136,150,183],{"title":5,"path":6,"stem":7,"children":8},"Frontend","\u002Ffrontend","1.frontend",[9,13,39,76,109,130],{"title":10,"path":6,"stem":11,"order":12},"フロントエンド ガイドライン","1.frontend\u002Findex",1,{"title":14,"path":15,"stem":16,"children":17},"HTML","\u002Ffrontend\u002Fhtml","1.frontend\u002F1.html\u002Findex",[18,19,23,27,31,35],{"title":14,"path":15,"stem":16},{"title":20,"path":21,"stem":22},"コードスタイル","\u002Ffrontend\u002Fhtml\u002Fcode-style","1.frontend\u002F1.html\u002Fcode-style",{"title":24,"path":25,"stem":26},"見出しタグ","\u002Ffrontend\u002Fhtml\u002Fheading","1.frontend\u002F1.html\u002Fheading",{"title":28,"path":29,"stem":30},"img タグ","\u002Ffrontend\u002Fhtml\u002Fimg","1.frontend\u002F1.html\u002Fimg",{"title":32,"path":33,"stem":34},"パスとリンク","\u002Ffrontend\u002Fhtml\u002Flink","1.frontend\u002F1.html\u002Flink",{"title":36,"path":37,"stem":38},"品質管理","\u002Ffrontend\u002Fhtml\u002Fquality","1.frontend\u002F1.html\u002Fquality",{"title":40,"path":41,"stem":42,"children":43},"CSS","\u002Ffrontend\u002Fcss","1.frontend\u002F2.css\u002Findex",[44,45,49,52,56,60,64,68,72],{"title":40,"path":41,"stem":42},{"title":46,"path":47,"stem":48},"命名規則・コンポーネント設計","\u002Ffrontend\u002Fcss\u002Farchitecture","1.frontend\u002F2.css\u002Farchitecture",{"title":20,"path":50,"stem":51},"\u002Ffrontend\u002Fcss\u002Fcode-style","1.frontend\u002F2.css\u002Fcode-style",{"title":53,"path":54,"stem":55},"Web フォント","\u002Ffrontend\u002Fcss\u002Ffonts","1.frontend\u002F2.css\u002Ffonts",{"title":57,"path":58,"stem":59},"記述順番","\u002Ffrontend\u002Fcss\u002Forder","1.frontend\u002F2.css\u002Forder",{"title":61,"path":62,"stem":63},"プロパティのルール","\u002Ffrontend\u002Fcss\u002Fproperties","1.frontend\u002F2.css\u002Fproperties",{"title":65,"path":66,"stem":67},"Tailwind CSS","\u002Ffrontend\u002Fcss\u002Ftailwind","1.frontend\u002F2.css\u002Ftailwind",{"title":69,"path":70,"stem":71},"値のルール","\u002Ffrontend\u002Fcss\u002Fvalues","1.frontend\u002F2.css\u002Fvalues",{"title":73,"path":74,"stem":75},"CSS 変数（カスタムプロパティ）","\u002Ffrontend\u002Fcss\u002Fvariables","1.frontend\u002F2.css\u002Fvariables",{"title":77,"path":78,"stem":79,"children":80},"JavaScript","\u002Ffrontend\u002Fjs","1.frontend\u002F3.js\u002Findex",[81,82,85,89,93,97,101,105],{"title":77,"path":78,"stem":79},{"title":20,"path":83,"stem":84},"\u002Ffrontend\u002Fjs\u002Fcode-style","1.frontend\u002F3.js\u002Fcode-style",{"title":86,"path":87,"stem":88},"エラーハンドリング","\u002Ffrontend\u002Fjs\u002Ferror-handling","1.frontend\u002F3.js\u002Ferror-handling",{"title":90,"path":91,"stem":92},"ライブラリの利用","\u002Ffrontend\u002Fjs\u002Flibraries","1.frontend\u002F3.js\u002Flibraries",{"title":94,"path":95,"stem":96},"HTML への読み込み","\u002Ffrontend\u002Fjs\u002Floading","1.frontend\u002F3.js\u002Floading",{"title":98,"path":99,"stem":100},"モジュール","\u002Ffrontend\u002Fjs\u002Fmodule-structure","1.frontend\u002F3.js\u002Fmodule-structure",{"title":102,"path":103,"stem":104},"命名規則","\u002Ffrontend\u002Fjs\u002Fnaming","1.frontend\u002F3.js\u002Fnaming",{"title":106,"path":107,"stem":108},"パフォーマンス最適化","\u002Ffrontend\u002Fjs\u002Fperformance","1.frontend\u002F3.js\u002Fperformance",{"title":110,"path":111,"stem":112,"children":113},"画像・メディアリソースガイドライン","\u002Ffrontend\u002Fmedia","1.frontend\u002F4.media\u002Findex",[114,115,119,123,127],{"title":110,"path":111,"stem":112},{"title":116,"path":117,"stem":118},"アクセシビリティ","\u002Ffrontend\u002Fmedia\u002Faccessibility","1.frontend\u002F4.media\u002Faccessibility",{"title":120,"path":121,"stem":122},"画像フォーマット","\u002Ffrontend\u002Fmedia\u002Fformats","1.frontend\u002F4.media\u002Fformats",{"title":124,"path":125,"stem":126},"ファイル命名規則","\u002Ffrontend\u002Fmedia\u002Fnaming","1.frontend\u002F4.media\u002Fnaming",{"title":106,"path":128,"stem":129},"\u002Ffrontend\u002Fmedia\u002Foptimization","1.frontend\u002F4.media\u002Foptimization",{"title":131,"path":132,"stem":133,"children":134},"開発環境テンプレート","\u002Ffrontend\u002Fenvironment","1.frontend\u002F5.environment\u002Findex",[135],{"title":131,"path":132,"stem":133},{"title":137,"path":138,"stem":139,"children":140,"page":149},"Deploy Release","\u002Fdeploy-release","2.deploy-release",[141,145],{"title":142,"path":143,"stem":144},"デプロイ","\u002Fdeploy-release\u002Fdeploy","2.deploy-release\u002Fdeploy",{"title":146,"path":147,"stem":148},"リリース","\u002Fdeploy-release\u002Frelease","2.deploy-release\u002Frelease",false,{"title":151,"path":152,"stem":153,"children":154},"Git","\u002Fgit","3.git",[155,159,163,167,171,175,179],{"title":156,"path":152,"stem":157,"order":158},"Git ガイドライン","3.git\u002Findex",3,{"title":160,"path":161,"stem":162},"ブランチ戦略","\u002Fgit\u002Fbranch","3.git\u002Fbranch",{"title":164,"path":165,"stem":166},"CI\u002FCD運用","\u002Fgit\u002Fcicd","3.git\u002Fcicd",{"title":168,"path":169,"stem":170},"コミットメッセージとタグ","\u002Fgit\u002Fmessage","3.git\u002Fmessage",{"title":172,"path":173,"stem":174},"Pull Request運用","\u002Fgit\u002Fpull-request","3.git\u002Fpull-request",{"title":176,"path":177,"stem":178},"リポジトリ運用","\u002Fgit\u002Frepository","3.git\u002Frepository",{"title":180,"path":181,"stem":182},"GitHub権限・セキュリティ","\u002Fgit\u002Fsecurity","3.git\u002Fsecurity",{"title":184,"path":185,"stem":186,"children":187,"order":189},"AI 利用ガイドライン","\u002Fai","4.ai\u002Findex",[188],{"title":184,"path":185,"stem":186,"order":189},4,{"id":191,"title":116,"body":192,"description":1973,"extension":1974,"links":1975,"meta":1976,"navigation":338,"path":117,"seo":1977,"stem":118,"__hash__":1978},"docs\u002F1.frontend\u002F4.media\u002Faccessibility.md",{"type":193,"value":194,"toc":1949},"minimark",[195,200,204,208,235,442,446,451,536,541,587,592,627,631,638,752,755,759,834,837,840,843,863,866,937,940,947,950,1033,1036,1139,1143,1146,1149,1154,1246,1251,1343,1347,1352,1463,1468,1622,1626,1631,1734,1739,1849,1852,1945],[196,197,199],"h2",{"id":198},"alt-属性","alt 属性",[201,202,203],"p",{},"画像に適切な alt 属性を設定することで、視覚障害者を含むすべてのユーザーが情報へアクセスしやすくなります。",[205,206,207],"h3",{"id":207},"基本原則",[209,210,211,219,229],"ul",{},[212,213,214,218],"li",{},[215,216,217],"strong",{},"意味のある画像",": 画像の内容を簡潔に説明",[212,220,221,224,225],{},[215,222,223],{},"装飾画像",": 空の alt 属性 ",[226,227,228],"code",{},"alt=\"\"",[212,230,231,234],{},[215,232,233],{},"テキスト画像",": 画像内のテキストをそのまま記載",[236,237,242],"pre",{"className":238,"code":239,"language":240,"meta":241,"style":241},"language-html shiki shiki-themes github-light material-theme material-theme-palenight","\u003C!-- ✅ 良い例 -->\n\u003Cimg\n  src=\"\u002Fimages\u002Fchart.webp\"\n  alt=\"2024年売上推移グラフ：前年比120%の成長\"\n  width=\"600\"\n  height=\"400\"\n\u002F>\n\n\u003C!-- 装飾画像 -->\n\u003Cimg src=\"\u002Fimages\u002Fdecoration.webp\" alt=\"\" width=\"100\" height=\"50\" \u002F>\n\n\u003C!-- ❌ 悪い例 -->\n\u003Cimg src=\"\u002Fimages\u002Fchart.webp\" alt=\"グラフ\" \u002F>\n","html","",[226,243,244,252,263,283,297,312,327,333,340,346,401,406,412],{"__ignoreMap":241},[245,246,248],"span",{"class":247,"line":12},"line",[245,249,251],{"class":250},"su8Ar","\u003C!-- ✅ 良い例 -->\n",[245,253,255,259],{"class":247,"line":254},2,[245,256,258],{"class":257},"sN50r","\u003C",[245,260,262],{"class":261},"sF3G6","img\n",[245,264,265,269,272,276,280],{"class":247,"line":158},[245,266,268],{"class":267},"sAjK8","  src",[245,270,271],{"class":257},"=",[245,273,275],{"class":274},"ssQ5U","\"",[245,277,279],{"class":278},"scigg","\u002Fimages\u002Fchart.webp",[245,281,282],{"class":274},"\"\n",[245,284,285,288,290,292,295],{"class":247,"line":189},[245,286,287],{"class":267},"  alt",[245,289,271],{"class":257},[245,291,275],{"class":274},[245,293,294],{"class":278},"2024年売上推移グラフ：前年比120%の成長",[245,296,282],{"class":274},[245,298,300,303,305,307,310],{"class":247,"line":299},5,[245,301,302],{"class":267},"  width",[245,304,271],{"class":257},[245,306,275],{"class":274},[245,308,309],{"class":278},"600",[245,311,282],{"class":274},[245,313,315,318,320,322,325],{"class":247,"line":314},6,[245,316,317],{"class":267},"  height",[245,319,271],{"class":257},[245,321,275],{"class":274},[245,323,324],{"class":278},"400",[245,326,282],{"class":274},[245,328,330],{"class":247,"line":329},7,[245,331,332],{"class":257},"\u002F>\n",[245,334,336],{"class":247,"line":335},8,[245,337,339],{"emptyLinePlaceholder":338},true,"\n",[245,341,343],{"class":247,"line":342},9,[245,344,345],{"class":250},"\u003C!-- 装飾画像 -->\n",[245,347,349,351,354,357,359,361,364,366,369,371,374,377,379,381,384,386,389,391,393,396,398],{"class":247,"line":348},10,[245,350,258],{"class":257},[245,352,353],{"class":261},"img",[245,355,356],{"class":267}," src",[245,358,271],{"class":257},[245,360,275],{"class":274},[245,362,363],{"class":278},"\u002Fimages\u002Fdecoration.webp",[245,365,275],{"class":274},[245,367,368],{"class":267}," alt",[245,370,271],{"class":257},[245,372,373],{"class":274},"\"\"",[245,375,376],{"class":267}," width",[245,378,271],{"class":257},[245,380,275],{"class":274},[245,382,383],{"class":278},"100",[245,385,275],{"class":274},[245,387,388],{"class":267}," height",[245,390,271],{"class":257},[245,392,275],{"class":274},[245,394,395],{"class":278},"50",[245,397,275],{"class":274},[245,399,400],{"class":257}," \u002F>\n",[245,402,404],{"class":247,"line":403},11,[245,405,339],{"emptyLinePlaceholder":338},[245,407,409],{"class":247,"line":408},12,[245,410,411],{"class":250},"\u003C!-- ❌ 悪い例 -->\n",[245,413,415,417,419,421,423,425,427,429,431,433,435,438,440],{"class":247,"line":414},13,[245,416,258],{"class":257},[245,418,353],{"class":261},[245,420,356],{"class":267},[245,422,271],{"class":257},[245,424,275],{"class":274},[245,426,279],{"class":278},[245,428,275],{"class":274},[245,430,368],{"class":267},[245,432,271],{"class":257},[245,434,275],{"class":274},[245,436,437],{"class":278},"グラフ",[245,439,275],{"class":274},[245,441,400],{"class":257},[205,443,445],{"id":444},"alt-属性の書き方","alt 属性の書き方",[201,447,448],{},[215,449,450],{},"情報を伝える画像",[236,452,454],{"className":238,"code":453,"language":240,"meta":241,"style":241},"\u003C!-- 具体的で有用な情報を提供 -->\n\u003Cimg\n  src=\"\u002Fimages\u002Fweather.webp\"\n  alt=\"明日の天気：晴れ、最高気温25度、最低気温18度\"\n\u002F>\n\n\u003C!-- 画像の機能や目的を説明 -->\n\u003Cimg src=\"\u002Fimages\u002Fdownload-icon.webp\" alt=\"PDFファイルをダウンロード\" \u002F>\n",[226,455,456,461,467,480,493,497,501,506],{"__ignoreMap":241},[245,457,458],{"class":247,"line":12},[245,459,460],{"class":250},"\u003C!-- 具体的で有用な情報を提供 -->\n",[245,462,463,465],{"class":247,"line":254},[245,464,258],{"class":257},[245,466,262],{"class":261},[245,468,469,471,473,475,478],{"class":247,"line":158},[245,470,268],{"class":267},[245,472,271],{"class":257},[245,474,275],{"class":274},[245,476,477],{"class":278},"\u002Fimages\u002Fweather.webp",[245,479,282],{"class":274},[245,481,482,484,486,488,491],{"class":247,"line":189},[245,483,287],{"class":267},[245,485,271],{"class":257},[245,487,275],{"class":274},[245,489,490],{"class":278},"明日の天気：晴れ、最高気温25度、最低気温18度",[245,492,282],{"class":274},[245,494,495],{"class":247,"line":299},[245,496,332],{"class":257},[245,498,499],{"class":247,"line":314},[245,500,339],{"emptyLinePlaceholder":338},[245,502,503],{"class":247,"line":329},[245,504,505],{"class":250},"\u003C!-- 画像の機能や目的を説明 -->\n",[245,507,508,510,512,514,516,518,521,523,525,527,529,532,534],{"class":247,"line":335},[245,509,258],{"class":257},[245,511,353],{"class":261},[245,513,356],{"class":267},[245,515,271],{"class":257},[245,517,275],{"class":274},[245,519,520],{"class":278},"\u002Fimages\u002Fdownload-icon.webp",[245,522,275],{"class":274},[245,524,368],{"class":267},[245,526,271],{"class":257},[245,528,275],{"class":274},[245,530,531],{"class":278},"PDFファイルをダウンロード",[245,533,275],{"class":274},[245,535,400],{"class":257},[201,537,538],{},[215,539,540],{},"複雑な画像（グラフ、図表）",[236,542,544],{"className":238,"code":543,"language":240,"meta":241,"style":241},"\u003C!-- 要約と詳細情報の提供 -->\n\u003Cimg\n  src=\"\u002Fimages\u002Fsales-chart.webp\"\n  alt=\"2024年四半期別売上：Q1 100万円、Q2 150万円、Q3 200万円、Q4 180万円\"\n\u002F>\n",[226,545,546,551,557,570,583],{"__ignoreMap":241},[245,547,548],{"class":247,"line":12},[245,549,550],{"class":250},"\u003C!-- 要約と詳細情報の提供 -->\n",[245,552,553,555],{"class":247,"line":254},[245,554,258],{"class":257},[245,556,262],{"class":261},[245,558,559,561,563,565,568],{"class":247,"line":158},[245,560,268],{"class":267},[245,562,271],{"class":257},[245,564,275],{"class":274},[245,566,567],{"class":278},"\u002Fimages\u002Fsales-chart.webp",[245,569,282],{"class":274},[245,571,572,574,576,578,581],{"class":247,"line":189},[245,573,287],{"class":267},[245,575,271],{"class":257},[245,577,275],{"class":274},[245,579,580],{"class":278},"2024年四半期別売上：Q1 100万円、Q2 150万円、Q3 200万円、Q4 180万円",[245,582,282],{"class":274},[245,584,585],{"class":247,"line":299},[245,586,332],{"class":257},[201,588,589],{},[215,590,591],{},"装飾目的の画像",[236,593,595],{"className":238,"code":594,"language":240,"meta":241,"style":241},"\u003C!-- 装飾画像は空のalt属性 -->\n\u003Cimg src=\"\u002Fimages\u002Fborder-decoration.webp\" alt=\"\" \u002F>\n",[226,596,597,602],{"__ignoreMap":241},[245,598,599],{"class":247,"line":12},[245,600,601],{"class":250},"\u003C!-- 装飾画像は空のalt属性 -->\n",[245,603,604,606,608,610,612,614,617,619,621,623,625],{"class":247,"line":254},[245,605,258],{"class":257},[245,607,353],{"class":261},[245,609,356],{"class":267},[245,611,271],{"class":257},[245,613,275],{"class":274},[245,615,616],{"class":278},"\u002Fimages\u002Fborder-decoration.webp",[245,618,275],{"class":274},[245,620,368],{"class":267},[245,622,271],{"class":257},[245,624,373],{"class":274},[245,626,400],{"class":257},[196,628,630],{"id":629},"figure-要素の活用","figure 要素の活用",[201,632,633,634,637],{},"複雑な画像やキャプションが必要な場合は、",[226,635,636],{},"figure","要素を使用してください。",[236,639,641],{"className":238,"code":640,"language":240,"meta":241,"style":241},"\u003Cfigure>\n  \u003Cimg\n    src=\"\u002Fimages\u002Farchitecture.webp\"\n    alt=\"システム構成図\"\n    width=\"800\"\n    height=\"600\"\n  \u002F>\n  \u003Cfigcaption>\n    新システムのアーキテクチャ概要：データベース、APIサーバー、フロントエンドの3層構成\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n",[226,642,643,652,659,673,687,701,714,719,728,734,743],{"__ignoreMap":241},[245,644,645,647,649],{"class":247,"line":12},[245,646,258],{"class":257},[245,648,636],{"class":261},[245,650,651],{"class":257},">\n",[245,653,654,657],{"class":247,"line":254},[245,655,656],{"class":257},"  \u003C",[245,658,262],{"class":261},[245,660,661,664,666,668,671],{"class":247,"line":158},[245,662,663],{"class":267},"    src",[245,665,271],{"class":257},[245,667,275],{"class":274},[245,669,670],{"class":278},"\u002Fimages\u002Farchitecture.webp",[245,672,282],{"class":274},[245,674,675,678,680,682,685],{"class":247,"line":189},[245,676,677],{"class":267},"    alt",[245,679,271],{"class":257},[245,681,275],{"class":274},[245,683,684],{"class":278},"システム構成図",[245,686,282],{"class":274},[245,688,689,692,694,696,699],{"class":247,"line":299},[245,690,691],{"class":267},"    width",[245,693,271],{"class":257},[245,695,275],{"class":274},[245,697,698],{"class":278},"800",[245,700,282],{"class":274},[245,702,703,706,708,710,712],{"class":247,"line":314},[245,704,705],{"class":267},"    height",[245,707,271],{"class":257},[245,709,275],{"class":274},[245,711,309],{"class":278},[245,713,282],{"class":274},[245,715,716],{"class":247,"line":329},[245,717,718],{"class":257},"  \u002F>\n",[245,720,721,723,726],{"class":247,"line":335},[245,722,656],{"class":257},[245,724,725],{"class":261},"figcaption",[245,727,651],{"class":257},[245,729,730],{"class":247,"line":342},[245,731,733],{"class":732},"sKuZN","    新システムのアーキテクチャ概要：データベース、APIサーバー、フロントエンドの3層構成\n",[245,735,736,739,741],{"class":247,"line":348},[245,737,738],{"class":257},"  \u003C\u002F",[245,740,725],{"class":261},[245,742,651],{"class":257},[245,744,745,748,750],{"class":247,"line":403},[245,746,747],{"class":257},"\u003C\u002F",[245,749,636],{"class":261},[245,751,651],{"class":257},[196,753,754],{"id":754},"スクリーンリーダー対応",[205,756,758],{"id":757},"aria-label-の活用","aria-label の活用",[236,760,762],{"className":238,"code":761,"language":240,"meta":241,"style":241},"\u003C!-- 複雑な操作ボタン -->\n\u003Cbutton type=\"button\" aria-label=\"商品をお気に入りに追加\">\n  \u003Cimg src=\"\u002Fimages\u002Fheart-icon.webp\" alt=\"\" \u002F>\n\u003C\u002Fbutton>\n",[226,763,764,769,801,826],{"__ignoreMap":241},[245,765,766],{"class":247,"line":12},[245,767,768],{"class":250},"\u003C!-- 複雑な操作ボタン -->\n",[245,770,771,773,776,779,781,783,785,787,790,792,794,797,799],{"class":247,"line":254},[245,772,258],{"class":257},[245,774,775],{"class":261},"button",[245,777,778],{"class":267}," type",[245,780,271],{"class":257},[245,782,275],{"class":274},[245,784,775],{"class":278},[245,786,275],{"class":274},[245,788,789],{"class":267}," aria-label",[245,791,271],{"class":257},[245,793,275],{"class":274},[245,795,796],{"class":278},"商品をお気に入りに追加",[245,798,275],{"class":274},[245,800,651],{"class":257},[245,802,803,805,807,809,811,813,816,818,820,822,824],{"class":247,"line":158},[245,804,656],{"class":257},[245,806,353],{"class":261},[245,808,356],{"class":267},[245,810,271],{"class":257},[245,812,275],{"class":274},[245,814,815],{"class":278},"\u002Fimages\u002Fheart-icon.webp",[245,817,275],{"class":274},[245,819,368],{"class":267},[245,821,271],{"class":257},[245,823,373],{"class":274},[245,825,400],{"class":257},[245,827,828,830,832],{"class":247,"line":189},[245,829,747],{"class":257},[245,831,775],{"class":261},[245,833,651],{"class":257},[196,835,836],{"id":836},"色彩とコントラスト",[201,838,839],{},"視覚に制約のあるユーザーにも情報が正しく伝わるよう、十分なコントラストや色以外の手段での情報伝達を心がけてください。",[205,841,842],{"id":842},"アクセシブルな色彩設計",[209,844,845,851,857],{},[212,846,847,850],{},[215,848,849],{},"コントラスト比",": WCAG 2.2 AA 準拠（4.5:1 以上）",[212,852,853,856],{},[215,854,855],{},"色だけに依存しない",": 形状やテキストでも情報を伝達",[212,858,859,862],{},[215,860,861],{},"色覚異常への配慮",": 判別しやすい色の組み合わせ",[205,864,865],{"id":865},"画像内テキストの配慮",[236,867,869],{"className":238,"code":868,"language":240,"meta":241,"style":241},"\u003C!-- 画像内テキストがある場合 -->\n\u003Cimg\n  src=\"\u002Fimages\u002Fbanner-text.webp\"\n  alt=\"新商品発売！50%オフセール開催中\"\n  width=\"400\"\n  height=\"200\"\n\u002F>\n",[226,870,871,876,882,895,908,920,933],{"__ignoreMap":241},[245,872,873],{"class":247,"line":12},[245,874,875],{"class":250},"\u003C!-- 画像内テキストがある場合 -->\n",[245,877,878,880],{"class":247,"line":254},[245,879,258],{"class":257},[245,881,262],{"class":261},[245,883,884,886,888,890,893],{"class":247,"line":158},[245,885,268],{"class":267},[245,887,271],{"class":257},[245,889,275],{"class":274},[245,891,892],{"class":278},"\u002Fimages\u002Fbanner-text.webp",[245,894,282],{"class":274},[245,896,897,899,901,903,906],{"class":247,"line":189},[245,898,287],{"class":267},[245,900,271],{"class":257},[245,902,275],{"class":274},[245,904,905],{"class":278},"新商品発売！50%オフセール開催中",[245,907,282],{"class":274},[245,909,910,912,914,916,918],{"class":247,"line":299},[245,911,302],{"class":267},[245,913,271],{"class":257},[245,915,275],{"class":274},[245,917,324],{"class":278},[245,919,282],{"class":274},[245,921,922,924,926,928,931],{"class":247,"line":314},[245,923,317],{"class":267},[245,925,271],{"class":257},[245,927,275],{"class":274},[245,929,930],{"class":278},"200",[245,932,282],{"class":274},[245,934,935],{"class":247,"line":329},[245,936,332],{"class":257},[196,938,939],{"id":939},"動的コンテンツの配慮",[201,941,942,943,946],{},"アニメーションや動画などの動的コンテンツは、ユーザーによっては情報取得や操作に支障をきたす場合があります。",[944,945],"br",{},"\ns すべてのユーザーが快適に利用できるよう、アクセシビリティへの配慮や代替手段の提供を心がけてください。",[205,948,949],{"id":949},"アニメーション画像",[236,951,953],{"className":238,"code":952,"language":240,"meta":241,"style":241},"\u003C!-- GIFアニメーションの配慮 -->\n\u003Cimg src=\"\u002Fimages\u002Fanimation.gif\" alt=\"製品の360度回転ビュー（自動再生）\" \u002F>\n\n\u003C!-- 停止機能の提供 -->\n\u003Cbutton onclick=\"stopAnimation()\">アニメーション停止\u003C\u002Fbutton>\n",[226,954,955,960,990,994,999],{"__ignoreMap":241},[245,956,957],{"class":247,"line":12},[245,958,959],{"class":250},"\u003C!-- GIFアニメーションの配慮 -->\n",[245,961,962,964,966,968,970,972,975,977,979,981,983,986,988],{"class":247,"line":254},[245,963,258],{"class":257},[245,965,353],{"class":261},[245,967,356],{"class":267},[245,969,271],{"class":257},[245,971,275],{"class":274},[245,973,974],{"class":278},"\u002Fimages\u002Fanimation.gif",[245,976,275],{"class":274},[245,978,368],{"class":267},[245,980,271],{"class":257},[245,982,275],{"class":274},[245,984,985],{"class":278},"製品の360度回転ビュー（自動再生）",[245,987,275],{"class":274},[245,989,400],{"class":257},[245,991,992],{"class":247,"line":158},[245,993,339],{"emptyLinePlaceholder":338},[245,995,996],{"class":247,"line":189},[245,997,998],{"class":250},"\u003C!-- 停止機能の提供 -->\n",[245,1000,1001,1003,1005,1008,1010,1012,1016,1019,1021,1024,1027,1029,1031],{"class":247,"line":299},[245,1002,258],{"class":257},[245,1004,775],{"class":261},[245,1006,1007],{"class":267}," onclick",[245,1009,271],{"class":257},[245,1011,275],{"class":274},[245,1013,1015],{"class":1014},"s3Zf7","stopAnimation",[245,1017,1018],{"class":278},"()",[245,1020,275],{"class":274},[245,1022,1023],{"class":257},">",[245,1025,1026],{"class":732},"アニメーション停止",[245,1028,747],{"class":257},[245,1030,775],{"class":261},[245,1032,651],{"class":257},[205,1034,1035],{"id":1035},"動画ポスター画像",[236,1037,1039],{"className":238,"code":1038,"language":240,"meta":241,"style":241},"\u003Cvideo poster=\"\u002Fimages\u002Fvideo-poster.webp\" controls>\n  \u003Csource src=\"\u002Fvideos\u002Fintroduction.mp4\" type=\"video\u002Fmp4\" \u002F>\n  \u003Cimg\n    src=\"\u002Fimages\u002Fvideo-poster.webp\"\n    alt=\"紹介動画のサムネイル：製品デモンストレーション\"\n  \u002F>\n\u003C\u002Fvideo>\n",[226,1040,1041,1065,1096,1102,1114,1127,1131],{"__ignoreMap":241},[245,1042,1043,1045,1048,1051,1053,1055,1058,1060,1063],{"class":247,"line":12},[245,1044,258],{"class":257},[245,1046,1047],{"class":261},"video",[245,1049,1050],{"class":267}," poster",[245,1052,271],{"class":257},[245,1054,275],{"class":274},[245,1056,1057],{"class":278},"\u002Fimages\u002Fvideo-poster.webp",[245,1059,275],{"class":274},[245,1061,1062],{"class":267}," controls",[245,1064,651],{"class":257},[245,1066,1067,1069,1072,1074,1076,1078,1081,1083,1085,1087,1089,1092,1094],{"class":247,"line":254},[245,1068,656],{"class":257},[245,1070,1071],{"class":261},"source",[245,1073,356],{"class":267},[245,1075,271],{"class":257},[245,1077,275],{"class":274},[245,1079,1080],{"class":278},"\u002Fvideos\u002Fintroduction.mp4",[245,1082,275],{"class":274},[245,1084,778],{"class":267},[245,1086,271],{"class":257},[245,1088,275],{"class":274},[245,1090,1091],{"class":278},"video\u002Fmp4",[245,1093,275],{"class":274},[245,1095,400],{"class":257},[245,1097,1098,1100],{"class":247,"line":158},[245,1099,656],{"class":257},[245,1101,262],{"class":261},[245,1103,1104,1106,1108,1110,1112],{"class":247,"line":189},[245,1105,663],{"class":267},[245,1107,271],{"class":257},[245,1109,275],{"class":274},[245,1111,1057],{"class":278},[245,1113,282],{"class":274},[245,1115,1116,1118,1120,1122,1125],{"class":247,"line":299},[245,1117,677],{"class":267},[245,1119,271],{"class":257},[245,1121,275],{"class":274},[245,1123,1124],{"class":278},"紹介動画のサムネイル：製品デモンストレーション",[245,1126,282],{"class":274},[245,1128,1129],{"class":247,"line":314},[245,1130,718],{"class":257},[245,1132,1133,1135,1137],{"class":247,"line":329},[245,1134,747],{"class":257},[245,1136,1047],{"class":261},[245,1138,651],{"class":257},[196,1140,1142],{"id":1141},"インライン-svg","インライン SVG",[201,1144,1145],{},"意味のあるアイコンや図形には説明を付与し、装飾目的の場合は支援技術から除外するなど、用途や目的に応じて適切に設定してください。",[205,1147,1148],{"id":1148},"基本的な実装",[201,1150,1151],{},[215,1152,1153],{},"装飾用 SVG（意味を持たない）",[236,1155,1157],{"className":238,"code":1156,"language":240,"meta":241,"style":241},"\u003C!-- aria-hidden=\"true\"で支援技術から隠す -->\n\u003Csvg role=\"img\" aria-hidden=\"true\" width=\"24\" height=\"24\">\n  \u003Cpath d=\"M12 2L2 7h10v10h10L12 2z\" \u002F>\n\u003C\u002Fsvg>\n",[226,1158,1159,1164,1217,1238],{"__ignoreMap":241},[245,1160,1161],{"class":247,"line":12},[245,1162,1163],{"class":250},"\u003C!-- aria-hidden=\"true\"で支援技術から隠す -->\n",[245,1165,1166,1168,1171,1174,1176,1178,1180,1182,1185,1187,1189,1192,1194,1196,1198,1200,1203,1205,1207,1209,1211,1213,1215],{"class":247,"line":254},[245,1167,258],{"class":257},[245,1169,1170],{"class":261},"svg",[245,1172,1173],{"class":267}," role",[245,1175,271],{"class":257},[245,1177,275],{"class":274},[245,1179,353],{"class":278},[245,1181,275],{"class":274},[245,1183,1184],{"class":267}," aria-hidden",[245,1186,271],{"class":257},[245,1188,275],{"class":274},[245,1190,1191],{"class":278},"true",[245,1193,275],{"class":274},[245,1195,376],{"class":267},[245,1197,271],{"class":257},[245,1199,275],{"class":274},[245,1201,1202],{"class":278},"24",[245,1204,275],{"class":274},[245,1206,388],{"class":267},[245,1208,271],{"class":257},[245,1210,275],{"class":274},[245,1212,1202],{"class":278},[245,1214,275],{"class":274},[245,1216,651],{"class":257},[245,1218,1219,1221,1224,1227,1229,1231,1234,1236],{"class":247,"line":158},[245,1220,656],{"class":257},[245,1222,1223],{"class":261},"path",[245,1225,1226],{"class":267}," d",[245,1228,271],{"class":257},[245,1230,275],{"class":274},[245,1232,1233],{"class":278},"M12 2L2 7h10v10h10L12 2z",[245,1235,275],{"class":274},[245,1237,400],{"class":257},[245,1239,1240,1242,1244],{"class":247,"line":189},[245,1241,747],{"class":257},[245,1243,1170],{"class":261},[245,1245,651],{"class":257},[201,1247,1248],{},[215,1249,1250],{},"意味のある SVG（情報を伝える）",[236,1252,1254],{"className":238,"code":1253,"language":240,"meta":241,"style":241},"\u003C!-- role=\"img\"と aria-label で説明 -->\n\u003Csvg role=\"img\" aria-label=\"検索\" width=\"24\" height=\"24\">\n  \u003Cpath\n    d=\"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z\"\n  \u002F>\n\u003C\u002Fsvg>\n",[226,1255,1256,1261,1310,1317,1331,1335],{"__ignoreMap":241},[245,1257,1258],{"class":247,"line":12},[245,1259,1260],{"class":250},"\u003C!-- role=\"img\"と aria-label で説明 -->\n",[245,1262,1263,1265,1267,1269,1271,1273,1275,1277,1279,1281,1283,1286,1288,1290,1292,1294,1296,1298,1300,1302,1304,1306,1308],{"class":247,"line":254},[245,1264,258],{"class":257},[245,1266,1170],{"class":261},[245,1268,1173],{"class":267},[245,1270,271],{"class":257},[245,1272,275],{"class":274},[245,1274,353],{"class":278},[245,1276,275],{"class":274},[245,1278,789],{"class":267},[245,1280,271],{"class":257},[245,1282,275],{"class":274},[245,1284,1285],{"class":278},"検索",[245,1287,275],{"class":274},[245,1289,376],{"class":267},[245,1291,271],{"class":257},[245,1293,275],{"class":274},[245,1295,1202],{"class":278},[245,1297,275],{"class":274},[245,1299,388],{"class":267},[245,1301,271],{"class":257},[245,1303,275],{"class":274},[245,1305,1202],{"class":278},[245,1307,275],{"class":274},[245,1309,651],{"class":257},[245,1311,1312,1314],{"class":247,"line":158},[245,1313,656],{"class":257},[245,1315,1316],{"class":261},"path\n",[245,1318,1319,1322,1324,1326,1329],{"class":247,"line":189},[245,1320,1321],{"class":267},"    d",[245,1323,271],{"class":257},[245,1325,275],{"class":274},[245,1327,1328],{"class":278},"M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z",[245,1330,282],{"class":274},[245,1332,1333],{"class":247,"line":299},[245,1334,718],{"class":257},[245,1336,1337,1339,1341],{"class":247,"line":314},[245,1338,747],{"class":257},[245,1340,1170],{"class":261},[245,1342,651],{"class":257},[205,1344,1346],{"id":1345},"title-と-desc-の活用","title と desc の活用",[201,1348,1349],{},[215,1350,1351],{},"複雑な SVG アイコン",[236,1353,1355],{"className":238,"code":1354,"language":240,"meta":241,"style":241},"\u003Csvg role=\"img\" aria-labelledby=\"icon-title\" width=\"24\" height=\"24\">\n  \u003Ctitle id=\"icon-title\">警告アイコン\u003C\u002Ftitle>\n  \u003Cpath d=\"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z\" \u002F>\n\u003C\u002Fsvg>\n",[226,1356,1357,1407,1436,1455],{"__ignoreMap":241},[245,1358,1359,1361,1363,1365,1367,1369,1371,1373,1376,1378,1380,1383,1385,1387,1389,1391,1393,1395,1397,1399,1401,1403,1405],{"class":247,"line":12},[245,1360,258],{"class":257},[245,1362,1170],{"class":261},[245,1364,1173],{"class":267},[245,1366,271],{"class":257},[245,1368,275],{"class":274},[245,1370,353],{"class":278},[245,1372,275],{"class":274},[245,1374,1375],{"class":267}," aria-labelledby",[245,1377,271],{"class":257},[245,1379,275],{"class":274},[245,1381,1382],{"class":278},"icon-title",[245,1384,275],{"class":274},[245,1386,376],{"class":267},[245,1388,271],{"class":257},[245,1390,275],{"class":274},[245,1392,1202],{"class":278},[245,1394,275],{"class":274},[245,1396,388],{"class":267},[245,1398,271],{"class":257},[245,1400,275],{"class":274},[245,1402,1202],{"class":278},[245,1404,275],{"class":274},[245,1406,651],{"class":257},[245,1408,1409,1411,1414,1417,1419,1421,1423,1425,1427,1430,1432,1434],{"class":247,"line":254},[245,1410,656],{"class":257},[245,1412,1413],{"class":261},"title",[245,1415,1416],{"class":267}," id",[245,1418,271],{"class":257},[245,1420,275],{"class":274},[245,1422,1382],{"class":278},[245,1424,275],{"class":274},[245,1426,1023],{"class":257},[245,1428,1429],{"class":732},"警告アイコン",[245,1431,747],{"class":257},[245,1433,1413],{"class":261},[245,1435,651],{"class":257},[245,1437,1438,1440,1442,1444,1446,1448,1451,1453],{"class":247,"line":158},[245,1439,656],{"class":257},[245,1441,1223],{"class":261},[245,1443,1226],{"class":267},[245,1445,271],{"class":257},[245,1447,275],{"class":274},[245,1449,1450],{"class":278},"M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z",[245,1452,275],{"class":274},[245,1454,400],{"class":257},[245,1456,1457,1459,1461],{"class":247,"line":189},[245,1458,747],{"class":257},[245,1460,1170],{"class":261},[245,1462,651],{"class":257},[201,1464,1465],{},[215,1466,1467],{},"詳細な説明が必要な SVG",[236,1469,1471],{"className":238,"code":1470,"language":240,"meta":241,"style":241},"\u003Csvg\n  role=\"img\"\n  aria-labelledby=\"chart-title\"\n  aria-describedby=\"chart-desc\"\n  width=\"400\"\n  height=\"300\"\n>\n  \u003Ctitle id=\"chart-title\">売上推移グラフ\u003C\u002Ftitle>\n  \u003Cdesc id=\"chart-desc\">\n    2024年1月から12月までの月別売上データ。1月100万円から徐々に増加し、12月に300万円でピークに達している。\n  \u003C\u002Fdesc>\n  \u003C!-- SVG content -->\n\u003C\u002Fsvg>\n",[226,1472,1473,1480,1493,1507,1521,1533,1546,1550,1577,1596,1601,1609,1614],{"__ignoreMap":241},[245,1474,1475,1477],{"class":247,"line":12},[245,1476,258],{"class":257},[245,1478,1479],{"class":261},"svg\n",[245,1481,1482,1485,1487,1489,1491],{"class":247,"line":254},[245,1483,1484],{"class":267},"  role",[245,1486,271],{"class":257},[245,1488,275],{"class":274},[245,1490,353],{"class":278},[245,1492,282],{"class":274},[245,1494,1495,1498,1500,1502,1505],{"class":247,"line":158},[245,1496,1497],{"class":267},"  aria-labelledby",[245,1499,271],{"class":257},[245,1501,275],{"class":274},[245,1503,1504],{"class":278},"chart-title",[245,1506,282],{"class":274},[245,1508,1509,1512,1514,1516,1519],{"class":247,"line":189},[245,1510,1511],{"class":267},"  aria-describedby",[245,1513,271],{"class":257},[245,1515,275],{"class":274},[245,1517,1518],{"class":278},"chart-desc",[245,1520,282],{"class":274},[245,1522,1523,1525,1527,1529,1531],{"class":247,"line":299},[245,1524,302],{"class":267},[245,1526,271],{"class":257},[245,1528,275],{"class":274},[245,1530,324],{"class":278},[245,1532,282],{"class":274},[245,1534,1535,1537,1539,1541,1544],{"class":247,"line":314},[245,1536,317],{"class":267},[245,1538,271],{"class":257},[245,1540,275],{"class":274},[245,1542,1543],{"class":278},"300",[245,1545,282],{"class":274},[245,1547,1548],{"class":247,"line":329},[245,1549,651],{"class":257},[245,1551,1552,1554,1556,1558,1560,1562,1564,1566,1568,1571,1573,1575],{"class":247,"line":335},[245,1553,656],{"class":257},[245,1555,1413],{"class":261},[245,1557,1416],{"class":267},[245,1559,271],{"class":257},[245,1561,275],{"class":274},[245,1563,1504],{"class":278},[245,1565,275],{"class":274},[245,1567,1023],{"class":257},[245,1569,1570],{"class":732},"売上推移グラフ",[245,1572,747],{"class":257},[245,1574,1413],{"class":261},[245,1576,651],{"class":257},[245,1578,1579,1581,1584,1586,1588,1590,1592,1594],{"class":247,"line":342},[245,1580,656],{"class":257},[245,1582,1583],{"class":261},"desc",[245,1585,1416],{"class":267},[245,1587,271],{"class":257},[245,1589,275],{"class":274},[245,1591,1518],{"class":278},[245,1593,275],{"class":274},[245,1595,651],{"class":257},[245,1597,1598],{"class":247,"line":348},[245,1599,1600],{"class":732},"    2024年1月から12月までの月別売上データ。1月100万円から徐々に増加し、12月に300万円でピークに達している。\n",[245,1602,1603,1605,1607],{"class":247,"line":403},[245,1604,738],{"class":257},[245,1606,1583],{"class":261},[245,1608,651],{"class":257},[245,1610,1611],{"class":247,"line":408},[245,1612,1613],{"class":250},"  \u003C!-- SVG content -->\n",[245,1615,1616,1618,1620],{"class":247,"line":414},[245,1617,747],{"class":257},[245,1619,1170],{"class":261},[245,1621,651],{"class":257},[205,1623,1625],{"id":1624},"インタラクティブ-svg","インタラクティブ SVG",[201,1627,1628],{},[215,1629,1630],{},"クリック可能な SVG アイコン",[236,1632,1634],{"className":238,"code":1633,"language":240,"meta":241,"style":241},"\u003C!-- ボタンとして機能するSVG -->\n\u003Cbutton aria-label=\"メニューを開く\">\n  \u003Csvg aria-hidden=\"true\" width=\"24\" height=\"24\">\n    \u003Cpath d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\" \u002F>\n  \u003C\u002Fsvg>\n\u003C\u002Fbutton>\n",[226,1635,1636,1641,1660,1698,1718,1726],{"__ignoreMap":241},[245,1637,1638],{"class":247,"line":12},[245,1639,1640],{"class":250},"\u003C!-- ボタンとして機能するSVG -->\n",[245,1642,1643,1645,1647,1649,1651,1653,1656,1658],{"class":247,"line":254},[245,1644,258],{"class":257},[245,1646,775],{"class":261},[245,1648,789],{"class":267},[245,1650,271],{"class":257},[245,1652,275],{"class":274},[245,1654,1655],{"class":278},"メニューを開く",[245,1657,275],{"class":274},[245,1659,651],{"class":257},[245,1661,1662,1664,1666,1668,1670,1672,1674,1676,1678,1680,1682,1684,1686,1688,1690,1692,1694,1696],{"class":247,"line":158},[245,1663,656],{"class":257},[245,1665,1170],{"class":261},[245,1667,1184],{"class":267},[245,1669,271],{"class":257},[245,1671,275],{"class":274},[245,1673,1191],{"class":278},[245,1675,275],{"class":274},[245,1677,376],{"class":267},[245,1679,271],{"class":257},[245,1681,275],{"class":274},[245,1683,1202],{"class":278},[245,1685,275],{"class":274},[245,1687,388],{"class":267},[245,1689,271],{"class":257},[245,1691,275],{"class":274},[245,1693,1202],{"class":278},[245,1695,275],{"class":274},[245,1697,651],{"class":257},[245,1699,1700,1703,1705,1707,1709,1711,1714,1716],{"class":247,"line":189},[245,1701,1702],{"class":257},"    \u003C",[245,1704,1223],{"class":261},[245,1706,1226],{"class":267},[245,1708,271],{"class":257},[245,1710,275],{"class":274},[245,1712,1713],{"class":278},"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z",[245,1715,275],{"class":274},[245,1717,400],{"class":257},[245,1719,1720,1722,1724],{"class":247,"line":299},[245,1721,738],{"class":257},[245,1723,1170],{"class":261},[245,1725,651],{"class":257},[245,1727,1728,1730,1732],{"class":247,"line":314},[245,1729,747],{"class":257},[245,1731,775],{"class":261},[245,1733,651],{"class":257},[201,1735,1736],{},[215,1737,1738],{},"リンクとして機能する SVG",[236,1740,1742],{"className":238,"code":1741,"language":240,"meta":241,"style":241},"\u003Ca href=\"\u002Fhome\" aria-label=\"ホームページに戻る\">\n  \u003Csvg aria-hidden=\"true\" width=\"24\" height=\"24\">\n    \u003Cpath d=\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\" \u002F>\n  \u003C\u002Fsvg>\n\u003C\u002Fa>\n",[226,1743,1744,1776,1814,1833,1841],{"__ignoreMap":241},[245,1745,1746,1748,1751,1754,1756,1758,1761,1763,1765,1767,1769,1772,1774],{"class":247,"line":12},[245,1747,258],{"class":257},[245,1749,1750],{"class":261},"a",[245,1752,1753],{"class":267}," href",[245,1755,271],{"class":257},[245,1757,275],{"class":274},[245,1759,1760],{"class":278},"\u002Fhome",[245,1762,275],{"class":274},[245,1764,789],{"class":267},[245,1766,271],{"class":257},[245,1768,275],{"class":274},[245,1770,1771],{"class":278},"ホームページに戻る",[245,1773,275],{"class":274},[245,1775,651],{"class":257},[245,1777,1778,1780,1782,1784,1786,1788,1790,1792,1794,1796,1798,1800,1802,1804,1806,1808,1810,1812],{"class":247,"line":254},[245,1779,656],{"class":257},[245,1781,1170],{"class":261},[245,1783,1184],{"class":267},[245,1785,271],{"class":257},[245,1787,275],{"class":274},[245,1789,1191],{"class":278},[245,1791,275],{"class":274},[245,1793,376],{"class":267},[245,1795,271],{"class":257},[245,1797,275],{"class":274},[245,1799,1202],{"class":278},[245,1801,275],{"class":274},[245,1803,388],{"class":267},[245,1805,271],{"class":257},[245,1807,275],{"class":274},[245,1809,1202],{"class":278},[245,1811,275],{"class":274},[245,1813,651],{"class":257},[245,1815,1816,1818,1820,1822,1824,1826,1829,1831],{"class":247,"line":158},[245,1817,1702],{"class":257},[245,1819,1223],{"class":261},[245,1821,1226],{"class":267},[245,1823,271],{"class":257},[245,1825,275],{"class":274},[245,1827,1828],{"class":278},"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z",[245,1830,275],{"class":274},[245,1832,400],{"class":257},[245,1834,1835,1837,1839],{"class":247,"line":189},[245,1836,738],{"class":257},[245,1838,1170],{"class":261},[245,1840,651],{"class":257},[245,1842,1843,1845,1847],{"class":247,"line":299},[245,1844,747],{"class":257},[245,1846,1750],{"class":261},[245,1848,651],{"class":257},[205,1850,1851],{"id":1851},"実装のポイント",[1853,1854,1855,1877],"table",{},[1856,1857,1858],"thead",{},[1859,1860,1861,1865,1868,1871,1874],"tr",{},[1862,1863,1864],"th",{},"用途",[1862,1866,1867],{},"role",[1862,1869,1870],{},"aria-hidden",[1862,1872,1873],{},"aria-label\u002Faria-labelledby",[1862,1875,1876],{},"title 要素",[1878,1879,1880,1897,1914,1929],"tbody",{},[1859,1881,1882,1886,1889,1893,1895],{},[1883,1884,1885],"td",{},"装飾用",[1883,1887,1888],{},"なし",[1883,1890,1891],{},[226,1892,1191],{},[1883,1894,1888],{},[1883,1896,1888],{},[1859,1898,1899,1902,1906,1908,1911],{},[1883,1900,1901],{},"意味のあるアイコン",[1883,1903,1904],{},[226,1905,353],{},[1883,1907,1888],{},[1883,1909,1910],{},"必須",[1883,1912,1913],{},"推奨",[1859,1915,1916,1919,1923,1925,1927],{},[1883,1917,1918],{},"複雑な図形・グラフ",[1883,1920,1921],{},[226,1922,353],{},[1883,1924,1888],{},[1883,1926,1910],{},[1883,1928,1910],{},[1859,1930,1931,1934,1936,1940,1943],{},[1883,1932,1933],{},"インタラクティブ",[1883,1935,1888],{},[1883,1937,1938],{},[226,1939,1191],{},[1883,1941,1942],{},"親要素に設定",[1883,1944,1888],{},[1946,1947,1948],"style",{},"html pre.shiki code .su8Ar, html code.shiki .su8Ar{--shiki-light:#6A737D;--shiki-light-font-style:inherit;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sN50r, html code.shiki .sN50r{--shiki-light:#24292E;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .sF3G6, html code.shiki .sF3G6{--shiki-light:#22863A;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .sAjK8, html code.shiki .sAjK8{--shiki-light:#6F42C1;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .ssQ5U, html code.shiki .ssQ5U{--shiki-light:#032F62;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .scigg, html code.shiki .scigg{--shiki-light:#032F62;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sKuZN, html code.shiki .sKuZN{--shiki-light:#24292E;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .s3Zf7, html code.shiki .s3Zf7{--shiki-light:#6F42C1;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}",{"title":241,"searchDepth":254,"depth":254,"links":1950},[1951,1955,1956,1959,1963,1967],{"id":198,"depth":254,"text":199,"children":1952},[1953,1954],{"id":207,"depth":158,"text":207},{"id":444,"depth":158,"text":445},{"id":629,"depth":254,"text":630},{"id":754,"depth":254,"text":754,"children":1957},[1958],{"id":757,"depth":158,"text":758},{"id":836,"depth":254,"text":836,"children":1960},[1961,1962],{"id":842,"depth":158,"text":842},{"id":865,"depth":158,"text":865},{"id":939,"depth":254,"text":939,"children":1964},[1965,1966],{"id":949,"depth":158,"text":949},{"id":1035,"depth":158,"text":1035},{"id":1141,"depth":254,"text":1142,"children":1968},[1969,1970,1971,1972],{"id":1148,"depth":158,"text":1148},{"id":1345,"depth":158,"text":1346},{"id":1624,"depth":158,"text":1625},{"id":1851,"depth":158,"text":1851},"alt属性、色彩コントラスト、SVGアクセシビリティの実装ガイド","md",null,{},{"title":116,"description":1973},"h4gN1Yd2J6g8QFmJIpBAeSjs7f5J46m_zpZ9Go1Vi-Y",[1980,1982],{"title":110,"path":111,"stem":112,"description":1981,"children":-1},"パフォーマンス向上、アクセシビリティ確保、運用効率化のための画像・メディアリソースガイドライン",{"title":120,"path":121,"stem":122,"description":1983,"children":-1},"WebP・AVIFの選定基準、複数フォーマット対応、レスポンシブ画像の実装",1780099579689]