プログラムメモ
Category
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
PHPプログラムメモ
PHPフレームワークLaravel
Stripe / Laravel Cashier
PHPフレームワークcodeIgniter
PHP Zend Framework
JavaScriptプログラムメモ
jQuery
node.js
gulp(タスク自動化ツール)
Vue.js
WEB制作(html, css)
css3
Tailwind CSS
Bootstrap
サーバ構築・管理
UNIX ( Linux FreeBSD )シェルコマンドメモ
KUSANAGI
Pleskサーバ管理
Amazon AWS クラウド / EC2 , S3, Route53
Mac OSX おすすめフリーソフト
MySQL
SQL Server(MS-SQL)
postgreSQL
デザイン関連(Photoshop・Illustrator)
Sketch / Adobe XD
Mac OSX用 VST AU RTAS プラグイン
フリー素材(写真、アイコン、フォント)
iPhone / iPad
WEBサービス
SQLite
エディタ・WEB開発環境
Flash / ActionScript
Windows WEB開発(ASP.NET Core / C#)
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
クラウド/VPS/レンタルサーバ/専用サーバ
リッチテキストエディタ / TinyMCE / Summer note
Ionic / Angular フロントエンド
git
最近のメモ
Google Lighthouseの「フォーム要素にはラベルが関連付けられていません」を修正する
# ● ボタンにアクセス可能な名前がありません(Buttons do not have an accessible name)
W3C Lint / 記事に見出しがありません エラーの対処法
Windows の新しいターミナル(shell)アプリ「Windowsターミナル」を使用する
BrowsershotでPDF表示
Laravel Snappy で PDFを生成する
composer が メモリ不足で強制終了となるのに対処する
Laravel 6 7 で ユーザー認証(Auth)機能を作成する
input type="text" の 候補リストを JavaScript で動的に変更する
VS Code で Vim ショートカットを使用する
Laravel の ログインの SESSION_LIFETIME を変更する
sqlcmdの空白が多くて見にくいので –W で余計な空白の出力を省く
git で 複数のコミットを1つにまとめる
git log のリストに変更ファイルを表示する 等 git log の便利な機能
開発用ブランチで作業中に master が修正されたので取り込む
Laravelでメール認証をログインさせずに行う
● jQuery でのフォーム操作
git の日本語の文字化けを直す
Laravel で 日本語ファイル名でファイルをダウンロードさせる
MacユーザーがブートキャンプでWindowsを入れた後にすぐ行うべきこと
Laravel で pdfテンプレートとhtmlと日本語フォントを使ってpdfを出力する
git で 後からブランチを作成する
javascript オブジェクト メンバ 存在
laravel model encrypt search
git tag でタグをつける / git のタグを取り消す
検索
WEBアクセシビリティ / Google Lighthouse / W3C Markup Validation
トップに戻る
新規投稿
tags
W3C_Markup_Validation_Service
[1]
クイックリンク
Google Lighthouseの「フォーム要素にはラベルが関連付けられていません」を修正する
W3C Lint / 記事に見出しがありません エラーの対処法
DiagnosticsMore information about the performance of your application. These numbers don't directly affect the Performance score.
[user-scalable="no"] is used in the <meta name="viewport"> element or the [maximum-scale] attribute is less than 5. の対応
100% appropriately sized tap targets (タップターゲットのサイズが適切ではありません)
# ● ボタンにアクセス可能な名前がありません(Buttons do not have an accessible name)
Aタグなどリンクするタグ に aria-label をつける
サイトで rel="noopener" を使用して外部アンカーを開く
Google Lighthouseの「フォーム要素にはラベルが関連付けられていません」を修正する
● 「フォーム要素にはラベルが関連付けられていません」Form elements do not have associated labels を修正する
aria-label をつけましょう
<select name="menu">
↓
<select name="menu" aria-label="クイックリンク">
No.1882
10/19 09:14
edit
edit
delete