ニケラオ » ウェブログのアーカイブ » さらにフォームが…うわっ！

» ウェブログアーカイブ » そしてさらにフォーム…うわっ！ Niquelao そしてさらにフォーム…うわっ！ 2007年1月2日、Rumoroso著 すでに長い連載となった「フォームを手直しする」を経て、多くの人（まあ、「多くの人」というのも、その人たちが考える能力があるというのも、どちらも勝手な前提だが）は、もうフォームの話はしないだろうと思っていた…だが、そうはならなかった！ 再び改善に取り組むために戻ってきたが、今回はアクセシビリティの観点からだ。以前のスクリプトが導入した機能に加えて、fieldset 要素によるフィールドのグループ化を認識する機能を追加した。すべてはユーザー体験とアクセシビリティを向上させるためだ。この要素は、入力するデータの種類（例：個人データ、銀行データ、学歴データなど）に基づいてフィールドをグループ化することを目的としており、全体の構造とアクセシビリティを向上させる。fieldset には legend 要素が追加され、グループ化されたデータの見出しとして機能する。 …そして、何のために？ このアイデアは、膨大な数の必須フィールド（どことは言わないが…）を備えた巨大なフォームを恐ろしい思いで見た後に浮かんだ。これらのフィールドが入力されないと、エラーのリストがものすごーーーーーく長くなり、読むのが非常に不快で、理解しにくく、見た目もひどいものになる。フォームのフィールドが理解しやすいようにグループ化されているなら、なぜ同じパターンでエラーをグループ化しないのか？ スクリプトの動作にグループ化は必要ないが、まあ…常にそれを念頭に置いて使うのは良いことだ。 テスト いつものように、使用例にアクセスするか、直接ダウンロードできる。見てのとおり、エラーは引き続きリストで表示される。ただし、この場合はネストされたリストを作成して、それらをグループ化し、前述の構造の改善を実現しようとしている。 …そしてこれらすべては、フォームを手直しする 第III話（「帰還」）に関連している フォームを手直しする（第II話） フォームを手直しする（第I話） 重要：JavaScriptの使用はアクセシビリティに悪影響を及ぼすべきではないことを思い出してほしい。適切に使用し、ユーザーへの配慮をすべて怠らなければ、ユーザー体験を向上させる。 そしてさらにフォーム…うわっ！ カテゴリー：アクセシビリティ、JavaScript —> 2件のコメント Jorge 2007年5月29日 あなたのスクリプトを試してみましたが、（言うまでもなく）素晴らしいものです。しかし、inputやlabelにクラスがある場合に非互換性に遭遇しました。エラーが出ると、classの値が「error」になってしまうのです。labelerrorを(labels[i].className == ""?labelerror:labels[i].className+” “+labelerror)に、fielderrorを(elasociado.className == ""?labelerror:elasociado.className+” “+fielderror)に変更して解決しました。自分には到底できないものを修正するのは心苦しいです、すみません。素晴らしい仕事です。 Rumoroso 2007年5月30日 ご contribution ありがとうございます。あなたが言及した非互換性がよくわかりませんでした。このページからダウンロードできる例で、labelとinputにクラスを追加して試してみました。何が起こるか、リンクか例を送っていただけますか？ 改めて感謝を述べ、これが皆さんの貢献によって改善されることを本当に必要としていることを思い出させてください。よろしくお願いします。 コメントはRSS 2.0フィードで追跡できます。また、あなたのサイトからトラックバックを送ることもできます。 前の記事：今日はフォントの話 次の記事：TAWにおめでとう —> —> —> この作品はCreative Commonsライセンスの下にあります。

P.S. A few readers have asked which superposición de accesibilidad (overlay) we actually reach for — it's accessiBe; take a look here if you want the current details.