{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; vr *; web-share *; serial *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups-to-escape-sandbox allow-popups allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzM4ODU5NTgyLCJpYXQiOjE3Mzg4NTU5ODIsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.axgKxdTfM-EJC0yfeGmC0PebI5xzIdITV63SHIUouJ-FJROqa-2lMc-6e9I2I-nmccnmx-KmBCgzv9kJevyKVqeB0UAPv1CRyt1zpsYqsPMKZx7KP73lFrlMLJz-U56lWvR7nX0UOs_shVms3z2E6MhFEZNX1pX6clnWiOZ6_MbmT_C7wSQ81qHCOzCX6Giba6yCLbdWtBupJ9kVbnUzEh7QP8bpkvY62V3ag2l4jCsLcZrdijgtqZpslPuCK1xRKUDet_927QjaX3DDaAnykgciPkTPcLUlFOenTmb9LMCyb8OShnxpnu9FCmh0eHmGxu1dnkAu6KMgTRG2fiCn5A"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":50925067,\"user_id\":281527,\"html\":\"<main>\\n<!-- <div class=\\\"emphasis\\\">Follow along at <a href=\\\"http:\\/\\/bit.ly\\/EEWCAG22\\\">bit.ly\\/webxr318<\\/a><\\/div>\\n -->\\n \\n# WebXR - Accessibility Resources\\n[Fukuoka Online XR Meeting #XRMTG](https:\\/\\/fukuoka-xr-club.connpass.com\\/event\\/209505\\/) | April 21, 2021\\n<!-- \\n<div id=\\\"topic\\\" class=\\\"info\\\">\\nTODO\\n<\\/div> -->\\n<div>\\n\\n[](https:\\/\\/equalentry.com)\\n\\n[](https:\\/\\/meetup.com\\/a11yvr)\\n\\n<\\/div>\\n\\n## COLOR CONTRAST\\n\\n- [Tool: Color Contrast Analyzer Mac and PC](https:\\/\\/www.tpgi.com\\/color-contrast-checker\\/)\\n- [Article: Which Color Combination has the Greatest Contrast](https:\\/\\/equalentry.com\\/can-you-identify-which-color-combination-has-the-greatest-contrast\\/)\\n- [Demo: A-Frame Color Contrast Test](https:\\/\\/equalentry-hack2.glitch.me\\/)\\n\\n## VOICE CONTROL\\n\\n- [A-Frame Example](https:\\/\\/equalentry-hack.glitch.me\\/)\\n\\n## OBJECT IDENTIFICATION\\n\\n- [aria-label Japanese](https:\\/\\/equalentry-hack.glitch.me\\/indexjp.html)\\n- [aria-label English](https:\\/\\/equalentry-hack.glitch.me\\/index.html)\\n- [Interacting with Objects in an Inclusive Virtual Environment](https:\\/\\/equalentry.com\\/interacting-with-objects-in-an-inclusive-virtual-environment\\/)\\n- [Does WAI-ARIA Even Work with WebXR](https:\\/\\/equalentry.com\\/does-aria-even-work-with-webxr\\/)\\n\\n## References\\n\\n- [ARIA Japanese](https:\\/\\/momdo.github.io\\/wai-aria-1.1\\/)\\n- [WCAG 2.2 Spec](https:\\/\\/www.w3.org\\/TR\\/WCAG22\\/)\\n- [Accessibility NYC YouTube Archive](http:\\/\\/youtube.com\\/a11ynyc)\\n- [Accessibility VR YouTube Archive](http:\\/\\/youtube.com\\/a11yvr)\\n- [A11y Slack Channel](https:\\/\\/www.paciellogroup.com\\/blog\\/2015\\/07\\/anybody-can-be-an-a11y-slacker\\/)\\n- [SD Macross Hikaru TV Object](https:\\/\\/poly.google.com\\/view\\/d7QE5WexPns) by Tipatat Chennavasin\\n<\\/main>\\n\\n<div id=\\\"bio\\\">\\n\\n## Our Team\\n\\n### トマス・ローガン\\n\\nThomas Logan [@TechThomas](https:\\/\\/twitter.com\\/techthomas)\\n\\n<img class=\\\"headshot\\\" src=\\\"https:\\/\\/assets.codepen.io\\/281527\\/ThomasCircle.png\\\" \\/>\\n\\nEqual Entry 社の創業者兼 CEO である、トマス・ローガンは過去 18 年間に渡り、あらゆる企業が障がい者の為の技術を取り入れる手助けをしてきた。Equal Entry 社は「世界をもっとアクセシブルに」をモットーに活動している。米国政府、州、地方自治体、ベンチャー企業からフォーチュン 500 に含まれる大企業までもコンサルティングし共同プロジェクトを行なってきた。\\n\\nトマスはイベント「VR におけるアクセシビリティ」(A11yVR)を主催し、「アクセシビリティ ニューヨーク」(A11yNYC)の共同主催者でもある。どちらも毎月開催される meetup で、障がいをもった人やアクセシビリティに関する話題に興味のある人が参加している。また、XRSI.org、XR Access、Virtual Experience Interaction Lab (VEIL)など、あらゆる XR 関連の組織に関わっている。現在は東京在住。\\n\\n### ローランド・デュポア\\n\\nRoland Dubois [@RolandDubois](https:\\/\\/twitter.com\\/rolanddubois)\\n<img class=\\\"headshot\\\" src=\\\"https:\\/\\/assets.codepen.io\\/281527\\/RolandCircle.png\\\" alt=\\\"Roland Dubois headshot\\\"\\/>\\n\\nローランド・デュボアは ShopWare のプロダクトデザインマネージャー兼 UX 責任者、Virtuleap の XR アクセシビリティの責任者で、世界的に有名な WebVR 用の avatar を作成する GRAVR の作者である。コンサルティング会社 ByteDept を共同創業し、世界的に有名な様々な企業が人間中心設計をソフトウェアに取り入れる手伝いをしてきた。WebXR(A-Frame ニューヨーク)のイベントやワークショップを主催し、現在の VR\\/AR 業界が全ての人にアクセシブルになるよう貢献している。\\n\\n彼はデザイナーとしてのキャリアを Siemens\\/BenQ イノベーションラボでスタートした。ミュンヘン専門大学を卒業し、ニューヨークの School of Visual Arts で非常勤講師をしている。web 標準化非営利団体の Immersive Web CG and XR Access の一員である。\\n\\n### 柳川健二やながわけんじ\\n\\nKenji Yanagawa [@Kenji_Yngw\\n](https:\\/\\/twitter.com\\/kenji_yngw)\\n\\n<img class=\\\"img-circle img-responsive headshot\\\" src=\\\"https:\\/\\/assets.codepen.io\\/281527\\/KenjiCircle.png\\\" alt=\\\"Kenji Yanagawa headshot\\\" \\/>\\n\\nA graduate of Kyoto Institute of Technology in 2020 after studying mechanical engineering and product design. He is a freelance English-Japanese translator and a fab staff for Kyoto Makers Garage to host workshops and events on 3D printing, Laser cutting, Arduino coding, etc.\\n\\n機械工学とプロダクトデザインを学び、2020 年に京都工芸繊維大学を卒業した。現在はフリーランスとして英語翻訳をしながら、Kyoto Makers Garage で 3D プリンターや Arduino などを使用した、ものづくりを教えるイベント等を開催している。\\n\\n<\\/div>\\n\",\"css\":\"a {\\n color: #293c8f;\\n background-color: white;\\n padding-bottom: 0.5rem;\\n}\\nbody {\\n max-width: 960px;\\n margin: 0 auto !important;\\n float: none !important;\\n padding-left: 1rem;\\n}\\n\\n#bio {\\n clear: left;\\n display: block;\\n}\\n\\/* main {\\n font-size: 100%;\\n margin: auto !important;\\n max-width:1080px !important;\\n} *\\/\\n\\n.emphasis {\\n color: #293c8f;\\n width: 100%;\\n border: 1px solid black;\\n padding-top: 3rem;\\n padding-bottom: 3rem;\\n margin-top: 1rem;\\n margin-bottom: 1rem;\\n\\n font-size: 3.6rem;\\n text-align: center;\\n}\\n\\nfooter {\\n border-top: 1px solid black;\\n padding-top: 0.5em;\\n}\\n\\nh1 {\\n font-size: 3.6rem;\\n padding-top: 1rem;\\n}\\n\\nh2 {\\n font-size: 3.2rem;\\n \\/* background-color: #293cf8;\\n color: white; *\\/\\n \\/* width: 80%; *\\/\\n\\n padding-top: 0.5rem;\\n\\n margin-top: 3rem;\\n margin-bottom: 1rem;\\n display: block;\\n clear: left;\\n border-bottom: solid 3px blue;\\n}\\n\\nh3 {\\n font-size: 2.8rem;\\n font-weight: 800;\\n margin-top: 2rem !important;\\n}\\n\\na img {\\n display: inline-block;\\n float: left;\\n\\n margin-right: 2rem;\\n padding: 1rem;\\n\\n margin-bottom: 1rem;\\n height: 100px !important;\\n}\\n\\nmain {\\n font-size: 2.8rem;\\n line-height: 1.3em;\\n}\\n\\nli {\\n padding-top: 0.25rem;\\n padding-bottom: 0.25rem;\\n margin-left: 0;\\n\\n \\/* margin-bottom: 0.5em; *\\/\\n font-size: 2.8rem;\\n}\\n\\nol {\\n}\\nul {\\n margin-top: 2rem;\\n margin-bottom: 2rem;\\n list-style-type: none;\\n list-style-position: inside;\\n padding-left: 0;\\n}\\n\\nsvg {\\n margin-right: 0.5rem;\\n}\\ntable {\\n margin-left: 2em;\\n margin-top: 1em;\\n margin-bottom: 1em;\\n}\\n\\ntable,\\nth,\\ntd {\\n border: 1px solid black;\\n outline: 1px solid black !important;\\n}\\n\\ntd {\\n line-height: 2em;\\n}\\n\\n#thomas {\\n height: 160px;\\n display: inline-block;\\n float: left;\\n}\\n\\n.info {\\n clear: left;\\n\\n font-size: 2.8rem;\\n line-height: 1.3em;\\n}\\n\\n.headshot {\\n max-width: 160px;\\n max-height: 160px;\\n}\\n\",\"js\":\"$(function () {\\n \\/\\/ interesting icon\\n \\/\\/ fa-file-code\\n\\n $(\\\"a:contains('TOOL:')\\\")\\n .prepend('<i title=\\\"Tool: \\\" class=\\\"fas fa-toolbox fa-fw\\\"><\\/i>')\\n .html(function () {\\n return $(this).html().replace(\\\"TOOL: \\\", \\\"\\\");\\n });\\n\\n $(\\\"a:contains('INFO:')\\\")\\n .prepend('<i title=\\\"Info: \\\" class=\\\"fas fa-info fa-fw\\\"><\\/i>')\\n .html(function () {\\n return $(this).html().replace(\\\"INFO: \\\", \\\"\\\");\\n });\\n\\n $(\\\"a:contains('DEMO:')\\\")\\n .prepend('<i title=\\\"Demo: \\\" class=\\\"fas fa-desktop fa-fw\\\"><\\/i>')\\n .html(function () {\\n return $(this).html().replace(\\\"DEMO: \\\", \\\"\\\");\\n });\\n\\n $(\\\"a:contains('EEKB:')\\\")\\n .prepend('<i title=\\\"Research: \\\" class=\\\"fas fa-user-check fa-fw\\\"><\\/i>')\\n .html(function () {\\n return $(this).html().replace(\\\"EEKB: \\\", \\\"\\\");\\n });\\n\\n $(\\\"a:contains('BUG:')\\\")\\n .prepend('<i title=\\\"Bug: \\\" class=\\\"fas fa-bug fa-fw\\\"><\\/i>')\\n .html(function () {\\n return $(this).html().replace(\\\"BUG: \\\", \\\"\\\");\\n });\\n\\n $(\\\"a\\\").attr(\\\"target\\\", \\\"_blank\\\");\\n\\n \\/\\/ $(\\\"h2\\\").each(function(index) {\\n \\/\\/ var wid =\\n \\/\\/ \\\"w\\\" +\\n \\/\\/ $(this)\\n \\/\\/ .text()\\n \\/\\/ .substr(0, 6);\\n \\/\\/ $(this).attr(\\\"id\\\", wid);\\n \\/\\/ });\\n});\\n\",\"html_pre_processor\":\"markdown\",\"css_pre_processor\":\"none\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"neither\",\"js_library\":null,\"created_at\":\"2021-03-18T11:48:54.000Z\",\"updated_at\":\"2021-04-20T10:57:43.000Z\",\"title\":\"WebXR - Accessibility Resources\",\"description\":\"\",\"slug_hash\":\"ZEBdYbP\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"27106a19c8d8ddaec996fd8e1a09b059\",\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":50749985,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity\":1,\"views_count\":7,\"pick_visible_at\":null,\"cpid\":\"0178452a-c470-7664-bfba-fc206c704b9d\",\"is_new_editor_pen\":false,\"protected\":false,\"access\":\"Private\",\"pen_hash\":null,\"hashid\":\"ZEBdYbP\"}"}