{"json_modified": "2016-09-17T22:17:41.232036", "uuid": "168ef64f-5d1b-4bb4-a5d7-11090a3879e4", "title": "Hit regions and accessibility", "url": "/en-US/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility", "tags": ["Canvas", "Graphics", "canvas", "Tutorial"], "translations": [{"uuid": "6c72737e-2dd5-4a07-a4ff-362659bb9ce2", "title": "\u30d2\u30c3\u30c8\u9818\u57df\u3068\u30a2\u30af\u30bb\u30b7\u30d3\u30ea\u30c6\u30a3", "url": "/ja/docs/Web/Guide/HTML/Canvas_tutorial/Hit_regions_and_accessibility", "tags": ["Canvas", "Graphics", "canvas", "Tutorial"], "summary": "<code>&lt;canvas&gt; ... &lt;/canvas&gt;</code> \u30bf\u30b0\u306e\u5185\u90e8\u306b\u3042\u308b\u30b3\u30f3\u30c6\u30f3\u30c4\u306f\u3001canvas \u306e\u30ec\u30f3\u30c0\u30ea\u30f3\u30b0\u3092\u30b5\u30dd\u30fc\u30c8\u3057\u306a\u3044\u30d6\u30e9\u30a6\u30b6\u5411\u3051\u306e\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u30b3\u30f3\u30c6\u30f3\u30c4\u3068\u3057\u3066\u4f7f\u7528\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u652f\u63f4\u6280\u8853 (\u30b9\u30af\u30ea\u30fc\u30f3\u30ea\u30fc\u30c0\u30fc\u306a\u3069) \u30e6\u30fc\u30b6\u30fc\u306b\u5bfe\u3057\u3066\u3082\u3001\u30bf\u30b0\u5185\u306e\u30b5\u30d6 DOM \u3092\u8aad\u307f\u4e0a\u3052\u305f\u308a\u5bfe\u8a71\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u306e\u3067\u3001\u3068\u3066\u3082\u5f79\u306b\u7acb\u3061\u307e\u3059\u3002\u3053\u306e\u65b9\u6cd5\u3092\u793a\u3059\u3088\u3044\u4f8b\u304c <a href=\"https://www.html5accessibility.com/tests/canvas.html\">html5accessibility.com</a> \u306b\u3042\u308a\u307e\u3059:", "localization_tags": [], "locale": "ja", "last_edit": "2016-09-17T22:17:35", "review_tags": []}, {"uuid": "628de10c-4db5-4de7-b383-c2f72f6f2bb6", "title": "\u70b9\u51fb\u533a\u57df\u548c\u65e0\u969c\u788d\u8bbf\u95ee", "url": "/zh-CN/docs/Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility", "tags": [], "summary": "<canvas> ...\u00a0</canvas>\u6807\u7b7e\u91cc\u7684\u5185\u5bb9\u88ab\u53ef\u4ee5\u5bf9\u4e00\u4e9b\u4e0d\u652f\u6301canvas\u7684\u6d4f\u89c8\u5668\u63d0\u4f9b\u517c\u5bb9\u3002\u8fd9\u5bf9\u6b8b\u75be\u7528\u6237\u8bbe\u5907\u4e5f\u5f88\u6709\u7528\uff08\u6bd4\u5982\u5c4f\u5e55\u9605\u8bfb\u5668\uff09\uff0c\u8fd9\u6837\u5b83\u4eec\u5c31\u53ef\u4ee5\u8bfb\u53d6\u5e76\u89e3\u91caDOM\u91cc\u7684\u5b50\u8282\u70b9\u3002\u5728<a href=\"https://www.html5accessibility.com/tests/canvas.html\">html5accessibility.com</a>\u6709\u4e2a\u5f88\u597d\u7684\u4f8b\u5b50\u6765\u6f14\u793a\u5b83\u5982\u4f55\u8fd0\u4f5c\u3002", "localization_tags": [], "locale": "zh-CN", "last_edit": "2016-04-14T18:46:46", "review_tags": []}], "modified": "2016-08-30T03:44:48", "label": "Hit regions and accessibility", "localization_tags": [], "locale": "en-US", "id": 134291, "last_edit": "2016-08-30T03:44:42", "summary": "The content inside the <code>&lt;canvas&gt; ... &lt;/canvas&gt;</code> tags can be used as a fallback for browsers which don't support canvas rendering. It's\u00a0also very useful for assistive technology users (like screen readers) which can read and interpret the sub DOM in it. A good example at <a href=\"https://www.html5accessibility.com/tests/canvas.html\">html5accessibility.com</a> demonstrates how this can be done:", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Fallback_content", "title": "Fallback content"}, {"id": "ARIA_rules", "title": "ARIA rules"}, {"id": "Hit_regions", "title": "Hit regions"}, {"id": "Focus_rings", "title": "Focus rings"}, {"id": "See_also", "title": "See also"}], "slug": "Web/API/Canvas_API/Tutorial/Hit_regions_and_accessibility", "review_tags": []}