Berita Platform Mingguan: Motion Reduced, Cors, Whitehouse.gov, Popups, dan 100VW

Berita Pembangunan Web minggu ini merangkumi pelbagai topik, dari elemen HTML baru yang dicadangkan untuk amalan terbaik dan potensi CSS yang berpotensi.

Yang baru<popup></popup> Elemen muncul

Microsoft dan Google bekerjasama dengan HTML baru<popup></popup> elemen, yang direka untuk mewujudkan elemen UI sementara yang boleh diakses dan mudah. Tidak seperti<dialog></dialog> dan yang ditetapkan<menu></menu> , elemen ini bertujuan untuk kesederhanaan dan tingkah laku pemecatan yang jelas (kunci ESC atau perubahan fokus).

Kebolehcapaian di laman web yang memenangi anugerah: Peluang yang tidak dijawab

Semasa meraikan laman web terbaik pada tahun 2020, Awwwards menyerlahkan pengawasan kebolehaksesan yang sama: tidak ada tapak yang menang yang dilaksanakan prefers-reduced-motion . Pertanyaan media ini membolehkan pemaju untuk mengendalikan keutamaan pengguna dengan anggun untuk gerakan yang dikurangkan, mencegah isu -isu yang berpotensi untuk pengguna dengan gangguan vestibular. Laman web penyeberangan haiwan berfungsi sebagai contoh positif pelaksanaan yang betul, termasuk pengguna togol.

Pengasingan silang asal: Keamanan yang dipertingkatkan dengan perdagangan

Laman web kini boleh memilih pengasingan silang asal dengan menetapkan tajuk HTTP tertentu ( Cross-Origin-Embedder-Policy: require-corp dan Cross-Origin-Opener-Policy: same-origin ). Ini meningkatkan keselamatan dengan menyekat pemuatan kandungan dari asal -usul lain, tetapi memberikan akses kepada API yang kuat seperti SharedArrayBuffer .

Whitehouse.gov: Komitmen untuk Kebolehcapaian

Laman web Whitehouse.gov Pentadbiran Biden menunjukkan komitmen yang kuat terhadap kebolehaksesan, melebihi keperluan minimum dengan merujuk garis panduan WCAG 2.1.

Berhati -hatilah dengan nilai dan scrollbar 100vw CSS

Menggunakan width: 100vw boleh membuat bar skrol mendatar yang tidak dijangka pada tingkap kerana cara scrollbars klasik mengendalikan lebar. Pengguna MACOS, yang biasanya menggunakan scrollbars overlay, mungkin tidak menghadapi masalah ini, menjadikannya penting bagi pemaju untuk menguji sistem operasi yang berbeza dan tetapan bar skrol.

Atas ialah kandungan terperinci Berita Platform Mingguan: Motion Reduced, Cors, Whitehouse.gov, Popups, dan 100VW. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!