Top Page › Template › テンプレ修正等 › パスワードに autocomplete?

パスワードに autocomplete?

2020-10-02 (Fri) 15:05

テンプレートにエラー等が無いか GoogleChromeの『デベロッパーツール』で確認しておりましたら、Consoleに何やら見慣れぬ文言が…
って、前から有りましたっけ?私が気付いていなかっただけ?(^_^;)
…'19年のバージョンに既に有ったようです。個別記事の確認、怠ってたため分かりませんでした。スミマセンm(__)m

[DOM] Input elements should have autocomplete attributes (suggested: "current-password"): 

オートコンプリート1

パスワードの入力欄にオートコンプリートって、要ります?忘れてしまいそうなくらい沢山持ってるなら良いだろうけど…。
他の人がPC使った時に改ざんする危険性とか有るんじゃないかな?と思うんだけど、Google的には「入力に自動支援(のON・OFF)を指定して下さい」ということのよう。
↓こちらに出てました。
blog-image

Input elements should have autocomplete attributes

I am getting this message in the console I can't understand it. Please look into it
<!DOCTYPE html>
<html>
<head>
<title>registration page</title>
<


デベロッパーツールでの『お小言』が嫌な場合は、HTML編集枠内の下記の箇所を変更して頂くと文句を言われなくなります。
ONかOFFかは委ねられてるので、修正する場合はご自身の判断でお願い致します。
オートコンプリート2
<input id="pass" type="password" name="comment[pass]" placeholder="設定すると後で修正,削除できます" autocomplete="off">


次の修正・更新で全テンプレートに『OFF』で追記します。一応事前告知という事で記事に致します。m(__)m






2020/10/06 追記:
autocomplete 属性 "off" を調べてみたら、MDN web docs では

自動補完を無効にすると、 WCAG 2.1 の 1.3.5: Identify Input Purpose の規則を破ることになることを知っておくことが重要です。 WCAG に従うウェブサイトを制作するのであれば、自動的に記入する自動補完を使用するべきです。

と言ってます。 詳しくは下記をご覧下さいませ。m(__)m
blog-image

フォームの自動補完を無効にするには

この記事では、フォーム入力欄の自動補完をウェブサイト側から無効にする方法を説明します。


個人的な意見としては「オートコンプリートにしたい場所、したくない場所は利用者・制作者それぞれにあると思うので、autocomplete属性の使用不使用はDevツールチェック無しで!」という扱いにして欲しい。(^_^;)
アレが出ると滅茶苦茶気になるもので…。
(既に去年から有ったものなので今更ですが、ホントGoogle細か過ぎ。)
ただ、フォーム等の利用者が『オートコンプリート』で文字列が出て来るものと期待している場合も有りますので、管理者側の自動補完ON・OFF判断は最小限にしておいた方が良いのかなと思います。

[Tag] * 修正・更新 * 事前告知

Comments

まったく

もう、まったく気付いていませんでした笑
いかにデベロッパーツールを使いこなせていないかというのが
バレてしまいますね(∩^o^)テヘ
2020-10-02-21:21  徳川たぬこ
[ 返信 * 編集 ]

aki

Re: 徳川たぬこ 様へ

いやいや、作ってる者が気にして無きゃいけませんよね。^^; スミマセン。
特にLighthouseでチェックされる事は、素のテンプレートの時点で出来るだけ解消しておかないと。
まぁ、ヤバいエラーでは無いのでこの機会に直します。(^_^;)
(verbose「言葉数が多い、冗長な、くどい、詳細」という意味らしい。まさにお小言。^^;)
2020-10-02-23:58  aki
[ 返信 * 編集 ]

いまさらですがこの記事大変参考になりました˖✧

Androidスマホで見た時に
検索窓と、コメント欄の件名のところに
今まで打ち込んだワードがずら~っと
たくさん選択肢で出てきてしまって
非常に鬱陶しかったので
autocomplete="off"
を足しました^^;

Google先生、たまにいらんことをなさいますよね(超小声)
2020-10-06-11:20  徳川たぬこ
[ 返信 * 編集 ]

aki

Re: 徳川たぬこ 様へ

こんにちは。コメントを有難うございます。

記事の下段に追記させて頂きました。
OFFにする件、調べるキッカケを頂き感謝致します。m(__)m

自動入力情報は人それぞれなので、管理者側が良かれと思ってやった事が閲覧者側の不便になる場合も有ります。
ご自身のブラウザの問題ならば、先ずは不要なものを削除してみて下さい。
(多分、Chromeアプリを開いて︙メニュー『設定』>『プライバシー』>『閲覧履歴データの削除』>『詳細設定』タブをスクロールすると『自動入力フォームデータ』の削除が有ると思います。)
見に来られた方が入力時に『オートコンプリート」で文言が出て来るものと期待している場合も有りますので、管理者の判断は最小限にしておきましょう。(^^)
2020-10-06-15:56  aki
[ 返信 * 編集 ]






非公開コメント