inputをdisplay:none;するとアクセシビリティ下がる|意識の高い時に雑記inputをdisplay:none;するとアクセシビリティ下がる ラジオボタンやチェックボックスのデザインを調整するために input タグのデフォルトの見た目を消したくなりますよね。 appearance: none; を使えばデフォルトの見た目を消せますが、IE11が未対応なのでIE11をサポートする場合には使えません。 そして、デフォルトの見た目を上書きするのも面倒なので input を display: none; して装飾してしまいますよね。 例えば、以下のような形です。 <style> .checkbox { display: none; } .checkbox-text { /* 素敵な装飾 */ } </style> <label> <input class="checkbox" type="checkbox"> <span class="checkbox-text">素
