{"id":28673,"date":"2026-09-20T18:07:22","date_gmt":"2026-09-20T09:07:22","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=28673"},"modified":"2026-09-23T00:16:51","modified_gmt":"2026-09-22T15:16:51","slug":"website-contrast-check","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/website-contrast-check\/","title":{"rendered":"\u30b5\u30a4\u30c8\u306e\u6587\u5b57\u8272\u306e\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u3092\u8abf\u3079\u308b\u65b9\u6cd5\uff5c\u30d6\u30e9\u30a6\u30b6\u30fc\u3060\u3051\u3067\u5168\u8981\u7d20\u3092\u6e2c\u308b"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u6587\u5b57\u8272\u3068\u80cc\u666f\u8272\u306e\u5dee\u304c\u5c0f\u3055\u3044\u3068\u3001\u8aad\u3081\u308b\u4eba\u3068\u8aad\u3081\u306a\u3044\u4eba\u304c\u5206\u304b\u308c\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u5dee\u306f\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u3068\u3044\u3046\u6570\u5024\u3067\u8868\u3055\u308c\u3001\u8a08\u7b97\u5f0f\u304c\u6c7a\u307e\u3063\u3066\u3044\u308b\u305f\u3081\u611f\u899a\u3067\u306f\u306a\u304f\u6570\u5b57\u3067\u5224\u65ad\u3067\u304d\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u3053\u3067\u306f\u3001\u8ffd\u52a0\u306e\u30c4\u30fc\u30eb\u3092\u5165\u308c\u305a\u306b\u30d6\u30e9\u30a6\u30b6\u30fc\u3060\u3051\u3067\u30da\u30fc\u30b8\u5168\u4f53\u3092\u6e2c\u308b\u65b9\u6cd5\u3068\u3001\u5224\u5b9a\u306e\u57fa\u6e96\u3092\u6574\u7406\u3059\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u7d39\u4ecb\u3059\u308b\u30b3\u30fc\u30c9\u306f2026\u5e749\u670820\u65e5\u306b\u5b9f\u969b\u306e\u30b5\u30a4\u30c8\u3067\u5b9f\u884c\u3057\u3001\u51fa\u529b\u3092\u78ba\u8a8d\u3057\u3066\u3044\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u57fa\u6e96\u306f2\u3064\u306b\u5206\u304b\u308c\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">WCAG\u3067\u306f\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u306e\u4e0b\u9650\u304c\u6c7a\u3081\u3089\u308c\u3066\u304a\u308a\u3001\u6587\u5b57\u306e\u5927\u304d\u3055\u3068\u592a\u3055\u306b\u3088\u3063\u3066\u5024\u304c\u5909\u308f\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u6587\u5b57\u306e\u6761\u4ef6<\/th><th>\u6c42\u3081\u3089\u308c\u308b\u6bd4<\/th><th>\u547c\u3073\u65b9<\/th><\/tr><\/thead><tbody><tr><td>\u901a\u5e38\u306e\u6587\u5b57<\/td><td>4.5\u5bfe1\u4ee5\u4e0a<\/td><td>\u5c0f\u3055\u3044\u6587\u5b57\u306e\u57fa\u6e96<\/td><\/tr><tr><td>24px\u4ee5\u4e0a<\/td><td>3\u5bfe1\u4ee5\u4e0a<\/td><td>\u5927\u304d\u3044\u6587\u5b57\u306e\u57fa\u6e96<\/td><\/tr><tr><td>18.66px\u4ee5\u4e0a\u304b\u3064\u592a\u5b57<\/td><td>3\u5bfe1\u4ee5\u4e0a<\/td><td>\u5927\u304d\u3044\u6587\u5b57\u306e\u57fa\u6e96<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u6587\u5b57\u306e\u5927\u304d\u3055\u3068\u592a\u3055\u3067\u4e0b\u9650\u304c\u5909\u308f\u308b<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u8272\u306e\u7d44\u307f\u5408\u308f\u305b\u3067\u3082\u3001\u5c0f\u3055\u3044\u6587\u5b57\u3067\u306f\u8db3\u308a\u305a\u3001\u5927\u304d\u3044\u898b\u51fa\u3057\u3067\u306f\u8db3\u308a\u308b\u3068\u3044\u3046\u72b6\u614b\u304c\u8d77\u3053\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305d\u306e\u305f\u3081\u3001\u30da\u30fc\u30b8\u5168\u4f53\u30921\u3064\u306e\u5024\u3067\u5224\u65ad\u3067\u304d\u306a\u3044\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">1\u304b\u6240\u3060\u3051\u6e2c\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u6c17\u306b\u306a\u308b\u7b87\u6240\u304c\u6c7a\u307e\u3063\u3066\u3044\u308b\u306a\u3089\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u306e\u958b\u767a\u8005\u30c4\u30fc\u30eb\u3067\u6e2c\u308c\u308b\u3002<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>\u5bfe\u8c61\u306e\u6587\u5b57\u3092\u53f3\u30af\u30ea\u30c3\u30af\u3057\u3066\u691c\u8a3c\u3092\u9078\u3076<\/li>\n\n\n<li>\u30b9\u30bf\u30a4\u30eb\u306e\u6b04\u3067color\u306e\u8272\u898b\u672c\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b<\/li>\n\n\n<li>\u958b\u3044\u305f\u8272\u306e\u753b\u9762\u306b\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u304c\u51fa\u308b<\/li>\n\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u65b9\u6cd5\u306f\u901f\u3044\u304c\u3001\u30da\u30fc\u30b8\u5168\u4f53\u3092\u898b\u308b\u306b\u306f\u6570\u304c\u591a\u3059\u304e\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u30da\u30fc\u30b8\u5168\u4f53\u3092\u307e\u3068\u3081\u3066\u6e2c\u308b<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u958b\u767a\u8005\u30c4\u30fc\u30eb\u306e\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u6b21\u306e\u30b3\u30fc\u30c9\u3092\u5b9f\u884c\u3059\u308b\u3068\u3001\u30da\u30fc\u30b8\u5185\u306e\u6587\u5b57\u3092\u4e00\u901a\u308a\u6e2c\u3063\u3066\u4f4e\u3044\u9806\u306b\u4e26\u3079\u3089\u308c\u308b\u3002<\/p>\n\n\n\n<div class=\"hcb_wrap\"><pre class=\"prism line-numbers lang-javascript\"><code>function lum(c) {\n  const m = c.match(\/\\d+(\\.\\d+)?\/g).slice(0, 3).map(Number).map(v =&gt; {\n    v \/= 255;\n    return v &lt;= 0.03928 ? v \/ 12.92 : Math.pow((v + 0.055) \/ 1.055, 2.4);\n  });\n  return 0.2126 * m[0] + 0.7152 * m[1] + 0.0722 * m[2];\n}\n\nfunction bg(el) {\n  let e = el;\n  while (e) {\n    const c = getComputedStyle(e).backgroundColor;\n    if (c &amp;&amp; !\/rgba\\(0, 0, 0, 0\\)|transparent\/.test(c)) return c;\n    e = e.parentElement;\n  }\n  return 'rgb(255,255,255)';\n}\n\nconst out = [], seen = new Set();\nfor (const el of document.querySelectorAll('p,a,li,h1,h2,h3,span,button,time,small')) {\n  if (!el.offsetParent || !el.textContent.trim()) continue;\n  const cs = getComputedStyle(el);\n  const px = parseFloat(cs.fontSize) || 16;\n  const key = cs.color + '|' + bg(el) + '|' + px + '|' + cs.fontWeight;\n  if (seen.has(key)) continue;\n  seen.add(key);\n  const l1 = lum(cs.color), l2 = lum(bg(el));\n  const r = (Math.max(l1, l2) + 0.05) \/ (Math.min(l1, l2) + 0.05);\n  const large = px &gt;= 24 || (px &gt;= 18.66 &amp;&amp; parseInt(cs.fontWeight) &gt;= 700);\n  out.push({\n    ratio: Math.round(r * 100) \/ 100,\n    need: large ? 3 : 4.5,\n    ok: r &gt;= (large ? 3 : 4.5),\n    px, w: cs.fontWeight, color: cs.color, bg: bg(el),\n    tag: el.tagName, text: el.textContent.trim().slice(0, 20)\n  });\n}\nout.sort((a, b) =&gt; a.ratio - b.ratio);\nconsole.table(out.filter(x =&gt; !x.ok));<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">\u540c\u3058\u8272\u3068\u5927\u304d\u3055\u306e\u7d44\u307f\u5408\u308f\u305b\u306f1\u4ef6\u306b\u307e\u3068\u3081\u3066\u3044\u308b\u305f\u3081\u3001\u4ef6\u6570\u306f\u30da\u30fc\u30b8\u5185\u306e\u898b\u305f\u76ee\u306e\u7a2e\u985e\u306e\u6570\u306b\u306a\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u6700\u5f8c\u306e\u884c\u3092 console.table(out) \u306b\u5909\u3048\u308b\u3068\u3001\u8db3\u308a\u3066\u3044\u308b\u5206\u3082\u542b\u3081\u3066\u5168\u90e8\u51fa\u308b\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u3053\u306e\u30b3\u30fc\u30c9\u304c\u898b\u3066\u3044\u308b\u3082\u306e<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u753b\u9762\u306b\u51fa\u3066\u3044\u306a\u3044\u8981\u7d20\u306f\u98db\u3070\u3059\uff08offsetParent\u3067\u5224\u5b9a\uff09<\/li>\n\n\n<li>\u80cc\u666f\u8272\u304c\u900f\u660e\u306a\u3089\u3001\u89aa\u3092\u305f\u3069\u3063\u3066\u6700\u521d\u306b\u898b\u3064\u304b\u3063\u305f\u8272\u3092\u4f7f\u3046<\/li>\n\n\n<li>\u3069\u3053\u306b\u3082\u8272\u304c\u7121\u3051\u308c\u3070\u767d\u3068\u307f\u306a\u3059<\/li>\n\n\n<li>24px\u4ee5\u4e0a\u3001\u307e\u305f\u306f18.66px\u4ee5\u4e0a\u306e\u592a\u5b57\u3092\u5927\u304d\u3044\u6587\u5b57\u3068\u3057\u3066\u6271\u3046<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u80cc\u666f\u306b\u753b\u50cf\u3084\u30b0\u30e9\u30c7\u30fc\u30b7\u30e7\u30f3\u3092\u4f7f\u3063\u3066\u3044\u308b\u7b87\u6240\u306f\u3001\u3053\u306e\u65b9\u6cd5\u3067\u306f\u6b63\u3057\u304f\u6e2c\u308c\u306a\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305d\u306e\u5834\u5408\u306f\u3001\u5b9f\u969b\u306e\u898b\u305f\u76ee\u304b\u3089\u8272\u3092\u62fe\u3063\u30661\u304b\u6240\u305a\u3064\u78ba\u304b\u3081\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u5b9f\u969b\u306b\u6e2c\u3063\u3066\u51fa\u305f\u5024<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u904b\u7528\u3057\u3066\u3044\u308b\u30b5\u30a4\u30c8\u3067\u5b9f\u884c\u3057\u305f\u3068\u3053\u308d\u3001\u6b21\u306e\u3088\u3046\u306a\u7d50\u679c\u306b\u306a\u3063\u305f\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u6587\u5b57\u8272<\/th><th>\u80cc\u666f\u8272<\/th><th>\u5927\u304d\u3055<\/th><th>\u6bd4<\/th><th>\u5224\u5b9a<\/th><\/tr><\/thead><tbody><tr><td>\u767d<\/td><td>\u30d4\u30f3\u30af\uff08rgb(255,102,196)\uff09<\/td><td>10px<\/td><td>2.64<\/td><td>4.5\u306b\u5c4a\u304b\u306a\u3044<\/td><\/tr><tr><td>\u767d<\/td><td>\u30d4\u30f3\u30af\uff08rgb(255,102,196)\uff09<\/td><td>16px<\/td><td>2.64<\/td><td>4.5\u306b\u5c4a\u304b\u306a\u3044<\/td><\/tr><tr><td>rgb(51,51,51)<\/td><td>rgb(253,253,253)<\/td><td>16px<\/td><td>12.42<\/td><td>\u8db3\u308a\u3066\u3044\u308b<\/td><\/tr><tr><td>\u767d<\/td><td>rgb(32,32,32)<\/td><td>16px<\/td><td>16.29<\/td><td>\u8db3\u308a\u3066\u3044\u308b<\/td><\/tr><tr><td>rgb(46,46,46)<\/td><td>rgb(227,227,227)<\/td><td>24px<\/td><td>10.58<\/td><td>\u8db3\u308a\u3066\u3044\u308b<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">2026\u5e749\u670820\u65e5\u306b\u5b9f\u6e2c\u3057\u305f\u5024<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u672c\u6587\u306e\u8272\u306f\u5341\u5206\u306a\u5dee\u304c\u3042\u3063\u305f\u4e00\u65b9\u3067\u3001\u30d4\u30f3\u30af\u306e\u80cc\u666f\u306b\u767d\u6587\u5b57\u3092\u7f6e\u3044\u305f\u7b87\u6240\u304c2.64\u3068\u4f4e\u304f\u51fa\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u7d44\u307f\u5408\u308f\u305b\u306f\u3001\u8272\u304c\u76ee\u7acb\u3064\u305f\u3081\u898b\u3048\u3066\u3044\u308b\u3068\u611f\u3058\u3084\u3059\u3044\u304c\u3001\u6570\u5024\u3067\u306f\u8db3\u308a\u3066\u3044\u306a\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u76ee\u7acb\u3064\u3053\u3068\u3068\u8aad\u307f\u3084\u3059\u3044\u3053\u3068\u306f\u5225\u306a\u306e\u3067\u3001\u88c5\u98fe\u306b\u4f7f\u3046\u8272\u307b\u3069\u6e2c\u308b\u4fa1\u5024\u304c\u3042\u308b\u3002<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u6e2c\u308c\u306a\u3044\u5024\u304c\u51fa\u308b\u3053\u3068\u304c\u3042\u308b<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u5b9f\u6e2c\u3067\u306f\u3001\u6bd4\u304c1.00\u3068\u3044\u3046\u5024\u3082\u51fa\u305f\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u308c\u306f\u80cc\u666f\u8272\u304c\u534a\u900f\u660e\u3067\u3001\u305d\u306e\u5f8c\u308d\u306e\u8272\u304c\u8a08\u7b97\u306b\u5165\u3063\u3066\u3044\u306a\u3044\u305f\u3081\u306b\u8d77\u304d\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u534a\u900f\u660e\u306e\u80cc\u666f\u306f\u3001\u91cd\u306a\u3063\u3066\u3044\u308b\u8272\u307e\u3067\u8a08\u7b97\u3057\u306a\u3044\u3068\u6b63\u3057\u3044\u5024\u306b\u306a\u3089\u306a\u3044\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1.00\u3084\u6975\u7aef\u306b\u4f4e\u3044\u5024\u304c\u51fa\u305f\u3068\u304d\u306f\u3001\u307e\u305a\u534a\u900f\u660e\u304b\u3069\u3046\u304b\u3092\u7591\u3046\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u8db3\u308a\u306a\u3044\u3068\u304d\u306e\u76f4\u3057\u65b9<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u6bd4\u3092\u4e0a\u3052\u308b\u65b9\u6cd5\u306f\u3001\u8272\u3092\u5909\u3048\u308b\u304b\u3001\u6587\u5b57\u306e\u6761\u4ef6\u3092\u5909\u3048\u308b\u304b\u306b\u5206\u304b\u308c\u308b\u3002<\/p>\n\n\n\n<figure class=\"wp-block-table is-style-regular\"><table class=\"has-fixed-layout\"><thead><tr><th style=\"min-width:8em !important\">\u3084\u308a\u65b9<\/th><th>\u52b9\u304d\u65b9<\/th><th>\u898b\u305f\u76ee\u3078\u306e\u5f71\u97ff<\/th><\/tr><\/thead><tbody><tr><td>\u6587\u5b57\u8272\u3092\u6fc3\u304f\u3059\u308b<\/td><td>\u6bd4\u304c\u4e0a\u304c\u308b<\/td><td>\u6587\u5b57\u306e\u5370\u8c61\u304c\u5909\u308f\u308b<\/td><\/tr><tr><td>\u80cc\u666f\u8272\u3092\u6697\u304f\u3059\u308b<\/td><td>\u6bd4\u304c\u4e0a\u304c\u308b<\/td><td>\u914d\u8272\u5168\u4f53\u306b\u5f71\u97ff\u3059\u308b<\/td><\/tr><tr><td>\u6587\u5b57\u309224px\u4ee5\u4e0a\u306b\u3059\u308b<\/td><td>\u57fa\u6e96\u304c3\u5bfe1\u306b\u4e0b\u304c\u308b<\/td><td>\u30ec\u30a4\u30a2\u30a6\u30c8\u304c\u5909\u308f\u308b<\/td><\/tr><tr><td>18.66px\u4ee5\u4e0a\u3067\u592a\u5b57\u306b\u3059\u308b<\/td><td>\u57fa\u6e96\u304c3\u5bfe1\u306b\u4e0b\u304c\u308b<\/td><td>\u6587\u5b57\u304c\u592a\u304f\u306a\u308b<\/td><\/tr><\/tbody><\/table><figcaption class=\"wp-element-caption\">\u6bd4\u3092\u6e80\u305f\u3059\u305f\u3081\u306e\u9078\u629e\u80a2<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u30d6\u30e9\u30f3\u30c9\u306e\u8272\u3092\u5909\u3048\u305f\u304f\u306a\u3044\u5834\u5408\u3001\u6587\u5b57\u3092\u5927\u304d\u304f\u3057\u3066\u57fa\u6e96\u306e\u5074\u3092\u4e0b\u3052\u308b\u624b\u3082\u3042\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u305f\u3060\u3057\u5c0f\u3055\u3044\u6587\u5b57\u306e\u307e\u307e\u8272\u3060\u3051\u8584\u304f\u3059\u308b\u3068\u3001\u6761\u4ef6\u306f\u3088\u308a\u53b3\u3057\u304f\u306a\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u6e2c\u3063\u305f\u7d50\u679c\u3092\u6b8b\u3057\u3066\u304a\u304f<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u914d\u8272\u306f\u5c11\u3057\u305a\u3064\u5909\u308f\u308b\u305f\u3081\u3001\u6e2c\u3063\u305f\u65e5\u3068\u5024\u3092\u6b8b\u3057\u3066\u304a\u304f\u3068\u6bd4\u3079\u3089\u308c\u308b\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u6e2c\u3063\u305f\u65e5<\/li>\n\n\n<li>\u8db3\u308a\u3066\u3044\u306a\u304b\u3063\u305f\u7d44\u307f\u5408\u308f\u305b\u306e\u6570<\/li>\n\n\n<li>\u3044\u3061\u3070\u3093\u4f4e\u304b\u3063\u305f\u6bd4\u3068\u3001\u305d\u306e\u8272\u306e\u7d44\u307f\u5408\u308f\u305b<\/li>\n\n\n<li>\u76f4\u3057\u305f\u3042\u3068\u306e\u6bd4<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u30c6\u30fc\u30de\u3092\u66f4\u65b0\u3057\u305f\u3042\u3068\u306b\u540c\u3058\u30b3\u30fc\u30c9\u3092\u6d41\u305b\u3070\u3001\u5897\u3048\u3066\u3044\u306a\u3044\u304b\u3092\u78ba\u304b\u3081\u3089\u308c\u308b\u3002<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u307e\u3068\u3081<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>\u57fa\u6e96\u306f\u901a\u5e38\u306e\u6587\u5b57\u30674.5\u5bfe1\u3001\u5927\u304d\u3044\u6587\u5b57\u30673\u5bfe1\u306b\u5206\u304b\u308c\u308b<\/li>\n\n\n<li>24px\u4ee5\u4e0a\u3001\u307e\u305f\u306f18.66px\u4ee5\u4e0a\u306e\u592a\u5b57\u304c\u5927\u304d\u3044\u6587\u5b57\u306b\u3042\u305f\u308b<\/li>\n\n\n<li>\u958b\u767a\u8005\u30c4\u30fc\u30eb\u306e\u30b3\u30f3\u30bd\u30fc\u30eb\u3067\u3001\u30da\u30fc\u30b8\u5168\u4f53\u3092\u307e\u3068\u3081\u3066\u6e2c\u308c\u308b<\/li>\n\n\n<li>\u5b9f\u6e2c\u3067\u306f\u3001\u30d4\u30f3\u30af\u80cc\u666f\u306b\u767d\u6587\u5b57\u306e\u7d44\u307f\u5408\u308f\u305b\u304c2.64\u3068\u4f4e\u304f\u51fa\u305f<\/li>\n\n\n<li>\u6bd4\u304c1.00\u306e\u3088\u3046\u306a\u5024\u304c\u51fa\u305f\u3089\u3001\u80cc\u666f\u304c\u534a\u900f\u660e\u304b\u3069\u3046\u304b\u3092\u7591\u3046<\/li>\n\n\n<li>\u8272\u3092\u5909\u3048\u305a\u306b\u3001\u6587\u5b57\u3092\u5927\u304d\u304f\u3057\u3066\u57fa\u6e96\u5074\u3092\u4e0b\u3052\u308b\u65b9\u6cd5\u3082\u3042\u308b<\/li>\n\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u3053\u306e\u8a18\u4e8b\u306e\u30b3\u30fc\u30c9\u306f2026\u5e749\u670820\u65e5\u306b\u5b9f\u969b\u306e\u30b5\u30a4\u30c8\u3067\u5b9f\u884c\u3057\u3001\u51fa\u529b\u3092\u78ba\u8a8d\u3057\u305f\u3082\u306e\u3067\u3042\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u306e\u57fa\u6e96\u306f<a href=\"https:\/\/www.w3.org\/TR\/WCAG21\/#contrast-minimum\" target=\"_blank\" rel=\"noopener\">W3C\u306eWCAG 2.1<\/a>\u306b\u5b9a\u7fa9\u304c\u3042\u308b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u30b5\u30a4\u30c8\u306e\u5b9f\u88c5\u307e\u308f\u308a\u306f<a href=\"https:\/\/motoki-design.co.jp\/wordpress\/\">WAZA\u306e\u307e\u3068\u3081<\/a>\u306b\u3082\u7f6e\u3044\u3066\u3044\u308b\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u6587\u5b57\u8272\u3068\u80cc\u666f\u8272\u306e\u5dee\u304c\u5c0f\u3055\u3044\u3068\u3001\u8aad\u3081\u308b\u4eba\u3068\u8aad\u3081\u306a\u3044\u4eba\u304c\u5206\u304b\u308c\u308b\u3002 \u3053\u306e\u5dee\u306f\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u3068\u3044\u3046\u6570\u5024\u3067\u8868\u3055\u308c\u3001\u8a08\u7b97\u5f0f\u304c\u6c7a\u307e\u3063\u3066\u3044\u308b\u305f\u3081\u611f\u899a\u3067\u306f\u306a\u304f\u6570\u5b57\u3067\u5224\u65ad\u3067\u304d\u308b\u3002 \u3053\u3053\u3067\u306f\u3001\u8ffd\u52a0\u306e\u30c4\u30fc\u30eb\u3092\u5165\u308c\u305a\u306b\u30d6\u30e9\u30a6\u30b6\u30fc\u3060\u3051\u3067\u30da\u30fc\u30b8\u5168\u4f53 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":28674,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","book_review_data":"","footnotes":"","ssp_meta_title":"\u30b5\u30a4\u30c8\u306e\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u3092\u8abf\u3079\u308b\u65b9\u6cd5\u3068\u57fa\u6e96","ssp_meta_description":"\u30b5\u30a4\u30c8\u306e\u6587\u5b57\u8272\u3068\u80cc\u666f\u8272\u306e\u30b3\u30f3\u30c8\u30e9\u30b9\u30c8\u6bd4\u3092\u3001\u30d6\u30e9\u30a6\u30b6\u30fc\u306e\u958b\u767a\u8005\u30c4\u30fc\u30eb\u3060\u3051\u3067\u5168\u8981\u7d20\u5206\u307e\u3068\u3081\u3066\u6e2c\u308b\u65b9\u6cd5\u3067\u3059\u3002WCAG\u304c\u5b9a\u3081\u308b4.5\u5bfe1\u30683\u5bfe1\u306e\u4f7f\u3044\u5206\u3051\u3001\u5b9f\u969b\u306b\u6e2c\u3063\u3066\u898b\u3064\u304b\u3063\u305f\u4e0d\u8db3\u306e\u4f8b\u3082\u8f09\u305b\u3066\u3044\u307e\u3059\u3002"},"categories":[83],"tags":[],"area":[],"class_list":["post-28673","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tools"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/28673","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=28673"}],"version-history":[{"count":2,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/28673\/revisions"}],"predecessor-version":[{"id":28758,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/28673\/revisions\/28758"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/28674"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=28673"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=28673"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=28673"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=28673"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}