Building a more accessible web experience in 2025

Nalapur.

Nalapur, Nalapur.

Oba oba oba oba Opa opa opa opa.

Di bawah, di.

Bawah, di bawah, di bawah, di bawah, di bawah, di bawah, di bawah, di.

Bawah, di bawah, di bawah, di bawah, di bawah, di di bawah, di di.

Bawah, di bawah, di bawah, di bawah, bawah, di bawah, bawah, di bawah, di bawah, bawah, di bawah, di.

Bawah.

Terima.

Kasih Selamat datang, semuanya. Saya Dan Sensen, dan ini tahun baru, teman-teman. telah Saya pikir sebuah kata-kata lama yang pernah dikatakan bahwa tahun baru sebenarnya tidak memulai sehingga acara developer hug pertama terjadi. Dan itu sedang terjadi hari ini, sekarang. Jadi Selamat Tahun Baru, nikmati menonton! kemuliaan. Ayo kita mulai. Selamat datang di The Develop Hub. Kami akan berbicara mengenai aksesibilitas hari ini. Membangun pengalaman web yang lebih aksesibel di tahun 2025. Kami memiliki cast yang menarik di depan, dan kami akan berbicara mengenai, sebenarnya, acara selanjutnya. Karena ini tahun baru, saya sedang berusaha untuk lebih baik mengatur jadwal. Jadi, sudah ada acara selanjutnya. Kita akan berbicara tentang SEO teknis dan performa web. Itu seharusnya sebuah yang baik dan datanya benar-benar salah. Saya akan mengupdate itu juga. Jadi, saya memiliki banyak hal untuk diperbaiki pada tahun baru. Baiklah, mari kita masukkan karakter-karakter. Kita ada banyak orang yang berbicara hari ini. Kita ada Toon, John, Brooke, Tanya, dan Anton. Mereka semua akan berbicara tentang hal-hal yang sangat keren. Pertama, saya ingin menyerahkan agendanya, yaitu 5 menit berbicara tentang Brooke. 5 menit untuk tunjukkan kenapa kita ingin berbicara tentang aksesibilitas. 15 menit atau lebih, John berbicara mengenai beberapa alat aksesibilitas di HubSpot. 15 menit untuk Tonya berkata, tunggu John, ada banyak lagi di luar sana. Saya punya beberapa alat eksternal yang ingin kita bicarakan. Lalu Anton berkata, yo, mari kita tanyakan kode. Ini dia. Lalu terakhir tapi tidak terlebih dahulu, kita memiliki sebuah rondean kecil di mana kita akan berbicara tentang semua pertanyaan yang kalian miliki, serta beberapa yang saya miliki untuk orang yang sangat pintar. So with that being said, I think I'm going to go ahead and turn it over to Brooke. So come on up stage, Brooke, and I'm going to leave.

All right. Sounds good. Hello, everybody. Thank you so much for being here. I am super excited about today's topic. I am really into accessibility and making sure that all of our websites out there are accessible to everyone no matter what ability they have. Tapi sebenarnya apa yang akan saya bicarakan hari ini adalah developer changelog yang berjalan live kemarin. Jadi jika Anda ingin memeriksa rollup Januari, silakan scan kode QR di atas layar. Atau Anda bisa menggunakan link bit.ly di sana dan itu akan membawa Anda ke semua changelog yang kita miliki di situs web developer. Jadi, biar saya cepat-cepat melihat beberapa update yang kita miliki untuk bulan ini. Pertama, kita memiliki pengetahuan penggunaan aplikasi yang diperbaiki. Fitur ini telah diperbaiki untuk menambahkan kemampuan laporan yang diperbaiki untuk pengembang dengan menyediakan data agregat tertentu tentang bagaimana pengguna aplikasi berinteraksi dengan aplikasi Anda di HubSpot. Dan data ini lebih dari 30 hari sebelumnya dan memiliki pandangan mengenai aktivitas pengguna yang spesifik. Dan jika Anda ingin melihat pandangan ini, langsung ke bagian listing aplikasi marketplace portal Anda, pilih aplikasi Anda, dan kemudian Anda bisa melihat data aktivitas dengan jarak dan jenis operasi. Jadi belajar lebih banyak di bit.ly di bawah ini. Selanjutnya, kami juga memiliki lebih banyak hal tentang aplikasi kami. Ini adalah tab penggunaan aplikasi baru untuk mengontrol API. Tab ini akan memungkinkan Anda untuk mengetahui dan memahami patron penggunaan API Anda, menawarkan pengetahuan mengenai penggabungan pelanggan dengan fungsinya aplikasi Anda, dan Anda dapat memfiltrasi data penggunaan ini dengan jangkauan jadwal, dan metrik-metrik tertulis termasuk jadwal panggilan API, poin akhir yang spesifik yang diperintahkan, dan jumlah panggilan yang berhasil tanpa error. Additionally, you can export this data so you can do with it what you want. Check out the link to learn more about app usage tab. Kita juga memperkenalkan, ini semuanya untuk partner-partner di luar sana. Kita memiliki banyak update aplikasi. Ini memperkenalkan peringkatan aplikasi 2 tahun baru. Apa yang diartikan adalah, Anda harus mengubah aplikasi Anda pada peringkatan 2 tahun. Anda akan menerima notifikasi 3 bulan sebelum sertifikasi aplikasi Anda berakhir, yang seharusnya memberi Anda waktu untuk mengupdate aplikasi Anda dan melalui proses re-sertifikasi. Kita juga akan meluncurkan beberapa tool pembangunan baru kemudian tahun ini, yang akan membantu mengeratkan proses penerimaan ini, termasuk peringatan langkah demi langkah, tracking status, dan penerimaan yang rata. Jadi, jika Anda sedikit khawatir tentang hal itu, jangan khawatir. Ini beberapa langkah selanjutnya untuk Anda. Pertama, tanda jadwal aplikasi Anda dan siapkan update Anda awal. Kedua, gunakan notifikasi tiga bulan sebagai peringatan untuk memulai proses penerimaan Anda. Jangan tunggu sampai saat terakhir, pastikan Anda mendapatkannya awal, dan tetap terhubung dengan update portal pembangunan itu agar kita dapat memudahkan pengurusan sertifikasi Anda. Selanjutnya, ini untuk semua orang yang menggunakan AppCards beta dan Legacy CRM Cards, CRM Cards klasik sekarang bisa ditutup untuk instalasi baru. Jadi, selain menggunakan API Feature Flags untuk menggantikan AppCards ke dasar instalasi Anda, Anda juga bisa menggunakannya untuk memfasilitasi pembuatan CRM Cards klasik dengan menetapkan flag HSHIDE CRM Cards. Jadi, contohnya dengan install yang ada, Anda mungkin ingin terus menunjukkan kartu lama untuk mengingat pengguna untuk mengubah ke kartu baru Anda, kemudian sembunyikan mereka dari install baru dan akun yang telah diubah. Jadi, periksa dokter kartu aplikasi untuk mengetahui lebih lanjut bagaimana menggunakan flag ini dan bagaimana untuk membuat orang memulai menggunakan kartu aplikasi baru Anda, bukan kartu CRM legacy Anda. Dan update terakhir adalah untuk Invoices API beta. Sebelumnya, API ini hanya terbatas untuk akses baca saja, tapi sekarang kita akan memperkenalkan beberapa input beta baru yang memungkinkan pengguna untuk membuat invoices untuk pembayaran pelanggan. This latest public beta will facilitate a smoother invoicing process by automating invoice creation, integrating with other systems for creating invoices in HubSpot, and reducing errors associated with manual data entry for invoices. So make sure to check out the invoices API docs for all of those new endpoints that are available for this API. And if you have any comments, please leave them in the chat. And now I will hand it over to Tuan.

Thank you, Brooke. Those were some amazing updates. So, we're talking about accessibility today, but let's start with what is accessibility. Now, to give you an example, consider an accessible entrance to buildings, railing ramps, you have self-operating doors, you have signs, lightning, even the width and the height of steps are all things that you have to take into account to design an accessible entrance. Setiap fungsi dapat meningkatkan, meningkatkan, atau bahkan menghilangkan barier untuk akses ke sebuah bangunan atau struktur. Dan semua ini adalah alat untuk memastikan bahwa pintu masuk dapat dikoneksi. Tapi ini bergantung pada bangunan dan contoh non-digital. Tapi bagaimana dengan web? Menjelaskan, aksesibilitas merupakan latihan untuk membuat informasi, aktivitas, dan atau lingkungan, terdengar, bermakna, dan bisa digunakan untuk sebanyak mungkin orang. Sekarang, di Eropa, sesuatu yang menarik sedang terjadi karena Eropa akan memperkuat aksesibilitas, yang merupakan peningkatan yang hebat, tetapi juga sesuatu yang harus kita perhatikan. Mereka melakukannya melalui Perintah Aksesibilitas Eropa. Ini adalah regulasi yang diatur untuk memastikan orang-orang yang memiliki disabilitas dapat mengakses barang-barang serta servis, termasuk banyak jenis pengalaman digital tanpa batasan. Ini telah dibangun pada tahun 2019, namun terutama terfokus pada organisasi pemerintah. Mulai setengah tahun 2025, Penegak Kesempatan Eropa juga akan bergantung kepada banyak perusahaan biasa juga. Biasanya akan bergantung kepada bisnis yang beroperasi di sektor-sektor utama seperti perbankan, transportasi, telekomunikasi, e-commerce, dan elektronik pengguna. Penegak Kesempatan Eropa menetapkan standar kesempatan yang harmonis untuk produk dan servis baru yang diperkenalkan setelah tahun 2025. Tapi untuk belajar apakah undang-undang baru ini akan bergantung pada Anda atau klien-klien Anda, pastikan Anda melakukan penelitian Anda sendiri. Sekarang, untuk berbicara sedikit mengenai skop Aksesibilitas Eropa yang akan diperlukan di tahun 2025, Anda harus memahami bahwa mereka akan mengumpulkan beberapa bagian utama. Dan yang paling penting adalah aksesibilitas digital, dan ini akan menyebabkan bisnis-bisnis yang jatuh di perlindungan Aksesibilitas Eropa. Sekali lagi, memastikan aksesibilitas melalui situs web dan servis digital. Jadi, mereka terhubung dengan prinsip yang telah diletakkan oleh WCAG, yaitu pendapatan aksesibilitas konten web. Ia akan tergantung pada aksesibilitas media audiovisual, aksesibilitas perbankan, dan teknologi bantuan, tetapi juga komunikasi elektronik. Aksesibilitas Act menguasai peraturan keseimbangan web konten 2.1 secara khusus. Namun, ini adalah peraturan mandatori legalisasi. Jika Anda tertarik untuk membuat servis digital atau produk Anda lebih aksesibel, terdapat juga versi 2.2 yang terbuka yang akan memungkinkan Anda untuk mengambil langkah lain untuk membuat produk digital Anda lebih aksesibel. Sekarang, di website w3.org, mereka menunjukkan beberapa cerita pengguna yang luar biasa dari orang-orang asli, dan mereka memberikan contoh yang bagus tentang bagaimana mereka berjuang dengan perkhidmatan digital yang tidak terkoneksi. Dan saya ingin dengan cepat melihat beberapa darinya bersama-sama. Contohnya, kita memiliki Aid, dan Aid adalah seorang penyampai dengan penggunaan tangannya yang terbatas. Hal-hal yang sedang menantang Aid adalah, ketika dia menggunakan Link dan Form, tidak ada Starlink visual untuk menunjukkan elemen yang dia pakai. Jadi bayangkan Anda memiliki Form dan tidak memiliki mouse yang tersedia untuk menggunakan Form, Anda tidak yakin dengan elemen yang Anda pakai. Jadi, hal yang bisa Anda aplikasikan dalam hal ini adalah memastikan bahwa Anda memiliki styling visual yang kuat yang tersedia untuk link-nya, tetapi juga bidang form untuk memastikan bahwa, dalam hal ini, ape tahu di mana dia di form Anda ketika membuangnya. Contoh lain adalah bahwa form-form yang sangat panjang bisa menjadi masalah jika tidak ada cara untuk menyelamatkan kemajuan sementara itu. Jadi bayangkan Anda tidak bisa menggunakan tangan Anda, seperti yang mungkin kita semua bisa lakukan, dan Anda harus menggunakan joystick untuk mengisi bentuk yang bisa cukup membosankan dan bisa mengambil waktu. Jadi jika Anda memiliki bentuk yang sangat panjang dan bukan pilihan untuk menyelamatkan progres Anda semasa mengisi bentuk, itu tidak aksesibel sama sekali. Contoh yang bagus dalam hal ini adalah, katakanlah kita memiliki website, dan menurut saya ini adalah contoh yang paling dasar. Tapi untuk alasan yang baik, kita memiliki pop-ups yang dilengkapi di website kita. Sekarang, jika Anda tidak memiliki penggunaan tangan yang baik, pop-up bisa menjadi sesuatu yang mengerikan, selama tidak dilakukan dengan perhatian aksesibilitas. Karena bayangkan Anda memiliki pop-up yang terbuka, tetapi Anda tidak memiliki mouse untuk menutupnya, maka Anda membutuhkan komponen aksesibilisasi di dalam pop-up untuk memastikan mudah untuk menutupnya. Contohnya, ini bisa menjadi ikon penutup yang dapat diakses sama ada melalui keyboard, atau untuk pilihan lain untuk menekan tombol escape, misalnya untuk menutupnya. Sekarang, ada banyak orang yang berbeda dengan kemampuan ini yang perlu kita ingat ketika membuat pengalaman digital yang terkoneksi. Jadi, misalnya, jika kita memiliki pelawat yang blind, kita perlu memastikan bahwa website kita juga tersedia untuk penulis layar, misalnya. Tapi sesuatu yang harus kita perhatikan, misalnya jika seseorang blind, adalah fakta bahwa mereka tidak dapat mengontrol barang-barang dari website seperti buton dan link. Mereka bisa mendengarnya. but they can't process them. So what we need to do when making an accessible digital experience is we need to make sure that the keyboard is available to navigate through things on our website. And another thing is that if we are applying a specific structure on a few pages, we need to make sure that this is enforced throughout our whole website. Because if we have the same navigation elements on the same place of our pages, it will allow a much better user experience for people who are limited and need to use the keyboard to navigate throughout your website. Sekarang, jika Anda tertarik dalam membaca kisah penggunaan yang lebih banyak orang yang membutuhkan pengalaman digital yang terkoneksi, pastikan untuk melawat website w3.org. Sekarang, banyak berbicara mengenai apa.

Itu.

Aksesibilitas, tetapi mari kita lanjutkan ke bagaimana Anda dapat menggunakannya. Sekarang saya akan menghantar mikrofonnya kepada John yang akan memberi kita beberapa contoh.

Yang bagus.

Terima kasih, Toon. Itu banyak informasi yang bagus. Seperti yang Toon sebutkan, Tanya dan saya akan berbicara dengan Anda tentang alat praktis yang tersedia untuk Anda. HubSpot memberikan Anda beberapa alat untuk membuatnya lebih mudah untuk menghasilkan pengalaman yang lebih aksesibel di website Anda. HubSpot Theme Boilerplate, yang saya miliki di sebelah kiri, theme default dan modul default telah didesain dengan perhatian aksesibilitas, memberikan Anda poin permulaan yang bagus. Selain dari modul default, themes, dan boilerplate, kita juga memasak beberapa alat secara langsung ke HubSpot sendiri. Dari menetapkan alt text pada gambar di dalam konten Anda, sebaiknya menambahkan alt text di alat file itu sendiri. Jika Anda menetapkan alt text di alat file, setelah gambar itu digunakan, ia akan menarik alt text itu secara automatik. Anda mungkin bertanya, jika saya bisa menetapkan alt text di tool file dan muncul di mana-mana di mana gambar itu digunakan, kenapa menetapkannya di page editor? Alasannya mudah. Di tool file, gambar itu tanpa konteks sekitar. Biasanya, teks akan ditulis secara langsung menunjukkan apa yang ada di gambar, tapi mungkin tidak berbicara tentang apa yang paling penting di gambar berdasarkan di mana gambar itu digunakan. Di tool file, alt text saya di sini Cloud Gate or the Bean in Chicago reflecting the skyline and trees in Millennium Park. Mail text, however, on this date night blog post is John and his wife look tiny in the reflection of Chicago's Cloud Gate. The image in another context, say weather.com, could read a gloomy rainy day in Chicago's Millennium Park keeps couples away for a post about Valentine's Day and the weather. All of those image descriptions are totally valid, but based on the context, the subject of the photo was different, and the details that are considered important are also different. Just like the description can change, whether you should use alt text can also be different based on the situation. So one second. For example, Misalkan Anda melakukan konferensi, dan Anda memiliki sebuah listing pembicaraan, dan semua foto memiliki semua orang dengan tangan menyeberang. Itu bukan sesuatu yang Anda ingin ulang dan menerjemahkan bagi semua orang, itu hanya suara. Namun, jika Anda melihat seperti perbicaraan orang individu, Dan ayo kita katakan bahwa ini tentang hak peradaban. Dan foto pembicara itu sebenarnya foto sejarah mereka di acara hak peradaban yang penting, maka menyediakan teks alt dalam hal itu akan menambah banyak nilai dan arti bagi pengguna screen reader. Selain dari gambar, Anda juga bisa host video di HubSpot. Dan jika Anda host... Wow, saya salah klik di sana. Baiklah, sebentar. Biar saya kembali sedikit. Oke. Baiklah, kami menyokong menyetelkan title untuk video Anda. Ini akan muncul di penulis layar, serta di mesin pencari juga. Anda juga bisa menyediakan subtitle dan kami menyokong apa yang disebut format text track.

Video.

Jadi saya harus melihat itu segera. Kemudian secara umum, saya ingin menunjukkan bahwa ini bukan sesuatu yang terkait dengan aksesibilitas. Ini adalah fitur aksesibilitas lebih banyak bagi AI daripada bagi orang. Tapi kami juga memiliki fitur baru di alat file untuk video di mana kita akan menghasilkan deskripsi video Anda, serta kata-kata utama. Dan pada dasarnya, itu digunakan agar Breeze AI bisa cepat memahami video yang Anda sebutkan jika Anda berbicara mengenai video yang Anda miliki di alat file Anda. Sekali lagi, mereka tidak terlihat secara eksternal, mereka untuk AI. Tapi satu lagi alat HubSpot is the SEO recommendations tool. If you've never used it, it gives you all kinds of useful insights on how to improve your site's ranking based on technical issues and non-technical issues with your site. Included though are some accessibility tests. You can filter out your specific categories that you care about right there. And you'll also notice that these are powered by Google Whitehouse. If you use the Google PageSpeed Insights tool, which is Google Whitehouse as well, it's also built into your browser too, you can get a report that shows even more accessibility tests. These shouldn't be seen as a I didn't get any accessibility errors in my test, so I must have a perfect accessibility for my whole site. No, these tests are for easy to automatically and accurately detect accessibility issues. They won't catch everything. but they will give you a starting point and help you catch things that might not be easy to catch manually. Speaking of more manual testing, I think it's now time to pass off the mic to Tanya who has some more advanced accessibility testing tools to show you.

Thanks, John. I want to talk a little bit about some tooling that lives externally from HubSpot. And I'm going to highlight a singular tool today that I really like personally and has served me well over the years when I'm doing any accessibility testing. And I want to make it so that it Anda mendapatkan perkenalan mengenai alat ini, sehingga Anda dapat melihat betapa mudah untuk memulai dan menyelidiki situs web Anda, dan juga belajar lebih banyak mengenai aksesibilitas sementara Anda merekam masalah untuk diuruskan, dan terutama jika Anda berada di Eropa dan Anda membutuhkan untuk mempersiapkan untuk Aksesibilitas Eropa dan Regulasi yang akan datang, ini adalah cara yang bagus untuk memulai dan belajar sepanjang perjalanan. Alat yang ingin saya bicarakan hari ini adalah Axe DevTools. Ini adalah extensi Chrome. Ini datang dari perusahaan Deque, dan saya akan berbicara tentang Deque sedikit lebih dalam detail nanti. Saya tidak terkait dengan Deque. Saya akan berbicara tentang Deque. Saya sangat menyukainya sebagai perusahaan. Saya pikir mereka menawarkan banyak sumber daya yang bagus, termasuk alat ini. Tapi mari kita lihat alat ini terutama dan lihat bagaimana cara menggunakannya sedikit. Mari kita bersihkan tangan. Kemudian kita bisa berbicara sedikit lebih tentang tooling dan mungkin setelan yang berbeda yang dilakukan oleh pengembang. It's available. It's for free. There is a pro version of it. I'll talk about that again later. But let's look at the free version and see what we can get out of it. So I have it installed. And right now, I've spun up an empty template page. I didn't put any custom content in here. And this is actually using the HubSpot Elevate theme, which is newer. Jadi, saya belum melakukan set up di sini. Jadi, Anda akan melihat, kita berada di tab Axe DevTools di console kita di sini, dan saya memiliki versi Pro. Jadi, jika Anda ingin menempatkannya, Anda akan melihat sebagainya, seperti penutup warna kuning pada fitur-fitur lainnya. Namun, alat yang sebenarnya Anda memiliki akses ke adalah scan sepanjang pagi. Jadi, mari kita lakukan itu di pagi ini dan lihat apa yang kami dapatkan. Jadi itu cukup cepat. Kita sebenarnya memiliki dua masalah yang muncul. Salah satu adalah dokumen yang seharusnya memiliki elemen title. Salah satu lagi adalah tanda tidak seharusnya kosong. Jadi, ini adalah interface yang memberi kita sedikit informasi tentang apa yang berlaku. Di bawah kiri di sini Anda dapat melihat bahwa ini mengejarkan WCAG 2.1 AA Standards. Dan saya pikir itu penting karena kita berbicara mengenai EAA, Aksesibilitas Eropa. AA adalah Biasanya tahap yang disarankan yang ingin Anda lakukan untuk mengurangkan masalah. Jadi kita melihat AA, itu bagus. Saya memiliki praktek terbaik yang datang dari DQ. Anda bisa menghentikannya, tapi saya sarankan meninggalkannya. Mereka memiliki beberapa praktek terbaik yang bagus. Kemudian kita bisa mulai menelusuri beberapa dari ini. Ini menunjukkan bahwa kita memiliki satu serius dan satu minor. Jika kita masuk ke yang pertama ini, ini memberi kita lebih banyak informasi tentang ...elemen-elemen berbeda di laman ini. Jika Anda memiliki lebih dari satu isu ini muncul... ...Anda akan melihat bahwa ini sebenarnya counter. Jadi Anda bisa melalui penelitian berdasarkan instansi. Anda bisa menonjolkan node di laman ini. Jadi jika saya klik menonjolkan... ...ini akan menonjolkan seluruh html karena itu title html. Dan Anda bisa melihat ini dan ini memberikan arahan... ...seperti inilah yang perlu Anda lakukan untuk menyelesaikan masalah. Jadi sangat langsung. Dan jika Anda merasa seperti... Kamu ingin belajar lebih banyak. Kenapa butuh title? Apa yang terjadi di sana? Aku ingin belajar lebih banyak tentang WCAG. Semua hal seperti itu. Kamu bisa klik lebih banyak informasi ini. Dan itu akan membawa kamu langsung ke DQ. Dan mereka benar-benar melakukan pekerjaan yang bagus untuk menjelajahi informasi ini. Membawa WCAG. Saya pikir jika ada sesiapa di sini yang pernah melihat peraturan WCAG. Saya merasa peraturan WCAG, setelah kamu memasukkannya, kamu tahu bagaimana strukturnya dan bagaimana cara membacanya. It becomes clear. But initially it can be quite an overwhelming document to follow. And so I think Deque does a great job of kind of just making it a little bit more simple and letting you know exactly how to remediate certain issues. And it gives you examples, it tells you why it matters, and it really puts it in perspective to what Tien was talking about. Talking about people's experiences and what happens if you don't include a title or how they experience the page if this is missing. Dan jika Anda turun lebih jauh, Anda bisa turun ke dalam lubang merah ini. Tergantung pada Anda. Tapi Anda bisa masuk ke WCAG dan mulai melihat teknik terkait masalah tersebut. Dan itu memberi Anda lebih banyak informasi di sana. Itu adalah salah satu hal yang saya sangat menyukai tentang alat ini. set you up to either do some quick actions, like let's just get this fixed, we need to get it done. And then if you have the opportunity to learn further, you can start kind of digging into certain things. So backing out of that, we'll go back to our little test here. And we'll look at this other one. So heading should not be empty. And it looks like this is a company name logo. So if we highlight that, it's down here. Ini adalah portal yang telah saya spin-up, jadi sebenarnya saya tidak memiliki nama perusahaan, jadi ini kosong. Jadi ini sebenarnya bukan masalah pembangunan, ini masalah konten. Jadi saya akan mengatakan bahwa jika Anda menemukan hal seperti ini, jika Anda berada di HubSpot, Anda bisa memberitahu pemasaran Anda, Anda perlu menetapkan nama perusahaan, atau beberapa konten ini hilang, kita perlu mencampurkannya, dan itu hanya memungkinkan Anda untuk memisahkan beberapa masalah tersebut ke dalam role-role yang Anda mungkin memiliki di perusahaan Anda. Jadi, itu adalah contoh yang sangat sederhana. Jadi, saya akan berpindah ke pagi yang berbeda untuk menunjukkan bahwa jika Anda memiliki pagi yang sangat robust yang Anda bina, Anda akan kembali ke paginya sekarang dan Anda ingin melihat dan melihat apa yang terjadi di sana. Kita bisa melakukannya juga. Jadi, jangan membenci Barnes Noble. Itu adalah penjelasan saya, jangan membenci. Tapi kita akan melakukan scan seluruh pagi di sini dan lihat apa yang kita dapat. Anda akan melihat bahwa mereka memiliki banyak slider dan hal-hal seperti itu di pagina ini. Ada banyak yang perlu dianalisis tentang apa yang berlaku di sini, jadi saya akan mengambil waktu sebentar. Oke, jadi ...ada banyak lagi masalah. Dan saya pikir jika Anda seorang pengembang, dan lagi, jika Anda memiliki website yang robust, Anda mungkin menemukan hal ini. Dan ketika Anda pertama kali menemukan hal ini, jika Anda tidak terlalu terkenal dengan aksesibilitas... ...dan menghadapi masalah, ini mungkin terlihat sangat mengecewakan. Dan saya ingin... Saya ingin memberimu tahu bahwa tidak ada yang perlu kamu khawatirkan. Kita bisa melewati hal ini. Ini bukan masalah besar. Mari kita lihat sedikit lebih dalam apa yang sedang terjadi di sini. Dan bagaimana Anda akan mengatasi hal ini. 239 masalah. Dari mana saya mulai? Baiklah, mari kita lihat. Kita memiliki 2 masalah kritis. Kita memiliki 232 masalah serius dan 5 masalah moderat dan tidak minor. Jadi, jika kita melihat ke kanan, berbicara mengenai counternya lagi, Anda dapat melihat ada 228 instansi dari ini. Elemen hidup ARIA harus tidak bisa difokuskan atau memiliki elemen yang bisa difokuskan. Dan jika Anda berjalan lewat sini, Anda dapat melihat, oke, mereka memiliki slick slider. Dan semua hal ini harus dihadapi dengan slider slick. Jadi, itu sebenarnya memberi kita kesempatan yang baik untuk memperbaiki komponen. Ini bisa menjadi beberapa baris kode yang diperbaiki di suatu tempat yang sebenarnya mengubah seluruh komponen ini dan bagaimana perangkatnya, dan Anda telah menghilangkan 228 masalah dari hal ini, jadi tolong jangan terlalu terkejut jika Anda menggunakan alat ini dan Anda menemukan semua masalah ini, Anda benar-benar perlu menelusuri sedikit lebih dalam dan melihat seperti di mana alasan dari beberapa masalah ini, dan banyaknya bisa datang dari masalah berdasarkan komponen, dan itu bisa jauh lebih kecil daripada yang Anda pikir. Jadi, sekali lagi, memakai, Anda tahu, ...menggunakan beberapa alat pengetahuan ini, dan mungkin jika Anda tidak mengerti... ...di mana di lantai, ini lebih menyenangkan, dan turun ke bawah... ...dan berkata, baiklah, saya ingin belajar lebih banyak tentang... ...apa yang sebenarnya artinya untuk memperbaiki ini... ...dan apa yang harus saya lakukan, dan Anda bisa melihat contohnya... ...dan bagaimana mereka memperbaikinya, dan apa artinya, dan banyak sumber daya... ...dan Anda bisa menyelidiki dan mendapatkan benar-benar... ...pemperbaikan yang Anda butuhkan, dan menjaga itu. Dan kemudian, seperti filter kecil lainnya, jika Anda klik di beberapa ini, Anda bisa langsung ke masalah kritis. Dan yang Slick Slider itu bukan salah satu masalah kritis. Ada dua instansi yang bisa Anda lakukan. Yang ini hanya Alt Text. Alt Text adalah penyelesaian yang sangat sederhana. ...yang terjadi adalah kritikal, yang bisa Anda tangani dengan mudah. Jadi, saya akan mengatakan, saat Anda scan, jangan terlalu terkejut... ...ada banyak informasi di luar sana, dan banyak hal-hal ini... ...bisa diterima dengan mudah, selama Anda mengetahui... ...dan tetap positif mengenai situasi. Saya pikir banyak orang melihat angka dan merasa... ...seperti terlalu sulit untuk diatasi. Jadi, satu peringatan di sini. Ini adalah... Jadi, di dunia aksesibilitas, ada banyak alat ujian otomatis, tapi itu tidak mengatasi banyak-banyak situasi, seperti yang katakan Petunia, pengguna yang menggunakan joystick. Atau ada testing keyboard, sebenarnya mendengar apa itu screen reader output dan hal-hal seperti itu. Semua ini adalah tes manual yang masih perlu dilakukan. Selain beberapa tes otomatis ini untuk menangkap semua item-item ini. Dan itu saya akan simpan untuk sebuah talk yang berbeda yang berbeda jalan belajar bagaimana melakukannya secara efektif. Tapi saya pikir melakukan ini dan melakukan tes otomatis akan membantu menangkap banyak masalah. ...untuk kembali ke... ...ada versi percuma dan versi.

Pro.

Extension, they actually have started doing things inside of the extension where you have these interactive like intelligent guided tests where you can get a keyboard run through of your page or you can look at interactive elements or you can isolate certain components if you just want to retest on that specific one. So I would say it's beneficial to use Pro if you are dan memastikan Anda mengikuti WCAG AA untuk EAA, atau jika Anda terlalu terlibat dengan aksesibilitas di organisasi Anda. Pro adalah sesuatu yang Anda mungkin ingin melihat. Mereka memiliki banyak fitur yang bagus yang membantu memuaskan remediasi. Dan Anda dapat dengan Pro, jika Anda melakukan scan, export some of those tickets and let's say you're using github or other trackers, you can kind of easily start moving some of those over. So look in a pro if you're interested in that, it is a little bit, I would say it's not super Affordable. I think it's like $50 a month if you want to be using Pro. So definitely weigh that against what you need to be doing. I think free does take you a long way. And then I just wanted to show a couple other things before I finish up, which is that if you are interested in or you have a need to have more tooling or recording of accessibility issues, Deque memiliki seluruh developer hub dan suite dan banyak produk yang berbeda. Saya akan menunjukkan beberapa produk di dalam portal saya di sini. Tapi extension itu sendiri, mereka memiliki developer hub, developer hub, Mereka memiliki alat-alat yang akan membantu Anda mengintegrasikan dengan Anda, jika Anda memiliki pengujian menerima. Mereka memiliki Linter, dan mereka juga memiliki integrasi ke GitHub Actions untuk PR. Satu caveat untuk itu adalah bahwa itu tidak sangat membantu di dunia berbasis Hubble, karena Anda bekerja dengan Hubble dan alat-alat AX tidak mengerti Tapi saya pikir itu bagus jika Anda mencari integrasi ujian penerimaan. Hub pengembangan memiliki cara untuk mengisi ujian kini Anda dan memulai ujian regresi dengan cara itu jika Anda mencoba untuk mengelakukannya ke depan. Dan kemudian bagian terakhir yang ingin saya sentuh adalah menggunakan Deque untuk sumber daya. Mereka memiliki banyak informasi mengenai Aksesibilitas Eropa, terutama dengan yang akan datang. Semua webinar mereka adalah gratis dan di demanda, jadi itu sumber daya yang bagus. Mereka juga memiliki konferensi untuk aksesibilitas. AXKON adalah konferensi tahunan mereka. Anda bisa menghantar gratis, mendapatkan banyak bahasa yang bagus, dan Anda bisa mengekalkan beberapa informasi tersebut. Saya sangat menyarankan jika Anda hanya ingin belajar lebih banyak tentang aksesibilitas. Topik-topik tersebut berbeda dari legalisasi hingga teknologi. Jadi Anda bisa menemukan sedikit apapun. Jadi, itulah bagian saya dari ini. Saya pikir saya akan memasukkannya ke Anton, yang akan memberi kami sedikit demo kode.

Ya, terima kasih, Tanya. Konten yang bagus. Jadi, saya harus memeriksa website saya dengan X. Tapi, mari kita bicara tentang bagaimana Anda bisa membuat kehidupan pengembang anda lebih mudah dalam hal aksesibilitas dan Thun menyebutnya di awal seperti hei bayangkan seseorang yang tidak memiliki mouse atau akses keyboard, benar? dan inilah di mana penulis layar datang dan Tanya juga menyebut seperti hei, bagaimana jika Anda mendapatkan 200 error di X, jadi sebagai pengembang Anda dapat melakukan banyak hal, jadi Anda dapat melalui setiap garis kode dan mengedit itu dan menggunakan perubahan Anda, tetapi ini, saya akan mengatakan tidak begitu bagus, sama juga untuk Anda, sama juga untuk klien yang harus membayar Anda, jadi Oleh itu, rekomendasi saya selalu makro dan ini adalah makro yang sangat sederhana untuk penampilan layar saja dan jika kita lihat di tombol ini Jadi, saya berubah secara pribadi untuk bekerja dengan Macro, saya pikir tahun lalu atau tahun sebelumnya. Jadi, saya memiliki banyak Macro dan saya memasukkannya ke modul HubSpot di hal ini. dan pada dasarnya apa yang saya lakukan di sini lagi, super sederhana screen reader macro saya mengimportnya ke dalam button sederhana dan satu hal yang juga saya sarankan untuk dilakukan adalah menciptakan sejenis fallback, jadi di contoh ini seperti karena ini adalah tombol, Anda memiliki link, Anda memiliki tekstur tombol asli atau label tombol dan juga label atau tekstur penerjemah layar dan jika kita melihat kode, jadi kita bisa menghilangkan output demo ini di sini, tetapi apa yang saya suka lakukan dan apa yang saya sarankan adalah menciptakan fallback super sederhana ini Ini hanyalah sebuah statement unless. Anda bisa melakukannya dengan sebuah statement if juga. Jadi, jika label penampilan layar tidak ada, gunakan teks label penampilan layar sebagai variabel penampilan layar. Jika tidak ada, gunakan teks tombol sebagai teks penampilan layar. dan bagaimana ini terlihat di dunia nyata kita memiliki contohnya teks tombol, katakanlah klik saya, tetapi bagi orang yang bekerja dengan penulis.

Layar.

ClickMe tidak terlalu terkoneksi, jadi Anda mungkin ingin mengatakan, hey klik tombol ini untuk mendapatkan akses ke X, jadi pada dasarnya saya akan mengatakan bahwa ini mirip dengan alt text dengan gambar, tetapi bagi seseorang yang tidak menggunakan penulis layar orang ini masih akan melihat tekstur buton tetapi seseorang yang menggunakan penulis layar dia akan mendapatkan seluruh teks ini disini, benar? dan ya jadi Sekali lagi, jika Anda tidak ingin menggunakannya, Anda bisa meninggalkan ini kosong dan teks tombol akan menjadi label penulis layar, jadi Anda selalu memiliki balasan dan jika Anda harus memutuskan bahwa saya ingin memasang sesuatu seperti klik saya lagi klik tombol ini ayo kita lakukan dengan cepat untuk demo ini benar? itu menggantikan konten ini dan jika kita tidak akan terlihat, tetapi jika kita menginspektasikan kode sumber Anda akan melihat perbedaan dan juga inilah kenapa saya hanya mencetakkan nilai penulis layar di sini, betul? Jadi, sekali lagi, rekomendasi saya menggunakan makro di mana saja Anda bisa dan jika Anda tidak terlalu terbiasa dengan makro, kami memiliki great developer hack about macros last year so you should definitely check this out if you want to learn more about macros and yeah so if you have questions Jatuhkan di chatnya, kalau tidak, saya akan mengatakan bahwa kita akan menghentikan tabel ronde dan Q&A.

Ayo kita lakukan ini, Anton. Terima kasih atas itu dan terima kasih atas semua yang telah dipresentasikan. Semuanya datang ke panggung. Tune, Brooke, saya ingin meletakkan Anda di sini. Ada Brooke dan Tune. Ada teman saya. Baiklah, keren. Kita memiliki semua orang di sini. Saya ingin memulai dengan mengucapkan terima kasih sekali lagi untuk semua yang telah Anda lakukan. Saya juga ingin mengatakan bahwa saya akan menambahkan hal ini ke repositori Github. viewer of the developer hub will know that I'm very bad at actually doing that so new year new me I am going to actually build my promise of doing that it will be missing with copy this and put in the chat right now here is where all of the stuff will be at some point in time probably tomorrow but hold me to it if it's not there I need people actually to find me and yell at me Oke, mari kita bicara tentang sesuatu. Aksesibilitas. Dan kita sudah memiliki pertanyaan, jadi kita.

Mulai.

Di sana. Dari Senior Care Health, Senior Care Growth. Apakah Hubsub Forms akan diupdate untuk melalui AXE DevTools Scan? Saya hanya ingin berbicara dengan Tanya. Kamu, tekan itu. Berbicara dengan saya. Ya, betul, di tempat. Saya.

Bisa mengambilnya jika kamu tidak ingin. Ya.

Saya pikir mungkin lebih dekat dengan itu.

Jadi ya. Oke, jadi... Sekarang, mode iFrame untuk form dan page share untuk form juga sudah terkoneksi. Saya tidak tahu betapa tingkatnya WCAG, tapi saya sudah tahu bahwa itu. Saya tahu itu bukan hal yang Anda teruja, tapi yang Anda teruja adalah Anda ingin JavaScript version of those embed codes to be updated to be accessible. The big challenge for us at HubSpot is like you're already using the forms and the HTML and CSS is already on the page. And if you're clever, like probably I'm guessing Anton's done this before, maybe even soon. You might have even used some JavaScript to modify the form a bit. Ya, jadi masalahnya adalah kita tidak bisa secara otomatis mengetahui bila Anda telah memilih untuk melakukannya dan bila tidak. Dan juga jika Anda menulis CSS, itu yang menyebabkannya tidak terkoneksi, maka itu juga masalah yang berbeda. Jadi, di masa mendatang, menggabungkan update-update itu ke non-iframe to the non-iFrame version of Forms. It is on the table. It's just a very complex thing for our teams to avoid breaking existing sites. I don't have an exact timeline, unfortunately. They've been thinking about this for literally years, trying to come up with plans to make this happen. Saya harap saya menerima jawaban yang lebih konkret.

John, apa yang saya dengar dari Anda tadi adalah Anton dan Tune berdua menghentikan kemajuan.

Ya.

Marcus, Marcus punya pertanyaan. Dan yang ini, bisa saya jawab, Tanya? Bisa kamu jawab yang ini? Apa hal tipis yang tertinggal di Automatic Test?

Saya akan mengatakan banyak interaksi keyboard dan hal-hal seperti itu, tes otomatis melihat melalui HTML Anda dan mengembalikan apa yang mereka dapat dari node Anda melawan WCAG. Jadi mereka tidak melalui dan sebenarnya melakukan tes keyboard dan memastikan bahwa itu masuk akal. Jadi bagaimana saya akan menampilkan ini? Ini terlihat seperti fokus tab dan hal-hal seperti itu, seperti fokus tab dan itu mencoba untuk mengetahui, Jika Anda memasukkan diri Anda di sebuah kursi pengguna keyboard, dan Anda mencoba untuk melalui pagimu, mungkin ada hal-hal yang muncul, dan Anda seperti, itu aneh, tidak seharusnya seperti itu, atau saya tidak bisa menutup modal ini, kenapa begitu? Ini adalah hal-hal yang tidak akan ditangkap ujian otomatis, yang perlu Anda lakukan dan menguji komponen-komponen itu, dan klik di sekitar, dan menggunakan keyboard Anda, dan secara tambahan penulis layar, saya menemukan bahwa When you actually use a screen reader, they kind of tell you things about the page and what you're missing in terms of content and the flow. Screen reader users, They're like power users, right? So they know how to use a screen reader. They have like little things that they do to move around quickly. They navigate to headers immediately. They have a rotor tool inside a screen reader where they can just kind of like get to all the links, like read me all the links on the page, read me all the headers on the page. And they use that to quickly navigate. And so I think like When you don't test with a screen reader manually, and know those kind of behaviors that a screen reader user might have, you kind of miss the opportunity to make sure that your content or some of those things are actually presented well for that type of assistive technology, if that makes.

Sense. Tentu saja. Tentu saja, itu suatu hal yang sulit ditanyakan. Semua orang harus mendapatkan penulis layar dan melalui proses ini. Jadi, apa yang Anda sarankan secara umum? Maksud saya, apa minimum yang bisa dibeli? Minimum.

Yang bisa dibeli adalah saya menggunakan penulis layar yang terbina di Mac. Dan saya melalui dengan cara itu. Malangnya, Itulah yang tertinggal sedikit diinginkan, karena ini bukan screen reader yang paling digunakan. JAWS dan NVIDIA adalah yang paling digunakan, dan mereka berbehaya dengan berbeda. Setiap screen reader memiliki nuances yang berbeda bagaimana mereka digunakan. Jadi minimum viable, Jika Anda berada di Mac, gunakan itu. Saya pikir jika Anda berada di Windows, saya percaya Anda bisa mengembangkan JAWS gratis. Saya sudah lama menggunakan Windows. Jadi, saya percaya Anda bisa mencoba untuk mencoba.

Itu. Jadi, apakah Anda mengatakan bahwa screeners ini adalah seperti saat-saat yang baik di browser, di mana semua orang memiliki teknologi tersebut dan Anda harus mengorbankan untuk semuanya? Ya. Kembali.

Ke DQ, mereka memiliki sumber uang yang bagus untuk menunjukkan, jika Anda melakukan teknik ini, jika Anda memperbaiki ini, ini yang terjadi di JAWS, ini yang terjadi di MacBook, ini yang terjadi di sini. Mereka menunjukkan perbedaan bagaimana itu benar-benar membahas beberapa hal itu. Jadi, saya akan menggunakan DQ untuk itu, saya bisa menemukan sumber uang untuk memasukkannya ke dalam paket sumber uang. I think that's a good resource. You just kind of see the differences. So, that's MVP. If you really, really need to make sure, then I would do user testing. There's companies out there that you can go and request that somebody who uses screen reader run through your website and actually audit it and give you some of those issues. So, that would be a good one. Saya.

Ingin menyebutnya, Sioux Falls urgent care menyebutnya, voiceover di Mac sangat memaafkan. Jadi Anda mungkin, saya akan mengatakan mungkin akan terlepas beberapa masalah yang Anda tidak melihat di penulis lain. Panggilan yang bagus di luar sana. Saya pikir Estron menanyakan pertanyaan, selain dia ingin aiskrim saat ini. Kami memiliki pendapat mengenai aplikasi 3rd party accessibility, yaitu Userway yang secara otomatis mengetahui dan menyelesaikan masalah pada DOM yang direndamkan untuk pelawat. Ada yang memiliki pendapat tentang itu? I love.

That silence. Go ahead. I haven't tested it, but I think if it It doesn't really matter if it's third-party tools or if it's the code you're managing yourself, right? I think if you're making an effort to make your digital experience more accessible, then you're on the good path. So, not a really concrete answer on a user way itself, but I think the effort is the part that you want.

To look at. I totally agree. Ya, menurut saya itu adalah jawaban yang bagus. Saya juga ingin mengatakan bahwa... Oh, John, kamu sedang berbicara. Silahkan, kamu bisa berbicara. Saya akan mengatakan sesuatu.

Yang pintar nanti. Baiklah, apa yang saya ingin menyebutkan adalah... Jadi, apa yang Anton katakan benar dalam hal... ...seperti segala alat yang bisa kamu lakukan untuk menyebabkan masalah keseimbangan... ...untuk dirimu sendiri untuk bisa menyesuaikan... is going to be beneficial. The type of tool that I think is specifically called out here is I would refer to them as a one-stop shop script that you would load on to a page and it's supposed to magically solve accessibility for you across the board. The way that I would best describe this situation is Dalam kondisi terbaik, itu mungkin menggunakan AI, dan AI secara magis mengubah aksesibilitas page itu. Itulah kondisi terbaik, tapi sekarang orang yang baru saja menggunakan page itu akan ke page berikutnya di situs itu. Tiba-tiba, skript AI bergerak lagi dan menghasilkan pengubahannya dengan berbeda daripada sebelumnya. the way that the user is expecting the page to function and work. It's kind of like having like, if you were to move the nav menu or something on a website, that might be a jarring experience for a sighted user. So, I would say avoid the one-stop shop tools, but definitely if you can catch it in your code, Jadi di editor VSCode atau Cursor. Sebenarnya, Anda bisa menggunakan peraturan Cursor untuk mendorong jika Anda menggunakan banyak penyelesaian kode auto, Anda bisa mendorongnya untuk memiliki habit untuk menghasilkan kode yang lebih mudah terkoneksi. Boleh.

Saya tambahkan di sini? Saya tidak ingin pergi dulu karena saya tidak ingin berbicara. Tapi hanya untuk menambah, When you look at accessibility tools like this, I think there's a couple of things to keep in mind. A lot of them do try to come across as like this one-stop shop, put this on your website, you'll be fine. That is absolutely not the case in most scenarios. You will find that it does not cover all use cases. You really, really do need to look at your website and do manual testing and make sure, especially, again, going back to the Accessibility Act in EU, And you're like going to be held to these regulations. Putting that on your website and going with it is not going to solve the problem. So do not think of it as like a one-stop solution. And then the other thing that I want to talk about is some of the tools that they have to make accessible changes on your site. Color contrast and some of them text sizing like these. These things are actually usually if somebody has some kind of impairment, they have tools on their computer, they have settings, they have things they already have set up to adjust color contrast, to make the text bigger. They might have a magnifying tool, there's like an application if you have a visual impairment to magnify the screen. And so like those kinds of tools like in a plug-in like that are hampir tidak berguna bagi mereka. Mereka mungkin tidak akan menggunakannya. Mereka akan menggunakan alat yang mereka kenal untuk menyesuaikan apa yang mereka butuhkan di pagi itu. Jadi, benar-benar menjauh ke dalam kode dan menjawab, seperti yang saya katakan, masalah screen reader di mana konten tidak terkoneksi dan hal-hal seperti itu akan jauh lebih penting daripada beberapa hal superficial seperti perubahan ke situs yang mungkin sudah diuruskan oleh orang lain.

Saya ternyata tinggal sebentar, jadi saya yakin kalian berkata hal-hal yang sangat pintar tanpa saya di sini. Terima kasih atas itu. Kami akan datang, tapi saya ingin tahu, apakah semua orang memiliki 5 menit lagi? Saya tidak ingin terlalu mendalam dalam hal ini, dan mungkin ini sesuatu yang harus kami lakukan di sesi lain, yaitu AI dan aksesibilitas. Saya tidak memiliki pertanyaan utama untuk hal ini dan saya berharap semua orang memiliki beberapa pendapat tentang di mana kita berada dan apa yang kita perlu memikirkan. Saya ingin meninggalkan ini kepada John atau Tanya untuk memulainya karena kalian semua lebih mendalam.

Dengan hal ini daripada kami. Jadi saya bisa memulainya. Satu hal yang telah membuat perbedaan yang sangat besar di dunia aksesibilitas di dunia fisik dan digital world has been AI. And that's a good way to start this conversation is even to bring it back to there is a tool that if you've never heard of it, it's an app for cell phones, both Android and iOS that was called Be My Eyes. And Be My Eyes was a tool untuk seseorang yang memiliki penyakit visual untuk meminta bantuan dari seorang sukarelawan yang juga menggunakan aplikasi ini untuk, misalnya, saya perlu mengkoordinasi warna sesuatu, atau saya sedang mencari di belakang komputer saya untuk mengetahui jaringan mana yang mana, bisakah Anda memberitahu saya yang mana yang saya cari atau apa saja masalah tersebut yang akan terjadi secara biasa yang visual. Jadi, alat itu akan memungkinkan seseorang untuk membantu orang lain. Be My Eyes telah berubah menjadi Be My AIs karena mereka sekarang bekerja dengan model visi Open AIs. Jadi, banyak task tersebut sekarang akan digunakan oleh pengguna yang sama AI untuk menjawab pertanyaan mereka dan mencari penyelesaian. Mereka mungkin tetap menggunakan manusia untuk sesuatu seperti, tolong saya menentukan bagaimana pakaian berkumpul. Itu lebih sebuah hal subjektif, manusia akan melakukan pekerjaan yang lebih baik. Tapi bagian yang keren di mana ini datang ke sisi digital adalah gambar. Jadi saya membicarakan tentang alt text, Tanya membicarakan tentang alt text, Ini adalah titik yang aneh yang kita lakukan, di mana alt text masih perlu, menurut saya. Tapi tidak perlu seperti dulu. Sekarang, penulis layar ini sering memiliki alat AI yang dibakar, di mana pengguna bisa pergi, mereka melihat gambar, And they go, okay, the text description that the developer provided is garbage. It doesn't give me anything meaningful. They can literally tell the tool to describe the image to them and describe it at the depth level they want. But where the human side still matters is if you provide a good contextually relevant alt text. So, what I was describing before about how our files tool has the ability for you to set alt text at that level versus at the page level. If you're providing that page level like more narrow context that adds meaning and value, then they get the meaning out of it and they can still choose, hey, I want the more descriptive version Dan satu hal terakhir. Satu hal yang sangat keren yang mereka bisa lakukan sekarang dengan alat itu adalah mereka bisa, beberapa dari mereka, mereka sebenarnya bisa menanyakan pertanyaan mengenai gambar itu sendiri. Jadi mereka bisa mendapatkan depan yang lebih baik sendiri. Saya melihat Anton tertawa. Apakah Anda punya pikiran?

Maksud saya...

Maksud saya, saya juga melihat bahwa, atau saya pikir bahwa seperti yang Anda sebutkan, seluruh teks lama mungkin menjadi agak obsolet dalam beberapa tahun berikutnya, betul? Tapi, maksud saya, saya tidak akan mengatakan bahwa Anda harus menolaknya sekarang, betul? Dan hal yang membuat saya tertawa adalah seperti, mari kita katakan saja, kita semua tahu bahwa default alt text, jika alt text diberikan oleh CMS Itu selalu nama gambar atau nama gambar Dan Maksudku, aku tertawa karena aku berpikir seperti, oke, ini gambar 2987v2- apapun Maksudku, kamu tahu, ini bukan teks lama yang baik, kita semua tahu itu Dan Hal itu seperti Apakah AI akan menggunakan sesuatu seperti ini untuk memberikan hasil yang lebih baik? Karena jika dia akan melakukannya, maka saya akan mengatakan bahwa sebagian besar website membutuhkan update atau setidaknya semua gambar, benar? Ya, benar.

Tanya, saya ingin memberi Anda kata-kata terakhir di sini, dan kemudian kita akan menjelaskan rumah.

Apa yang Anda katakan? Oh, kata-kata terakhir. Baiklah, ya. On the AI topic or just generally? Oh.

My gosh. I mean, I do want to know what you have to say about it. Also, anyone in the audience, we should be doing an entire hug, developer hug event on this AI and accessibility. Let us know. I'm very curious to know. But now, Tanya, just bring us out with whatever you think is the most important.

Parting wisdom. Yeah, I think the most important thing that folks can do if you're dan Anda mulai mendapatkan aksesibilitas, atau bahkan jika Anda memiliki pengalaman sedikit, adalah untuk berlanjut belajar. Saya tahu saya memasang banyak sumber dan seperti yang saya katakan, pergi ke DQ, ada banyak sumber di luar sana. Jadi, kita bisa mengatakan bahwa kita harus mengatakan bahwa kita harus mengatakan bahwa kita harus mengatakan bahwa kita harus mengatakan bahwa kita harus mengatakan bahwa kita level harus mengatakan bahwa kita harus mengatakan bahwa kita harus mengatakan mengatakan bahwa kita harus mengatakan A of the WCAG. Those are usually pretty simple techniques that you can, you know, start applying and that are understandable. And so I would start there, then raise yourself to, you know, there are many different places. Go to AA, learn a tool that helps you start attending webinars, you know, things like that. Jadi, saya pikir hanya memperoleh pengetahuan dari foundation Anda dan membangun di atas itu akan membantu Anda sepanjang waktu. Dan ada banyak sumber daya yang bagus untuk melakukannya. Jadi, silakan terus belajar dan hal-hal berubah seperti AI di ruang ini sepanjang waktu. Jadi, itu hanyalah penerusan selalu. I love it.

So in the brilliant words from what about Bob, baby steps, I think is what we should distill from that message. Cool. All right. Everyone, thank you so very much. You are amazing. And I want everyone to guess where Tanya's top secret lab is. We all want to know. And have a great time. See you later.