アクセシビリティに配慮してコーディングしたデモサイト
- HTML/CSS
- アクセシビリティ
Skill
HTML, CSS3
頂いたデザインカンプを基に、HTML,CSSを用いてLP等の静的サイトコーディングを行えます。標準でレスポンシブ対応し、概ね375pxからどの画面幅でも表示崩れのないようにコーディングします。
XD、Photoshop、Illustrator、Figmaのデザインカンプに対応可。
JavaScript
JavaScriptを用いてコーディングいたします。アニメーションを付与したり、ドロワーメニューやモーダル等を実装し、その際ユーザビリティにも配慮します。必要に応じてプラグイン、ライブラリ等も利用します。指定のない限り基本的にVanillaJSです。
CMS
WordPressを利用したWebサイトを構築できます。頂いたデザインカンプを基に、オリジナルテーマを作成できます。カスタム投稿、カスタムフィールド等対応いたします。Astro + ヘッドレスCMSでのサイト構築もできます。
Webアクセシビリティ
キーボード操作時やスクリーンリーダー使用時でも支障のない操作を目指しています。ブラウザ拡大表示時でも表示崩れのないようにいたします。
Works & Demo
アクセシビリティに配慮したデモサイトのコーディング
- HTML/CSS
- アクセシビリティ
Astroを使用したデモサイトコーディング
- Astro
- アクセシビリティ
架空研修サービス会社のホームページのコーディング
- WordPress
架空英会話スクールのホームページのコーディング
- WordPress
架空歯科医院のホームページのコーディング
- WordPress
架空の旅館ホームページのコーディング
- HTML/CSS
架空サラダ専門店のホームページ(コーディング)
- HTML/CSS
About
当ページをご覧頂きありがとうございます。ヤマザキ タカヒロと申します。宮城県在住のWebコーダーです。
ウェブアクセシビリティに力を入れております。きっかけは、ある時Bootstrapのテンプレートを弄っていたところ、なにやら見慣れない記述を発見した時です。
aria-labelなどの所謂WAI-ARIAですね。
恥ずかしながらこれを調べた時初めて、今までの自分のコーディングではサイトを十分に利用できない方々がいるということに気づきました。
これはWebの実装者として納得できる事ではありませんし、とても歯痒い気持ちになり、これがきっかけでウェブアクセシビリティについて勉強するようになりました。
少し抽象的かもしれませんが、たとえ提供者側が利用者をターゲティングしたとしても、ターゲット以外からの流入を無視するべきではなく、使うか使わないかはあくまで利用者が判断するべきと考えます。
そのため、まずは一人でも多くの方々に使っていただける様に、入り口を確実に提供できるようなコーディングを目指していきたいと思っています。