タグ

アクセシビリティに関するgrandfrigoのブックマーク (5)

  • フロントエンドチェックリスト(日本語訳) - Qiita

    GitHubで公開されているフロントエンドチェックリストというドキュメントが、網羅されている内容が幅広く便利そうだったので、日語に翻訳しました。 日語版は、以下のGitHubリポジトリにあります。GitHub側と自動的に連携するようにしておりますので、誤訳や誤りなどがあれば GitHub のプルリクエストまたは Issue で報告していただけると幸いです。 https://github.com/miya0001/Front-End-Checklist 日語版への貢献方法 最終更新日時: 2017-11-19 03:50:47+09:00 (未翻訳) Front-End Checklist The Front-End Checklist is an exhaustive list of all elements you need to have / to test before lau

    フロントエンドチェックリスト(日本語訳) - Qiita
  • WCAG 2.0 解説書

    【注意】 この文書は、W3C ワーキンググループノート Understanding WCAG 2.0 の 2016 年 10 月 7 日時点での最新版を、ウェブアクセシビリティ基盤委員会 (WAIC) が翻訳して公開しているものです。この文書の正式版は、W3C のサイトにある英語版です。正確な内容については、W3C が公開している原文 (英語) をご確認ください。この翻訳文書はあくまで参考情報であり、翻訳上の誤りが含まれていることがあります。翻訳上の誤りを見つけられた場合は、翻訳に関するお問い合わせからご連絡ください。 【注意】この文書にはより新しいバージョンが存在します: WCAG 2.1 解説書 WCAG 2.0 を理解して実装するためのガイド W3C ワーキンググループノート 2016 年 10 月 7 日このバージョン: https://www.w3.org/TR/2016/NOT

  • 404

    File Not Found アクセスしようとしたページは 見つかりませんでした。 以下のような原因が考えられます。 記事が削除された URLが間違っている

    404
  • 【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita

    概要 主に「2016年 - 2017年」の記事から引っ張ってきて、ただただ羅列したものです。 なので、このまとめ自体の最適化が成されてないですが、そこはご容赦ください… ユーザビリティ・アクセシビリティ 分かりやすさ 入力項目は必要最低限にする 項目名は簡潔で短く分かりやすいものにする できる限り入力フィールドの数は最小限にする 一つの項目の入力フィールドを複数に分けない 例:姓名、電話番号、郵便番号など 必須項目は、「*」ではなく「必須」と表示する ラベルやヒント(○文字以上必要です)をplaceholderに設定しない フォーカスした際に消えてしまうため、入力例を入れてあげる程度にする フォーカスした際の入力フィールドのデザインを変える 入力フィールドのサイズは、入力される値に合わせる リアルタイムでチェック出来るバリデーションを実装する エラーメッセージは、上部にすべて表示するのでは

    【Tips】ただただフォーム最適化をまとめたチートシート的なもの - Qiita
  • CSS で文字サイズを変更する

    第 10 回目は「CSSで文字サイズを変更するボタンを設置する」です。 今回は「styleswitcher.js」でCSSを切り替えて、サイトの文字サイズを変更するボタンの設置方法を解説します。 「styleswitcher.js」は複数のスタイルシートファイルを切り替えて読み込むことができ、クッキーに保存できる優れもののライブラリです。 実装手順は以下の通りです。 1. styleswitcher.js をダウンロード 「styleswitcher.js」を以下のサイトからダウンロードします。 「A List Apart: Articles: Alternative Style: Working With Alternate Style Sheets」のエントリーの中にある Download styleswitcher.js からダウンロードできます。 2. font-sizeの値が異な

    CSS で文字サイズを変更する
  • 1