Scroll
7.xから8.xへのクラスの更新
コアクラスの変更
「element-x」ヘルパークラス名の簡素化
Drupal 7では、element-hidden、element-invisible、element-focusableといういくつかの新しいクラスが導入されました。名前からこれらのクラスが何をするのかを正確に理解するのは難しかったため、クラス名が変更されました。新しい名前はクラスを理解しやすくし、人気のあるHTML 5環境であるHTML 5 Boilerplateに合わせることを目的としています。変換と使用法の表は次のとおりです：
| 変更前（7.x） | 変更後（8.x） | メモ |
| element-hidden | hidden |
視覚的にもスクリーンリーダーからも非表示にします（例：後でJavaScriptで埋められる要素、またはJavaScriptで非表示にする要素）。
|
| element-invisible | visually-hidden |
視覚的には非表示にしますが、スクリーンリーダーでは利用可能です（例：メニューの見出し）。
|
| element-focusable | visually-hidden focusable |
キーボードで視覚的に非表示の要素に移動できるようにします（例：コンテンツへのスキップリンク）。focusableクラスはvisually-hiddenと一緒に使用する必要があります。
|
| invisible | このクラスはDrupal 8で新しく追加されました。要素を視覚的にもスクリーンリーダーからも非表示にしますが、視覚的なレイアウトは維持します。 |
これらのクラスはcore/modules/system/css/system.module.cssで実装されています。
詳細については、以下を参照してください：