はてなブックマーク

events.js:167 throw er; // Unhandled 'error' event ^ Error: getaddrinfo ENOTFOUND localhost at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:26) Emitted 'error' event at: at GetAddrInfoReqWrap.doListen [as callback] (net.js:1507:12) at GetAddrInfoReqWrap.onlookup [as oncomplete] (dns.js:56:17) error Command failed with exit code 1. info Visit https://yarnpkg.com/en/docs/cli/run for docume

※ 2020/12/15 フォーカスについて一部追記、参考リンクを追加 ※ 2020/04/16 加筆、CSSの表現を一部修正しました この記事で言いたいことは ラジオボタン、チェックボックスをdisplay:none;してキーボード操作できなくして、CSSで装飾するのは止めろ！ ということです。 巷にフォームのラジオボタンやチェックボックスをCSSで装飾するサンプルコードがありますが、キーボード操作を確認してるのか？と疑問に思うCSSをよく見かけます。 こんなコードを平気で書いてる人はアクセシビリティを全く考えてない人です。 テックノート – ユーザビリティのよいチェックボックス・ラジオボタンのCSS見本５３選！ で紹介されてる中でもキーボード操作できるのは10個もありませんでした。（ドメイン期限切れ） チェックボックスをおしゃれにするCSSスニペット25選。アニメーションが刺さる！ |

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

2021.05.29 修正 codepenのサンプル内からのリンクを別タブで開くと警告されるようになったので、 別でサンプルHTMLを準備しました よく出回ってるhoge.html?id=sec01など、URLのクエリパラメータでIDを指定するようなURLでページ内アンカーをさせるやり方はアクセシビリティ、マシンリーダブルの面では疑問です。 JavaScriptをOFFにされてもきちんと動作し、またGoogleなどのbotにも適切な箇所にリンク先を指定できるページ内アンカー(#id)で指定する方が好ましいと個人的に考えてます。 ✕悪い例 <a href="hoge.html?id=sec01"> ◎良い例 <a href="hoge.html#sec01"> なので素直にハッシュ(#)でID指定してページが自動スクロールするJavaScriptをjQueryで書きました。 Sample h