今回は前回作成したタブ切り替えメニューをWAI-ARIAに対応させていきます。 実際のコード See the Pen WAI-ARIA対応タブメニュー by naomi homma (@naomi-homma) on CodePen. HTMLの実装：role属性とaria属性の追加 <div class="tab"> <ul class="tab__list" role="tab-list"> <li class="tab__item"> </li></ul></div>

先日、「HOW TO MAKE A WEBSITE REAPONSIVE」というタイトルのツイートを見つけました。webサイトをレスポンシブにする上で、16(くらい)の注意点が挙げられていました。 基本的な内容ですが、大事なことが書かれていたので英語の勉強も兼ねて翻訳してみまし…

だいぶ久しぶりの更新となってしまいましたが、 今回はJavaScriptでTabメニューの実装をしていきます。 仕様 タブは3つ以上ある クリックすると切り替わる 表示されているタブは色が付く 同じタブモジュールをページ内に複数設置することが可能 ポイントとし…

だいぶ久しぶりのブログとなってしまいました...2020/10/5にエンジニアとして入社してから、実力不足を痛感し現場についていくための勉強を優先させておりました。 (ブログでのアウトプットは非常に大事なんですけどね！心の余裕が...)というわけで早速、202…