Trend reka bentuk pembungkusan untuk tahun 2022

Status pematuhan

Kami yakin bahawa internet harus tersedia dan boleh diakses oleh sesiapa sahaja, dan komited untuk menyediakan laman web yang boleh diakses oleh khalayak yang paling luas, tanpa mengira keadaan dan keupayaan.

Untuk memenuhi matlamat ini, kami berhasrat untuk mematuhi Garis Panduan Kebolehcapaian Kandungan Web World Wide Web Consortium (W3C) 2.1 (WCAG 2.1) di peringkat AA. Garis panduan ini menerangkan cara menjadikan kandungan web boleh diakses oleh orang kurang upaya. Mematuhi garis panduan tersebut membantu kami memastikan bahawa laman web boleh diakses Kepada semua orang: orang buta, orang yang mengalami gangguan motor, kecacatan penglihatan, kecacatan kognitif, dan banyak lagi.

Laman web ini menggunakan pelbagai teknologi yang bertujuan untuk menjadikannya semudah mungkin pada setiap masa. Kami menggunakan antara muka kebolehcapaian yang membolehkan orang yang mempunyai spesifik ketidakupayaan untuk menyesuaikan UI laman web (antara muka pengguna) dan mereka bentuknya mengikut keperluan peribadi mereka.

Selain itu, laman web ini menggunakan aplikasi berasaskan AI yang berjalan di latar belakang dan mengoptimumkan tahap kebolehcapaiannya secara berterusan. Aplikasi ini memulihkan HTML laman web, menyesuaikan fungsi dan tingkah lakunya untuk pembaca skrin yang digunakan oleh pengguna buta, dan untuk fungsi papan kekunci yang digunakan oleh individu yang mengalami gangguan motor.

Jika anda telah menemui kerosakan atau mempunyai idea untuk penambahbaikan, kami dengan senang hati akan mendengar daripada anda. Anda boleh menghubungi pengendali laman web dengan menggunakan e-mel berikut

Pembaca skrin dan navigasi papan kekunci

Laman web kami melaksanakan teknik ARIA atribut (Aplikasi Internet Kaya Boleh Diakses), di samping pelbagai perubahan tingkah laku yang berbeza, untuk memastikan pengguna buta melawat dengan pembaca skrin dapat membaca, memahami, dan menikmati fungsi laman web. Sebaik sahaja pengguna dengan pembaca skrin memasuki laman web anda, mereka segera menerima gesaan untuk memasukkan Profil Pembaca Skrin supaya mereka boleh menyemak imbas dan mengendalikan tapak anda dengan berkesan. Inilah cara laman web kami merangkumi beberapa keperluan pembaca skrin yang paling penting, Di samping tangkapan skrin konsol contoh kod:

1. Pengoptimuman pembaca skrin: kami menjalankan proses latar belakang yang mempelajari komponen laman web dari atas ke bawah, untuk memastikan pematuhan berterusan walaupun semasa mengemas kini laman web. Dalam proses ini, kami menyediakan pembaca skrin dengan data yang bermakna menggunakan set atribut ARIA. Sebagai contoh, kami menyediakan label borang yang tepat; penerangan untuk ikon yang boleh diambil tindakan (ikon media sosial, ikon carian, ikon troli, dll.); panduan pengesahan untuk input borang; peranan elemen seperti butang, menu, dialog modal (pop timbul), dan lain-lain. Selain itu, proses latar belakang mengimbas semua imej laman web dan menyediakan penerangan berasaskan pengecaman objek-objek imej yang tepat dan bermakna sebagai tag ALT (teks alternatif) untuk imej yang tidak diterangkan. Ia juga akan mengekstrak teks yang tertanam dalam imej, menggunakan teknologi OCR (pengecaman aksara optik). Untuk menghidupkan pelarasan pembaca skrin pada bila-bila masa, pengguna hanya perlu menekan kombinasi papan kekunci Alt+1. Pengguna pembaca skrin juga mendapat pengumuman automatik untuk menghidupkan mod Pembaca Skrin sebaik sahaja mereka memasuki laman web.

   Pelarasan ini serasi dengan semua pembaca skrin popular, termasuk JAWS dan NVDA.

2. Pengoptimuman navigasi papan kekunci: Proses latar belakang juga menyesuaikan HTML laman web, dan menambah pelbagai tingkah laku menggunakan kod JavaScript untuk menjadikan laman web boleh dikendalikan oleh papan kekunci. Ini termasuk keupayaan untuk menavigasi laman web menggunakan kekunci Tab dan Shift+Tab, mengendalikan juntai bawah dengan kekunci anak panah, menutupnya dengan Esc, butang pencetus dan pautan menggunakan kekunci Enter, navigasi antara elemen radio dan kotak semak menggunakan kekunci anak panah dan isinya dengan Spacebar atau kekunci Enter. Selain itu, pengguna papan kekunci akan menemui menu navigasi cepat dan melangkau kandungan, tersedia pada bila-bila masa dengan mengklik Alt+1, atau sebagai elemen pertama tapak semasa menavigasi dengan papan kekunci. Proses latar belakang juga mengendalikan pop timbul yang dicetuskan dengan mengalihkan fokus papan kekunci ke arah mereka sebaik sahaja ia muncul, dan tidak membenarkan fokus hanyut di luarnya.

   Pengguna juga boleh menggunakan pintasan seperti "M" (menu), "H" (tajuk), "F" (borang), "B" (butang), dan "G" (grafik) untuk melompat ke elemen tertentu.

Profil ketakupayaan yang disokong di laman web kami

• Mod Selamat Epilepsi: profil ini membolehkan orang dengan epilepsi menggunakan laman web dengan selamat dengan menghapuskan risiko sawan yang disebabkan oleh animasi berkelip atau berkelip dan kombinasi warna berisiko.
• Mod Cacat Penglihatan: mod ini menyesuaikan laman web untuk kemudahan pengguna yang mengalami masalah penglihatan seperti Degrading Eyesight, Tunnel Vision, Katarak, DrDeramus, dan lain-lain.
• Mod Hilang Upaya Kognitif: mod ini menyediakan pilihan bantuan yang berbeza untuk membantu pengguna dengan gangguan kognitif seperti Disleksia, Autisme, CVA, dan lain-lain, untuk memberi tumpuan kepada elemen penting laman web dengan lebih mudah.
• Mod Mesra ADHD : mod ini membantu pengguna dengan gangguan ADHD dan Neurodevelopmental untuk membaca, melayari, dan memberi tumpuan kepada elemen laman web utama dengan lebih mudah sambil mengurangkan gangguan dengan ketara.
• Mod Buta: mod ini mengkonfigurasi laman web agar serasi dengan pembaca skrin seperti JAWS, NVDA, VoiceOver dan TalkBack. Pembaca skrin adalah perisian untuk pengguna buta yang dipasang pada komputer dan telefon pintar, dan laman web mesti serasi dengannya.
• Profil Navigasi Papan Kekunci (Motor-Terjejas): Profil ini membolehkan orang kurang upaya motor mengendalikan laman web menggunakan Tab papan kekunci, Shift+ Tab, dan kekunci Enter. Pengguna juga boleh menggunakan pintasan seperti "M" (menu), "H" (tajuk), "F" (borang), "B" (butang), dan "G" (grafik) untuk melompat ke elemen tertentu.

UI tambahan, reka bentuk dan pelarasan kebolehbacaan

1. Pelarasan fon – pengguna, boleh meningkatkan dan mengurangkan saiznya, menukar keluarga (jenis), melaraskan jarak, penjajaran, ketinggian garis dan banyak lagi.
2. Pelarasan warna - pengguna boleh memilih pelbagai profil kontras warna seperti cahaya, gelap, terbalik dan monokrom. Di samping itu, pengguna boleh menukar skema warna tajuk, teks, dan latar belakang, dengan lebih daripada 7 pilihan pewarna yang berbeza.
3. Animasi – pengguna epilepsi boleh menghentikan semua animasi yang sedang berjalan dengan satu klik butang. Animasi yang dikawal oleh antara muka termasuk video, GIF dan peralihan berkelip CSS.
4. Penyerlahan kandungan – pengguna boleh memilih untuk menekankan elemen penting seperti pautan dan tajuk. Mereka juga boleh memilih untuk menyerlahkan elemen fokus atau berlegar sahaja.
5. Muting audio – pengguna dengan peranti pendengaran mungkin mengalami sakit kepala atau isu lain akibat bermain audio automatik. Pilihan ini membolehkan pengguna membisukan keseluruhan laman web dengan serta-merta.
6. Gangguan kognitif - kami menggunakan enjin carian yang dikaitkan dengan Wikipedia dan Wiktionary, membolehkan orang yang mengalami gangguan kognitif untuk menguraikan makna frasa, inisial, slanga, dan lain-lain.
7. Fungsi tambahan - kami menyediakan pengguna pilihan untuk menukar warna dan saiz kursor, menggunakan mod percetakan, mendayakan papan kekunci maya, dan banyak fungsi lain.

Pelayar dan keserasian teknologi bantuan

Kami berhasrat untuk menyokong pelbagai pelayar dan teknologi bantuan yang mungkin, supaya pengguna kami boleh memilih alat pemasangan terbaik untuk mereka, dengan sedikit batasan yang mungkin. Oleh itu, kami telah bekerja keras untuk dapat menyokong semua sistem utama yang terdiri daripada lebih daripada 95% bahagian pasaran pengguna termasuk Google Chrome, Mozilla Firefox, Apple Safari, Opera dan Microsoft Edge, JAWS dan NVDA (pembaca skrin), baik untuk Windows dan untuk pengguna MAC.

Nota, komen dan maklum balas

Walaupun usaha terbaik kami untuk membolehkan sesiapa sahaja menyesuaikan laman web dengan keperluan mereka, masih terdapat halaman atau bahagian yang tidak dapat diakses sepenuhnya, sedang dalam proses untuk diakses, atau kekurangan penyelesaian teknologi yang mencukupi untuk menjadikannya boleh diakses. Namun, kami terus meningkatkan aksesibiliti, menambah, mengemas kini dan menambah baik pilihan dan ciri-cirinya, dan membangun dan mengguna pakai teknologi baharu. Semua ini bertujuan untuk mencapai tahap kebolehcapaian yang optimum, berikutan kemajuan teknologi. Untuk sebarang bantuan, sila hubungi