 Selamat tinggal, selamat menunggu. Saya rasa ia bagus. Semua orang lain juga menghubungi. Terima kasih kerana datang untuk bincang kita. Ini akan membahas kata-kata tentang web asesabiliti. Bagaimana anda dapat mulakan. Anda perlukan pengalaman zero. Saya akan datang untuk belajar tentangnya. Untuk memperkenalkan kata-kata, 5 kita yang memulakan web asesabiliti dan mobile di Singapura kerana kita memperkenalkan bahawa web dan mobile asesabiliti tidak hanya di Singapura tapi di region. Dan kita perlu melakukan sesuatu tentangnya. Jadi, 5 kita bersama-sama memperkenalkan lebih banyak tentang asesabiliti web dari Geyang dan Dixon, yang pertama yang di-lihat. Mereka berdua adalah orang-orang yang memperkenalkan asesabiliti tetapi mereka juga pembangunan. Mereka telah memperkenalkan dengan web dan mobile asesabiliti seluruh hidup. Jadi mereka mengajar kita banyak tentangnya. Saya rasa selama 4-5 bulan, kita sebenarnya memperkenalkan dengan sebuah karikulum sehingga kita boleh memperkenalkan lebih banyak keadaan untuk belajar tentang asesabiliti web di sebuah kata-kata atau apa-apa saja. Mencari perjalanan yang berbeda tentang bagaimana sebagai kolektif. Orang-orang yang memperkenalkan kita boleh keluar ke perjalanan yang berbeda dengan aplikasi web dan mobile untuk membuat mereka mengalakannya. Jadi, agenda untuk kerja hari ini adalah 3 kata-kata. Kata-kata pertama adalah saya memperkenalkan sedikit sehingga ini adalah kata-kata yang boleh dibuat. Kata-kata kedua adalah perspektif penggunaan bagaimana orang yang memperkenalkan asesabiliti memperkenalkan kita dengan web. Kemudian, kita juga akan melakukan perjalanan yang berbeda dengan web. Setiap perjalanan kita akan melakukan perjalanan yang berbeda dengan perjalanan. Kemudian, kita juga akan memberikan perjalanan nanti, sehingga kita akan memperkenalkan perjalanan anda. Jadi, anda tidak dapat melihat perjalanan anda. Kemudian, kita akan memperkenalkan seperti anda adalah seseorang yang memperkenalkan untuk memperkenalkan informasi di web. Kemudian, kata-kata ketiga, kita akan bercakap tentang perspektif penggunaan yang berbeda. Apa yang anda sebenarnya perlu lakukan jika anda memperkenalkan asesabiliti web untuk mendapatkan kata-kata yang berbeda dengan asesabiliti web? Sebenarnya, fokus untuk kami untuk sesi ini, saya rasa fokus lebih pada asesabiliti web dan lebih pada asesabiliti mobil. Saya rasa kerana keadaan keadaan tetapi juga untuk kami, banyak informasi yang di internet masih di web. Dan banyak informasi yang sepatutnya untuk kehidupan sepanjang hari, fikirkan penggunaan, fikirkan transport, jalanan. Jika mereka tidak terdapat asesabiliti, orang yang memperkenalkan penggunaan tidak dapat memperkenalkan asesabiliti web. Dalam keadaan sepanjang hari, semuanya adalah menghidupkan dan memperkenalkan keadaan. Jadi, yang pertama, apa yang sebenarnya A11y? Jadi, kami menggunakan termasuk ini A11y. Dan apakah ia penting? Sebenarnya, A11y adalah nama numeral untuk asesabiliti. Jadi, kenapa mereka datang dengan termasuk ini adalah kerana orang malu menggunakan Twitter juga. Mereka mahu menggantikan setiap 140 karakter. Jadi, itu sebabnya mereka datang dengan sebuah kata-kata ini juga. Dan, kenapa ia penting? Kerana saya rasa, secara tradisional, 70% informasi yang kita memperkenalkan sebagai orang-orang adalah sebuah kata-kata. Jika anda memperkenalkan tiga-tiga website yang anda memperkenalkan, anda boleh melakukannya tanpa kata-kata. Baiklah. Dengan sahaja, anda dapat memperkenalkan website itu dengan baik. Tetapi, apa yang berlaku jika anda dapat mendengar tapi anda tidak dapat melihatnya. Mungkin memikirkan website yang anda memperkenalkan sebuah kata-kata bagaimana anda memperkenalkan mereka? Apa kata-kata mereka? Tetapi, saya rasa orang-orang yang memperkenalkan tiga-kata. Ini bukan sebuah kata-kata yang membuat anda rasa sedih bahawa anda tahu mereka tidak memperkenalkan tiga-kata. Tapi untuk menunjukkan anda bahawa sebenarnya ada cara yang berbeza yang lebih memperkenalkan bagaimana anda dapat memperkenalkan kata-kata website anda, yang mungkin memperkenalkan kata-kata yang anda memperkenalkan. Baiklah. Saya akan beritahu bagaimana orang yang memperkenalkan tiga-kata yang memperkenalkan tiga-kata yang memperkenalkan tiga-kata yang memperkenalkan saya tidak dapat mengalirkan audio tetapi dia menggunakan penjara. Apa yang penjara adalah semuanya yang di-display pada penjara anda. Anda dapat mendengar bagaimana ia berlaku. Dan sekarang, saya rasa kita juga memperkenalkan ke dalam kata-kata kerana kita ada banyak yang membuat voice UI. Kita pasti dapat memperkenalkan dengan internet di banyak cara. Tetapi di lantai, kita masih mempunyai apa yang kita kata adalah display berlaku. Jadi mereka memperkenalkan dengan kata-kata yang anda dapat pada web atau dokumen atau apa-apa saja dan ia memperkenalkan untuk display, beberapa kata-kata yang mereka memperkenalkan. Dan sebabnya mereka masih memperkenalkan berlaku pada hari ini dan tidak hanya semuanya memperkenalkan audio, ia sebab mereka mahu melihat memperkenalkan kata-kata yang baik dan penjara, sesuatu yang audio hanya tidak dapat melakukan pada saat ini. Jadi, itu adalah currently dua cara yang orang yang memperkenalkan permintaan. Apa yang saya ingin berkata tentang berlaku adalah bagaimana ibu saya memperkenalkan kata-kata saya tidak mahu memperkenalkan. Jadi, ibu yang memperkenalkan anak-anak atau tidak, mereka memperkenalkan anak-anak untuk memperkenalkan kata-kata. Kerana ia membantu mereka dengan pendidikan pada kata-kata juga. So, pertanyaan yang terakhir adalah, siapa memperkenalkan kata-kata? Jadi, saya rasa pada skala global jika anda melihat keadaan ada banyak keadaan di selama beberapa tahun. Saya beri anda pada ekonomi. Ini sebabnya. Sebelum tahun lalu ekonomi mempunyai semua sisi web untuk servis kemahiran yang perlu dilakukan. Selepas itu, mereka mengatakan sejak ia adalah sukses yang hebat, mari kita membuat semua aplikasi mobil untuk servis kemahiran kemahiran yang perlu dilakukan. Jadi, ekonomi bergerak kemudian. Di US juga adalah kes yang sangat menarik sebab selama 27 tahun, mereka mempunyai Kata-kata Disabiliti Amerika. Dan apa yang terjadi, jika anda seorang dengan disabiliti dan sebuah perkembangan tidak dapat diperkenalkan kepada anda, anda dapat memperkenalkan seorang pekerja untuk memperkenalkan perkembangan. Mereka tidak dapat memperkenalkan perkembangan, mereka perlu memperkenalkan. Jadi, sebuah contoh tentang 3 bulan lalu, apa yang ada di sana, saya tidak dapat lihat. Oktober. Jadi, seorang dengan perkembangan dan perkembangan sebenarnya memperkenalkan match.com sebab mereka berkata, kita mahu menemukan cinta. Jadi, kita memperkenalkan servis anda dan kita mahu ia membuat kemahiran kemahiran kemahiran. Baiklah. Jadi, ini cerita juga bagaimana apabila kita bercakap dengan tempat seperti Airbnb dan sebagainya. Mereka adalah jenis kemahiran kemahiran kemahiran sebab mereka dapat memperkenalkan. Jadi, itu juga adalah komuniti global dari eksperts kemahiran kemahiran web. Mereka adalah seorang kemahiran kemahiran kemahiran kemahiran dari semua kemahiran kemahiran kemahiran yang anda boleh fikirkan. Semua di sana. Dan apabila saya menunjukkan ini, saya rasa salah satu perkara yang benar-benar menerima saya adalah saya cuba menemukan orang lain di Syarikat di Asia yang berada di tempat ini. Saya nampak sebuah channel yang pribadi A11Y-SEA dan saya fikir ia di Syarikat di Syarikat, tetapi ia di Syarikat. Jadi, tidak ada orang dari ASEAN. Jadi, saya akan kembali ke tempat ini dulu. Untuk bercakap tentang ASEAN, saya rasa contohnya yang saya berikan kepada anda dari EU dan di US, mereka adalah kemahiran kemahiran kemahiran kemahiran dan berbicara. Saya tidak berfikir kita berharap melihat itu berlaku di Asia Sulawis di sebelum 10 tahun. Sebab kita sangat berusia pro-business. Mungkin di tempat ini, saya rasa Korea dan Jepang sudah bermula pada saat ini untuk mempunyai sedikit lebih banyak perkhidmatan legislatif. Jadi, kemahiran kemahiran dengan berada di komuniti untuk menjelaskan bahawa ada kemahiran web. Jadi, saya rasa ada sebuah syarikat yang lebih kuat untuk ini jika kita mahu melakukan ini bersama untuk region ASEAN. Jadi, masalahnya adalah, anda mungkin bekerja di perniagaan yang berbeda dengan produk yang berbeda. Mereka mempunyai web, dan apa yang boleh dibuat untuk membuatnya web? Jadi, sebuah jawapan yang sangat-besar, kita akan menjelaskan nanti, adalah bahawa ia tidak terlalu berbeza daripada perniagaan perniagaan. Ia tidak mengambil banyak peraturan untuk anda untuk membuat web. Jadi, salah satu perkara yang penting adalah, anda perlukan perniagaan yang benar, mengindeksikan dari semua perkara web yang anda ada di produk anda. Untuk selalu menjelaskan, jika anda mempunyai perniagaan, ia adalah apa yang kita panggil manual scanning. Ia juga ada scanner otomated untuk menjelaskan perniagaan. Jadi, ia adalah pada perniagaan perniagaan. Kemudian, ia adalah perniagaan global untuk perniagaan perniagaan web, dan kita akan menjelaskan perniagaan. Jadi, biasanya kita cuba menjelaskan kedua-duanya. Jadi, salah satu perkara yang pertama yang kita cuba membantu perniagaan untuk menjadi perniagaan perniagaan web, yang kita sekarang membuat. Jadi, kita pergi ke perniagaan perniagaan, dan kemudian kita menjelaskan perniagaan perniagaan mereka dan berkata, Hey, anda bukan perniagaan, anda ingin melakukan sesuatu tentangnya? Jadi, ia sangat menarik untuk kami. Ia seperti, perniagaan yang kita melakukannya hari ini, tahu bahawa kita boleh melakukan sesuatu tentangnya. Jadi, kami akan menjelaskan dengan menggunakan perniagaan, dan saya rasa ia sangat menarik untuk menggunakan perniagaan kerana ia semua tentang menjadi perniagaan perniagaan keyboard. Kerana anda tidak boleh menggunakan perniagaan, kerana orang perniagaan perniagaan tidak dapat melihat perniagaan. Jadi, setelah anda melihat kemudian, ketika Dixon mempunyai perniagaan, ia sangat cepat. Anda tahu cara ia menjelaskan. Dan saya rasa ia memperkenalkan bahawa anda dapat menjelaskan perniagaan perniagaan web anda dengan perniagaan yang berlainan. Boleh itu membawa tentang perniagaan yang baru dalam cara anda melihat sesuatu? Mungkin itu akan menarik untuk menjelaskan. Jadi, saya rasa saya menjelaskan perniagaan terakhir untuk perniagaan saya. Tapi saya ingin berkongsi sedikit tentang alat-alat ini, ASEAN A11Y Initiative. Jadi, alat-alat ini adalah perniagaan yang saya mulakan. Ia adalah startup sosial yang berlainan, alat-alat yang berlainan, disebabkan teknologi dan teknologi. Dan kita adalah alat sosial. Dengan alat ini, apa yang kita lakukan ialah, boleh kita dapat lebih banyak perniagaan yang ingin menjelaskan perniagaan web dan perniagaan mobile untuk menjelaskan dari Gang and Dixon tentang alat-alat itu? Kemudian bersama sebagai perniagaan, kita akan keluar dan takkan membuat perniagaan perniagaan anda lebih berlainan dulu, mengambil kembali ke perniagaan sendiri. Dan pada masa yang sama, bersama-sama kita akan menjelaskan dan membantu perniagaan lain juga. Jadi, itu sebenarnya apa yang kita mahu buat. Dan sebenarnya, seperti yang saya beritahu, kerana Ashan adalah perniagaan pro-business, kita tak boleh menunggu perniagaan untuk keluar dengan sesuatu seperti itu untuk menjelaskan perniagaan yang digunakan di internet, yang dipercayakan sebagai perniagaan basic, jika ia bukan perniagaan web, kemudian orang perniagaan perniagaan tidak mempunyai perniagaan untuk perniagaan internet. Jadi, kita akan perlu menjadi perniagaan perniagaan web ini di Ashan. Jadi, perniagaan web pada saat ini, dengan sepenuhnya, untuk membuat perniagaan dan kemudian kita mengambil buku dan kemudian, keadaan terakhir untuk memastikan kita menghubungi perniagaan global. Kadang-kadang, perniagaan global, ada banyak perkara yang kita boleh lakukan tetapi, ia berikan anda perniagaan pro-business, saya rasa. Dan ia benar-benar menyebabkan bukan hanya orang dengan perniagaan perniagaan, tetapi, perniagaan lebih besar. Anda akan melihat sangat menarik bagaimana orang-orang yang berat, atau orang yang berat, atau orang yang berat, yang berat dengan internet. Dan perniagaan ini juga menyebabkan itu. Jadi, bagaimana anda boleh mulakan? Seperti yang saya beritahu, anda boleh ambil ini kembali ke perniagaan perniagaan, apa-apa saja perkara yang anda belajar, saya rasa pada kebanyakan, pada akhir kerja ini, anda akan belajar bagaimana untuk menggunakan perniagaan perniagaan. Jadi, cuba menggunakan perniagaan perniagaan yang anda telah membina sejauh ini dan melihat bagaimana anda dapat menggunakan ini. Kemudian, pada masa yang sama, jika anda mempunyai kita untuk hubungan kita untuk asian A111 Initiative, kemudian kita akan pergi ke perniagaan lain dengan perniagaan web dan mobil dan membantu mereka keluar. Jadi, seterusnya, saya rasa kita akan mempunyai Dixon untuk mempunyai sedikit, bagaimana dia sebenarnya menggunakan perniagaan perniagaan untuk memperkenalkan perniagaan, daripada perniagaan yang digunakan, dan kemudian, saya rasa dia juga memperkenalkan sedikit bagaimana dia menggunakan perniagaan perniagaan atau apa yang dia menggunakan? Iklips. Jadi, dia akan menggunakan Iklips IDE untuk memberitahu anda bagaimana dia menggunakan perniagaan untuk memperkenalkan itu. Saya tidak memperkenalkannya dengan baik-baik, tetapi Gyang menggunakan perniagaan pertama perniagaan. Dixon adalah Perniagaan Perniagaan Perniagaan untuk memperkenalkan perniagaan yang digunakan. Jadi, itu pasti sangat menarik. Pertama-tama, saya ingin beritahu kerana kita dalam perniagaan yang sangat kecil. Jadi, mari kita memperkenalkan. Jika anda tidak boleh mengikuti sesuatu atau anda mempunyai pertanyaan, hanya memperkenalkan perniagaan anda, menangis, dan kemudian kita akan menerimanya. Kerana saya rasa ini sesuatu yang mungkin akan sangat baru untuk semua orang. Biar saya mempunyai sebuah perniagaan yang memperkenalkan perniagaan untuk memperkenalkan perniagaan pertama. Okey. Pertama-tama, 1, 2, 3, 4. Okey. Jadi, saya rasa ada seseorang yang boleh mempunyai pertanyaan yang lain. Jadi, jangan rasa terlalu marah untuk menangis. Pertama-tama, saya rasa kita ingin mempunyai perniagaan kedua. Jadi, anda patut mempunyai perniagaan anda dengan anda. Saya rasa kita akan memperkenalkan perniagaan ini. Dan akan ada sebuah perniagaan dan sebuah kaki keyboard juga. Adakah anda sudah mempunyai itu di twitter anda? Ya, saya akan memperkenalkan. Okey. Jadi, ini adik Dixon Twitter account. Dia akan memperkenalkan dengan link yang dibelakang pada inforsheet ini. Dan ya, okey. Jadi, biar saya menyebabkan Dixon untuk memperkenalkan ini di twitter. Saya perlu memperkenalkan. Saya boleh memperkenalkan. Sebelum proses proses proses proses. Jadi, saya boleh memperkenalkan dengan kakak. Jadi, sekarang kamu memperkenalkan. Ya, betul. Tapi, kami tidak memperkenalkan proses proses proses proses. Tapi, kami perlu memperkenalkan ini. Ia sudah memperkenalkan proses proses proses. Ia sudah memperkenalkan. Bersama, kita akan memperkenalkan proses proses. Sehingga anda dapat mendengar perniagaan yang dibelakang pada komputer. Ia sudah dimulai? Ia sudah dimulai. Okey. Dan kemudian, kita lihat proses proses proses. Ya. Okey, ia akan memperkenalkan. Aduhai. Ia sudah memperkenalkan. Ia hanya memperkenalkan sikap Bluetooth. Ah, ibu beritahu saya. Bluetooth dan lainnya, saya akan memperkenalkan. Saya akan memperkenalkan. Ibu akan memperkenalkan harman kardon atau sesuatu. B whole. Saya perlu memperkenalkan. Ia hanya memperkenalkan sikap. Ia tidak dapat mencari. Mungkin dia masih mencari. Semuanya adalah devices yang tidak berlaku. Tidak, tidak. Hanya saja. Boleh saya mencari lagi? Saya cuba mencari. Saya cuba mencari. Saya akan mencari dulu. Tidak, dia mencari saya lagi. Jadi okey. Eskwaya Mini HK. Haman Cardon, saya rasa. Haman Cardon dan HK. Bagaimana? Saya hanya mencari. Saya sudah melihat Alba. Saya sudah bersedia. Saya cuba mencari. Saya akan mencari. Saya akan mencari di tengah jalan. Saya akan mencari. Jadi, anda boleh menggunakan komputer anda. Ya, okey. Saya akan menggunakan HTMI. Saya akan menolak. Saya akan menggunakan. Saya akan mencari. Saya akan menggunakan. Boleh saya membersihkan kan? Saya hanya menggunakan. Bukan saya menggunakan. Soalnya, saya akan menjaga. Anda minta berhenti. Sementara, saya akan menjaga. Saya akan menjaga. Bagaimana? Saya akan menjaga. Saya akan menjaga. Oh, oh, okay, sorry, let me um... Project window, second screen only, not selected, four or four. Just don't duplicate ah. Duplicate, not selected, sum or four. Yay, okay, you are set, okay. So now can I just begin? Okay. And the song... Can I have a seat of words on the viewer? And like, oh, can I just make it to three? Thank you. So essentially, the speech viewer will... Because sometimes you cannot hear the audio, so that you can see what's being read up on the speech viewer. So then you cannot change what's going on. Right. So hi, everyone. So over here, I am currently running a screen reader which is sort of talking. And so I'm going to turn on the screen reader and I am currently running a screen reader which is sort of talking. And so now what I'm going to sort of show you guys is how I would sort of go about using Amazon as well as a local retailer to sort of get information about buying a specific product. And then we'll compare and contrast the differences between these two websites. So right now what I'll do is to press the... It's a standard odd D shortcut since I'm on Windows to go to... A, selected, M. A, set. To Amazon.com. Set, boom. And let's see if this loads. Ah, okay. Amazon.com. So over here... Okay, I'll stop it. Oh, okay. So over here, I know that the page has finished loading because it started talking and reading out the title and so forth. So right now, let's say that I wanted to buy... I actually do want to buy a new laptop. So let's see if I can find the search bar on this page. So over here, one thing that screen readers provide is actually very efficient and fast ways of finding various structural elements of your page. So right now, I'm going to move to the next edit field. And... So it said a bunch of things that this is part of the banner of the page and now I am on this search field and I can start piping. So... So let's say that I was buying this particular machine. So one thing about screen readers is that this is synthesised speech. So it always pronounces the same words or sentences or phrases in exactly the same way. So it sort of becomes possible to get used to how it speaks so that you can slowly increase the speech rate. So this is typically how I use this page. So right now, what I'm going to try to do is so I could start off by just pressing the arrow keys to slowly sequentially read through the entire page. So this is roughly what it would sound like. So as I move down, you can hear that I'm moving past the search field. And then after that, this is basically the sign-in reader pages and stuff. So let's say that I didn't want to do this because this will take me a long time. So what I will now try to do is to move to the first level 1 heading. So we rely a lot on having correct structural landmarks on this page. So it said main landmarks search results. So I know that this is exactly where I want to be and I can move so quite a fair number of results. So I can sort of move to the next heading. So here, let's say that I wanted to buy this computer but it said a bunch of things like the processor speed, the hard drive, size, capacity, RAM and so forth. So I can also move more slowly word by word instead of only relying on it reading the entire line or paragraph at a time. So this is the screen and it's anti-glare and so forth. So let's say that I wanted to go to come to this page. So I've just... So it has finished loading and again, what I'm going to try to do is that the main content of the page was after a level 1 hitting, I'm going to try this again to see if it works. So I'm here and so it told me that so it told me that 5.0 out of 5 stars. Wow, okay. With 4 customer reviews. So over here like this is sort of what it it says and I can continue to move down. And so, you know, the list price is the price and so forth. So I can... So this list, it told me that I am entering this list. And I can sort of continue to move down and so forth. And what I can also do is that, you know, since moving by hitting worked for me earlier, so I'm going to try it again because now I'm making sort of an educated guess that the other major sections of the web page are also preceded by hitting. So I'm going to try that. Oops. Yup, so now I'm in a level 2 hitting. So this is the frequently bought special offers, have a question and so forth. Yup, and so the technical details and so forth are hitting level 1. So I can move to the next or previous hitting or I can also move to a specific level hitting. So, you know, it sort of depends on what I know this page has. So this is, you know, roughly like how I would use, I would navigate web page. So like, you know, up to this point, do any of you guys have any questions? How long do you think for you to be able to get up to like grade 90s? There's nothing important. So I started using this in like 2004. So I have to come backwards. 13 13 years. So, as you start, I think I started around the rate that it was at earlier. Then as you become more used to how it says certain things and then you just slowly increase it by a few percent every few weeks or something because imagine basically using the computer at that rate. So it's like basically just spending your time waiting for it to tell you things and then you doing your own thing. Ya, so it is possible to get used to it. Anymore questions? So if not, I will next compare the experience on Amazon versus a local retailer. How do you spell it? Ah, thanks. Dot? SG? And that's right. Why is it taking so long to load? Oh, did I? Oh ya, I didn't make any typos. So, it's just over now. Who are now? Ya, it's a bit slow, sorry. Oh, oh, oh. Okay, okay, thanks. My bad, my bad. It's a... Ya. So over here it's, you know, it's sort of notice that it's also telling me exactly the characters that I selected and so forth. So that I know that... Oops. Why do you have to move on and search? Oh, it's important. Ah, yes, okay. So, now we are, you know, we are here. So, on this page I'm going to try the same trick again because I want to move the first, you know, edit field on this page and I can... I can do so. Oops. What's going on? Oh, okay. So it seems that there is a some modal dialogue. So this is totally unscripted because the previous time that I was here this thing didn't exist. So, let's see. Wait, what? Why? What? Wait. What the hell? Okay. Whatever, ya. Okay. Okay, I mean it has to be some four you know, four part on the part of the developers but anyway, okay. So, let me just... Okay. So, I just did the same thing that I tried. So, I am now in the search field and I can start typing again. Okay. And so I'm here. So now let me repeat the same X, you know, navigation sort of method. So, I'm going to try to move to the next heading that I find. So, you know, I mean, I haven't gone through all the headings of this page but just by the headings that I see, this is probably not going to get me anywhere quickly. So, the next thing I'm going to try is to go back up to the top of the page and so, besides headings that I guess that you guys would have you know, have heard of, there is sort of another way of dividing the structure of your web page. So, these sort of... and this is called a region. So, you can think of a region as a way of expressing in the HTML what you guys you know, perceive visually on the page. So, for example, if the page has a bunch of navigation links at the top, you know, going across the top, then you will actually enclose that in HTML in a banner, in a pair of enclosing, you know, less banner, greater tags. So, this is how you know, someone who is using some alternate interface can also perceive this page. So, let me try to see if this works, to see if they have divided their page into regions. Right? Sorry, there's a... Okay. So, it's a navigation landmark. I mean, so, I guess this is where they are the site navigation stuff is and then... Oh. Okay. So, there are no more landmarks. So, okay. So, these two are the real heuristics that I often try to quickly get past the page. You know, past the irrelevant stuff to the main content of the page. So, I guess you can think of it as the equivalent of scheme reading or just, you know, your eyes moving to where the main parts of the page is. So, now I have no choice. I have to, you know, explore this page more thoroughly from the top. And I'm going to start reading the main page. Alright, so what I heard, so I notice that over here after the search, after the search field, right, so after the search field, there's actually this search results and then I know that so there are quite a lot of hits and I've, okay, so this is, this appears to be a way for me to select what I want to sort. So, let's see what this reads. Okay, I mean, I have no idea what this does. So, I'm just going to escape and hope that this didn't do anything, right. So now, I know that so this appears to be the first actual hit that this is the Dell XPS 13. So, what I sort of learn from sort of like this is that I can also move to the next or previous combo box which is what the sort of HTML this particular element is called on the page. So, I know that in the future I can from the top of this page I can basically move to the next combo box and then just below that is the main content of the page. But you know, the point that I'm sort of you know, the point that I'm trying to illustrate is that since you know the first two like method sort of fail then I have to work a bit harder to find where the main content of the page is and although I know now that the contents order all these search results are actually right after this combo box where you are supposed to be able to select how you sort the results that this is site specific you know, so one thing is that this is site specific and the other is that this is bound to change when perhaps the visual layout of the page changes Ya So let me just go to the first result for the Dell XPS 13 and see if I can read the specifications for this particular computer Right So the page has again finished loading Oh Okay So now I just try to see if I can move by heading and it work So now I'm I'm here and Right Right Yap So it So this is this is reading you know the details of this page Yap or not Yap Okay So you know hopefully this gives you an idea of like the difference of having good structural elements in your in you know your web page versus not having the structural elements So like if I'm actually going to buy an XPS 13 I guess you guys will know which side I would actually prefer to buy from Ya So any questions Up to this point Yap Do you have a question about Does it mean that for every website if some of them always remember how to structure Hmm So it depends on the on how the website was done So in the sort of previous what the previous example for Amazon what I was able to do is to actually So in this page I didn't really have to do any site specific workarounds because moving by heading sort of works So headings are sort of sort of you know thing it's defined in the HTML specification as a way for you to strategically divide content and to use like levels like level one could be where the actual title and so forth and then level two would be sub headings or sub sections and so forth So one is that on Amazon I didn't have to you know like spend extra you know brain cell cycles to understand you know the layer of this page and so hopefully your question like if your the website you know has these standard ways or standard ways of navigation then really those specific workarounds would be necessary There are some website that does like non fresh kind of like app right So like do you mean single page application So that's going to be sort of I'll touch that later on in sort of the later examples but sort of like there is a way to actually mark parts of your page as being so called a live region So you're sort of saying that this page has this part of your of the page has something that can change so you can have elements added or removed from the DOM in this particular section and then if your if a particular interface that you're using to access the site understands these markup which is screen reader in this case does then it's able to be automatically announce changes to that specific part of the page only So you do actually have a fair a fair deal of control over that So I'll I'll be talking about that in a later in a later section So also one final sort of thing about how I you know use headings and regions to move about this page I can also move by region here on Amazon Yup So I know here that you know there's a search a place I can search and this is the main content So the other thing is that a screen reader isn't the only thing that's going to be that's going to benefit from your site being you know structurally having good structural markup So you know you have used services like Instapaper or readability or you know like your browser's reading mode to extract the main parts of the page you know the articles without the distraction of the sites you know links and advertisements and so forth So I bet that part of how it does is actually relying on good structural your site being structurally easy to analyse by a computer program So like having this markup you know it sort of may benefit more than you think it does Ya So I think that's So next Gyang So you know next Gyang will demo how how he accept how he does some programming Gyang are you going to use the Xens computer? No because this he don't have 8 lives in his company Then I've got to Can you open or open your Bluetooth settings Ya, you see it I just wanted to mention first that Dixon intentionally left the speed to be a bit faster just to simulate really how he does it Later on But I think we also wanted to emphasise that you can tell that he can listen to it very fast Technically if given the right conditions he can work as fast as fast in looking extracting information for what a site is but there's more in the video so I'm going to play it Okay Can you see what I'm seeing? Ya Can you see what I'm seeing? Ya Okay, guys Okay, guys I need to stand up a bit I sit all day so I need to stand up a bit So Can you hear at the back Can you guys hear me clearly? Ya Alright, so Yuga is accelerated to the very high speed so now we can pull down a little bit So So a lot of people will like ask me some questions like how can I code how can I do programming how can I run program what is my difficulties so now I just give you guys a brief demonstration to see how can you do it using screen readers so usually everybody use a mouse but for me I use keyboard only so everything is based on shortcuts So here I'm using Eclipse to write some Java code So it will slow down the speed So here for example if you want to create a new class So to open this menu usually you guys will press right arrow right but for me I will press application so I use so instead of right mouse click I use application So here you can see that screen reader will support line user by give them a lot of information so from here you can you can hear that O plus SHIP plus W this is the shortcut so after then the menu it will show me the shortcut and then you can see New submenu submenu I will press right arrow to to open another menu inside Project and a class C that will be class C after that we will use name code that by D D D L O C L A S S Enter Cancel button 311 Fully Clank Fully Clank Right Race Clank Enter Enter Control S Okay so Clank Clank Usually if I want to read something I just simply read from top to bottom Fully Clank Fully Clank Clank Clank Okay so now I will write sub-sum code fast D L R C Clank Clank Fully Clank Clank Clank Clear Space L R S Equals Space R R R Bagaimana jika saya mempunyai sesuatu seperti ini? Biasanya anda akan tanya saya, bagaimana saya dapat tahu bahawa ada sesuatu keadaan? Ada sesuatu keadaan atau ada sesuatu keadaan? Atau seperti bagaimanapun, saya lupa memperbaiki hidup saya atau sesuatu. Saya menggunakan skrin reader yang berbeda daripada Dixon. Saya menggunakan Jaws. Dixon menggunakan NVIDIA. Untuk Jaws, anda dapat menulis skrit untuk mendukung skrin reader ini. Ada skrit yang dibuat di dalam skrit yang akan beritahu saya. Malah diberikan contoh adalah... ...di antara jaram batu, ia menunjukkan... -...seperti rambut lemon, dia beritahu saya bahawa... ...sebahaya ini telah berlebak seperti ini. Kejutan, lebih kejukan. Artinya ditubuhkan kembali ke arah belakang. Yang ini seterah bahaya, betul? Artinya ditubuhkan di sebelah-belakang. Tidak apabila diberikan. It means the least work here. We have some problem with this. Oh, and that was I. So, let's see what happened. So, here I can... So, can you read this for me? Yes. Don't say speks. Sorry, I need to magnify the screen. All tables. All shift tables. Menu. Final menu. The move through item. Grab. All shift. All shift tables. Menu. The move through item. Grab. We sit down there up here. Control. Control equals. honorary. Yak. Ya. Okey. Maaf, kita ada masalah dengan seorang seorang yang sedap. Okey. Adakah ini seorang seorang yang sedap? Ya. Adakah ini seorang seorang? Okey. Okey. Okey, sekarang. Okey, sekarang kita balik lagi. Bagaimana saya tahu dan mencari keadaan? Dan mencari bagaimana untuk mencari keadaan? Semasa saya tahu, saya tahu. Jadi, saya tahu. Jom, jom, jom, jom. Jom, jom, jom, jom. Saya akan mencari satu. Jom, jom. Jom, jom, jom. Jom, jom. Jom, jom. Jom, jom, jom, jom. Jom, jom, jom. Jadi, anda boleh lihat, ia akan menyebabkan saya. Ipok, pasrafi, list, pasrafi, kerana... Sekarang, saya mencari keadaan. Saya perlu tahu setiap keadaan. Seperti keadaan, perintah atau dot, atau comma. Jadi, saya... Saya akan mencari keadaan saya. Jadi, apabila saya mencari keadaan text atau ID untuk keadaan, ia akan mencari semua perkara itu. Jadi, ia sedikit mengetahui keadaan ini. Dan untuk pasrafi, list, pasrafi, list, pasrafi, list, pasrafi, list, pasrafi. Why Verra Jom, jom, jom, perintah atau dot, keadaan! Siapa pergerakan Sekarang, saya cuba panggil kelas saya. Dan, bukan bantuan, benar, dia menghargainya. Ya, ini satu situasi yang akan membentuk saya kali ini. Jadi sekarang, saya ada perkara besar yang tidak tahu bagaimana keadaan saya. Saya tidak dapat membuka semua kelas untuk melihat tepung-tepung. Saya hanya menggunakan semua kut-kut saya untuk melihat menu air ini. Saya hanya menggunakan semua kut-kut saya untuk melihat menu air ini. Saya hanya menggunakan semua kut-kut saya untuk melihat menu air ini. Bagi saya melihat saya menggunakan semua kut-kut saya untuk melihat menu air ini. Bagaimana saya dapat membahas? Sekarang ini sangat tidak mungkin. Saya boleh mencari contohnya. Saya ingin tahu bagaimana kerja kota yang berlaku. Saya ingin melihat bagaimana kerja pembinaan. Saya ingin melihat bagaimana kerja pembinaan. Saya ingin melihat bagaimana kerja pembinaan. Jadi, saya bisa membahas sesuap sebuah kota. Ada sebuah pertanyaan? Ya. Bagaimana cara saya menyebabkan kota Pertama Sin Taks? Saya boleh menyebabkan kota Pertama Sin Taks dengan untuk itu untuk contoh saya terberlaku pada masa yang ketua. Saya akan cuba menujikan kota Pertama Sin Taks. Baru-baru juga. Jika saya men arah kota, Lissat ad-left-fair and quote string sum, quote quote, write equivalent. It will tell me this one, this line is invalid. Lissat ad-left-fair and quote string sum, quote, invalid, right-fair and. Invalid, right-fair and, it means this right-fair and here we got some problem there. So, I can guess that I will miss the semicolon. Semi-colon. Lissat ad-left-fair and quote string sum, quote, right-fair and semicolon. And then it will not read invalid anymore. So, that's how I can detect Lissat ad-left-fair since tax error. But this one only work for my screen reader as well. If you're using and VDA is, we have to run. And after running fail, I can open the error viewer and then try to find the errors. It's a little bit slow. I want to share it with you. In different IDs and things, are there things that you wish the IDs is better in general or just general, what are your things that you really, really, really frustrate you? Yeah, very sure. Will that take the rest of the afternoon? So, and giving some of them, for example, it leaves is very good. Visual, Microsoft Visual Studio is also good. I mean, it's a bit heavy, but it's still fine. I can code, I can do everything there. I use SDS, Spring Tools Suite is the website, the other thing to building website which is Spring Framework. It's also work well with screen reader. But now I'm using Android Studio to work in graph. Actually, these Android Studio is not. So, for Android Studio, I have some problem with configuration. I cannot change something in setting. And sometimes whenever I open screen reader, it's a little bit slower than normal. So, I think the next part when we're going to walk through the screen reader process, I think the key thing to note for you is the concept of what you see is what you hear. Make sure that everything that you see that you're looking for as you go through your visual flow can match up with the audio flow that you're listening to. I think that's the most important thing to emphasise as you're going through it. So, yeah. So, there's a chichin here. And I think what you see is what you hear. We're going to demo with a different kind of e-commerce site. We're going to go to BookPropositary.com to look for particularly popular book. So, okay. Is it on? Come on. Come on. Everyone has voice over on their laptop already. As in it's online. So, if you want, you can just wear one side if it's possible so you can hear the instructions as well. That's normally how they do it. But if you find it too difficult, then just put both sides. Okay. So, okay. So, the first thing is that you guys will want to be doing is to turn on voice over itself. So, the keystroke for that is Command plus F5. So, this is a toggle that turns it on and off. And this works in any application. So, the other thing is that voice over in its default configuration. If this is the first time that you guys switch it on. Okay. Okay. If this is the first time that you guys have it on, then you might have this dialogue that asks you if you want to take part in this quick start tutorial. So, feel free to just use your mouse or keyboard to cancel that first. Or I believe you can press escape. So, once voice over is on, the other setting change that might be very helpful is to modify a particular safari setting as a list start. Here. Sorry. And some other sort of pretty important things is that voice over in its default configuration is also extremely verbose. So, it's sort of trying to be helpful by telling you what are the keys that you're able to press. What are the keys you're able to press when your focus is on a particular place. So, if you find that tool, if you need to stop it from speaking, just press the control key. And another key that would be very helpful for your exploration of learning voice over is using its keyboard help command. So, on that page, I said that a lot of commands use something called a voice over key. And I said on this page that you have to press control and option, I believe, to switch it on. But actually, I didn't know that you can also use the caps lock key itself as your voice over key. So, just remember that you can press, let's say, caps lock plus K or you can press control plus option plus K. So, both are equivalent. So, since now we know that we can use the caps lock key, then that's probably easier to use in pretty much every situation. So, one thing that is useful is this keyboard help that you can activate by hold down the voice over key so it can tell your voice over commands. Press the safety at the top left corner of the keyboard to stop help. So, you can just slow it down. So, is the current screen reader that's playing, is it a bit too fast? So, if you slow it down, oh, I need to escape. And how about on your own computer, it's fine? The default should be fine. Okay. Intimation 50%. Volume 100%. Intimation 50%. Voice out of combat. Intimation 50%. 55%. 25%. Ah, okay. 21%. Oh, no, no, no, ah, 26%. Oh, this too. 41%. I think 41. Yup. Does this feed work at 41? Try again. Yup. Let's just try something. Eh? Eh? Escape, I guess. Eh? Dicks and Tan. At the groan. Close Dicks and Tan. At the groan. Vertical Line Twitter button. Okay, I think this... So, I think this feed should be okay. Yup. So, the way that you know, keyboard help works is that when you activate it by pressing voiceover plus K, it basically it basically tells you voiceover cheat with content. Sorry, it basically allows you to, it's sort of a safe sandbox for you to experiment with pressing various keys on your keyboard. So, for example, Control K, stop this keyboard help. Starting. ...on web contests, to enter the web area, pressing. Okay. So, if you were to... Give me a second. Eh? I'm not sure why it's not speaking. Oh, No visible title to interact, voiceover cheat cheat with content. Ah, okay. So, if I were to press... Oh. Start the keyboard help. So, if you're to press, if you're... So, it tells you the keys of function when you press a particular key stroke. So, for example, if I press voiceover plus F. Control F, fine. Oh, sorry, Control F. So, all these are, it's basically a safe sort of sandbox for you to play with different commands and so that you know what these commands do. Control. Control. Yup, so this oh, it's the insert. It's control. Just a very short one. Hello, everybody. I hope you're good. Um, we have some sad news. I'm not sure you saw that, but it's time to raining. And the hotel called me and said like, we can't set up to the beach party on the beach. Oh. I didn't like it. Because we had floaties, you know, unicorn floaties and we had one fire and she hit it so hard. Anyway, if it's not raining at 5.30, we're going to still meet on the beach because we have some drones and we still want to pretend, right? So, we're going to meet there for Instagram photos and take some of those. Control. And then we're going to all move on to level 5. Sorry, is it caps down? Yeah, caps down. It's full glass room. It's almost as good as the dinner there. Right? There's going to be a lot of food and drinks and a lot of DBS. So, be aware. And that's about it. I'll see you later. Alright. Thank you. 5.5. What's the time now? 5.5. What? 5.5. No, no. I said, now it's 2.30. Okay. We still have 1.5 hours about everything else. So, you have about half an hour plus 45 minutes max. Okay, continue. Yup. Right. So, if you're ever not sure on which key to press and just just use this keyboard help to experiment. And so, the other sort of thing that is, it might be helpful for you guys to configure Safari as stated on the help sheet right at the top. Right. Open it. On one team. Kamal is at the bottom. That's one. Okay. So, now, so, sorry. So, one thing is, you know that yang earlier he he did it too was that there are multiple screen readers available. So, since Windows is sort of the most like, popular platform, there are currently two actually three major ones. But the way that Windows screen readers work and Mac screen readers work are substantially pretty different. So, I'm not so like, I'm sort of not as familiar with Mac. So, please bear with me a bit on that. So, here the website that we want to go to for this particular demo. So, what we're going to do is to to see if we can look for information on a particular particularly popular book by going to book repository. So, if you open a new tab on Safari, your focus should be should be on the address bar and you should be able to start typing. And then and then you can just and this is the and this is the site for book repository book depository. So, it's everyone able to you know hear what's hear something that roughly matches what you heard just now or is anyone having hearing something different. Okay. So, here So, here on this web page there are some ways that you can actually navigate to the next heading to the previous heading to the next list and so forth that are listed right at the bottom of the document but there but voice overall I guess in a recent update they created a more finger-efficient way of moving. So, what you can do is that while on this page you can you can press the left and right arrows together to toggle on quick to you can press it to toggle quick quick nav on and what this allows you to do is that you can first move around this page by pressing the left or the right arrow keys separately this time Oh, sorry we have to interact with it Interact Oh, yeah, interact Sorry, what's taking my life? What's interact? Interacting with the content So, press Ctrl Option Shift and down arrow if you don't appear to be able to actually move anywhere inside inside this web content Option is next to Ctrl Okay, Ctrl On the other side Okay So, if anyone cannot follow at any point please stop us, yeah Just Yeah Thanks Right So, now that we are so so this is sort of one difference that the way voiceover does things what it does is that it sort of groups logically logically distinct items together and then what it allows you to do is to efficiently get sort of an overview of the main window without having to tab through every single link on the web page So, for example if I stop interacting with this particular web content if I if I were to press the left or right arrow keys I'm now on this particular part of Safari and this is the the new tab button and so forth So, this actually lets you explore the interface without necessarily being bogged down by details which is why you need to so-called interact or zoom into or set your particular focus onto this web content which I will do now Well Right So, now I'm interacting with this web content So, to move to the beginning of the page you would press voiceover plus home and voiceover plus end There's only up and down Oh, okay Is that home? No Is it function with There's no Oh, okay I forgot the key in three miles It's okay There's no home key No And so what you can do now is that when you switch is that you can press left or right arrows to basically Oops, what am I? Are you in web? Oh, that's a icon Oh Ya, so it sort of appears that there isn't a home Home There isn't a home key on sort of your Oh, okay Oh, okay Oh, okay Okay Ya, thanks Function left Function left is home Ya, can you try type slot and then function is the very end here and then left and then left and right is home Okay Thanks Ya So, what's Oh, can you just announce the home key for era Okay Ya So, when you when you mention the home key on Mac, it's function left and then end is function right So, for if you want to modify with the voiceover modifier then in total it's caps lock function left for home caps lock function and for right for end So, if I had to press caps lock function and end I meant Ya, so this works So that means that the first item on this page is a contact link and as I and as I use as I use the left and right arrow keys to move I'm sort of moving through different elements of this page So, another way of navigating let's say that you wanted to find a specific thing is to use something called the voiceover rotor that you can turn on using voiceover plus you and what this brings up you can think of this as a two dimensional menu where you can press up and down to basically move through So, what you can do is that you can press the left or right arrow keys to move to select a particular type of web element that you wish to move by So, it's either control option you or just a caps lock plus you to activate this voiceover over rotor So, you can just use the left and right arrow keys and up and down to explore this voiceover rotor and what you can do is that the other thing you can do is that let's say that you know you want to filter this so you can basically just start to type and over here myself I narrowed it down to three things and over here if I press enter then you actually be taken to the link or the kind of element that you chose So, what you can do is also so this one way of also navigating this page and so if you look at this headings if you can if you find this list of headings there are lots of headings on this page So just by just by looking at this list you can actually gain some sense of how this page is structured So, heading level one is the main is where the main content starts followed by this best ever book list popular reading books and so forth So, this is one way that you can navigate by using the rotor and you can escape by pressing the escape key So so another sort of thing that you guys can try is besides using this rotor you can also press the up arrow and right arrow keys together and what this does is that oops sorry it allows you to choose again it allows you to choose what type of element you wish to move by so you can press up arrow and right arrow or up arrow and left arrow to sort of cycle through this list and then what you can do is let's say that I am so let's say that I press up and right repeatedly until I'm at heading so, oh ya this only works so I can press up and down to actually move by that particular element type so now my selection was at headings so this is another way of navigating around by using the up and left or right arrow keys to select by the kind of element that you want to move by and then using up and down to move to the next or previous occurrence so this is so far I've shown you two ways of navigating and then there's another way that you can also navigate by activating something called single letter quick navigation mode so for this to work you need your original quick navigation mode to be on by pressing left and right okay it's on now so what I can do now is press voice over plus oops sorry voice over plus Q oops where's the Q is this Q voice over Q that's weird that's weird maybe it's hey maybe quick nav has to be off it's on I'll just press Q on it so sorry it seems to be give us a second it worked sorry how go are you sure it's voice over Q I believe it's voice over Q really let's check the can you check the list thanks it's near the oh voice over Q and quick nav is on ya it doesn't work though it worked on my machine you just try to think which version of which version of ya okay maybe I might just if you guys can't if you guys are also have if voice over plus Q doesn't seem to be doing anything ya oh no hmm ya ya you were in keyboard help just now ya I was in keyboard help just now can you turn quick nav on quick quick keyboard help oh this is control Q so this is um it's also co- option control option Q give me a second ya it doesn't work can I try to turn on single single letter quick navigation mode to turn on single letter quick navigation mode quick navigation mode it's okay if it doesn't work it's okay ya usually it doesn't work hmm for somebody why you need this okay wait it's okay it's okay it's okay I think it's okay so maybe this feature might have been it could have been you know introduced in a in a different version of voice over or so when I tested it on a when I when I tested it it worked for me but perhaps it requires some some existing update hmm oh it doesn't work anymore oh it doesn't work anymore you mean single letter to find links ya ya ya it used to work it seems not to be working in the latest version oh dear okay so they broke something okay they broke something or maybe they they changed their mechanism so we need to turn it on but in the latest version ya see here so another useful sort of command that you can try is also bringing out voice voice over help and in this menu it sort of this is where where you can sort of get help to to to for various voice over resources so over here in this when I was in the command menu you can start typing to basically filter to look for a specific command so this is useful if you forgot the keystroke for particular command and you wanted to use it anyway so let's say I wanted to activate this find previous landmark command so the next thing that I would like to sort of demonstrate now is to is to move is to move to the nearest form field so let me see the command for this is give me a second enter search text previous search type give me a second search can you search second this is enter search text previous search so this is so we will be using so this is this table will be the set of commands that you will be using so you can go to the next heading by pressing voice over plus command plus voice over plus command plus H and if you add shift to the previous keystroke that should allow you to move to the previous that should allow you to move to the previous element and you can also do voice over plus command plus X list not found so in this case that moves you to the next or previous list but in this case this page has no lists and the corresponding frame not found the corresponding excuse me so you can sort of experiment with this so voice over plus command is sort of the common keystroke by various letters on the keyboard that allow you to move to various various things give me Bella can I just do one thing ask the one that I do move by form view i don't know oh thanks but this is a single letter quick sorry this is the single letter OJ thanks so to move to the next or the previous form view you will do what doesn't seem to work go to the next one voice over voice over command can you press it first oh ya wait why is it not reading it's not reading he made me start did the blue tooth bigger die hmm so how can you go into voice over yeah i think it died i'll just use my own okay so you want to go to next form view you found no horror click email address search search text what command voice over command search button so you can press command plus J to move to the next or previous and then here as the sort of instructions as voice over would tell you you can start to type in this field so let's say that i want to search for this particular book and then i press and then i press enter to to so i press enter to submit the search result and then i use heading navigation to move to the main search area here 1 clickable link 2 link 4 link 2 6% off fire infuri heading level 3 link fire infuri so this is the first result and we can sort of just read like what's next what sort of beneath this heading link Michael wolf link outline black star so it's not able to tell you how many stars how many stars this particular book has so i guess because it's sort of there sort of isn't a label for this so it doesn't translate so let's say i was interested in in this particular book and then i can just press i can just activate this particular link and now i am here on the details for this particular book and then from here we can use the arrow keys to explore this page the left and right arrow keys so over here if you were to arrow right a few times from the heading you will actually notice it saying p and so forth so i suspect i suspect that this is because the link isn't correctly labeled but i guess that this stands for facebook, twitter and so forth and this is the description of the book and then now if we move to the next heading to the product details field and then we can and then and then we can get more information on this book so try to see if you guys are able to hear something similar does anybody have some difficulties or questions up to this point just a side question because different laptops so how do you overcome do you have play skin or how do you actually learn the keyboard layout so this is sort of part of why so a bit harder for me to conduct portion of the workshop because when i was doing preparation and testing i was doing it on a windows so the keyboard layout on the mac is very different so i kept on trying to perform commands and then it wouldn't work but even on windows laptop certain keys let's say probably the play-down key may be placed differently so actually initially let's say when you buy a new windows laptop so how do you actually figure actually it's not that much no keyboard so it's only a few those function keys and so forth so what we do is that probably have to consult the manual or whatever excuse me and then see if we can figure out see if sorry and then see if we can okay and then see if we can figure out how this works the other sort of thing that we usually tries to turn on the equivalent of the keyboard help mode and then press various key combinations and then see what it says so actually you have gotten used that your fingers always stuck on the keyboard usually the same position i guess it's similar to touch typing so when we usually type we usually don't look down but once you're used to it so if you guys are comfortable or okay with so far looking at this particular website then sort of the next challenge for you guys would be to get specific pieces of information of amazon.com for another product right see this is the one with the screen curtain you want to show them how to turn the screen curtain on sorry okay yeah so the next one we're going to do is because the book depository is definitely way more inaccessible than amazon.com amazon.com is more accessible compared to total darkness and then let's try it so total darkness just leave the screen common hell just leave all the way first how come i have to turn it on how come i have screen curtain let me ask um can i i don't show just 70% control control fn okay i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i i