{"id":20027150,"url":"https://github.com/unic/frontendaccessibilitytalk","last_synced_at":"2026-03-06T11:02:49.592Z","repository":{"id":10261105,"uuid":"12371549","full_name":"unic/FrontendAccessibilityTalk","owner":"unic","description":"Talk «How to make your frontend accessible» at Frontend Conference Zurich","archived":false,"fork":false,"pushed_at":"2014-06-02T07:37:06.000Z","size":258,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"gh-pages","last_synced_at":"2026-01-15T17:11:21.908Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/unic.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-08-26T04:57:20.000Z","updated_at":"2015-08-28T22:40:05.000Z","dependencies_parsed_at":"2022-09-19T10:20:46.216Z","dependency_job_id":null,"html_url":"https://github.com/unic/FrontendAccessibilityTalk","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/unic/FrontendAccessibilityTalk","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unic%2FFrontendAccessibilityTalk","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unic%2FFrontendAccessibilityTalk/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unic%2FFrontendAccessibilityTalk/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unic%2FFrontendAccessibilityTalk/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/unic","download_url":"https://codeload.github.com/unic/FrontendAccessibilityTalk/tar.gz/refs/heads/gh-pages","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/unic%2FFrontendAccessibilityTalk/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":30173350,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-03-06T07:56:45.623Z","status":"ssl_error","status_checked_at":"2026-03-06T07:55:55.621Z","response_time":250,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-13T09:09:15.584Z","updated_at":"2026-03-06T11:02:44.582Z","avatar_url":"https://github.com/unic.png","language":null,"funding_links":[],"categories":[],"sub_categories":[],"readme":"«How to make your frontend accessible» \n======================================\n\nDemos from our talk at the Frontend Conference Zurich, 30th August 2013.\n\nhttp://unic.github.io/FrontendAccessibilityTalk/\n\nNote (28th August): \n- The talk will be live-streamed on http://2013.frontendconf.ch/live/ from 3 a.m. to 4 a.m. (CEST).\n- Video and slides will be made available on http://lanyrd.com/2013/fec13/coverage/ after the talk. \n\n--------\n\nTopics covered:\n- Tables\n- Form markup and validation\n- Element focus\n- Fake buttons\n\nEach solution is provided with references and links to alternative approaches.\n\nScreen reader used: VoiceOver on OS X 10.8.4 and iOS 6.\n\n---------\n\nFeel free to file an issue in case you have a question or improvement suggestion.\n\n---------\n\n\nGeneral resources\n-----------------\n\nGuidelines:\n- WCAG 2.0 (@w3c_wai): http://www.w3.org/TR/WCAG20/\n- P028: http://www.isb.admin.ch/themen/standards/alle/03237/\n\nConsulting and certification: \n- Access for all (@Access4All): http://www.access-for-all.ch\n- Research, recommendations and news:\n- The Paciello Group by Steve Faulkner (@stevefaulkner) \u0026 Co.: http://www.paciellogroup.com/\n- WebAIM (@WebAIM) by Jared Smith (@jared_w_smith) \u0026 Co. : http://webaim.org/\n- Simply Accessible by Derek Featherstone (@feather): http://simplyaccessible.com/\n- Accessible Culture by Jason Kiss (@jkiss): http://accessibleculture.org/\n- Juicy Studio by Gez Lemon (@gezlemon): http://juicystudio.com/\n- Karl Groves (@karlgroves): http://www.karlgroves.com/\n- Marco’s accessibility blog (@MarcoZehe): http://www.marcozehe.de/ \n- The Accessibility Project (@ A11YProject): http://a11yproject.com/\n\nARIA resources\n--------------\n\nGuidelines:\n- WAI-ARIA 1.0: http://www.w3.org/TR/wai-aria/\n- WAI-ARIA 1.0 Authoring Practices: http://www.w3.org/TR/wai-aria-practices/\n\nTabs:\n- «Accessible ARIA Tabs» by Jason Kiss (@jskiss): http://www.accessibleculture.org/research/aria-tabs/\n- «jQuery Accessible Tabs - How to make tabs REALLY accessible» by Dirk Ginader (@ginader): \u2028http://blog.ginader.de/archives/2009/02/07/jQuery-Accessible-Tabs-How-to-make-tabs-REALLY-accessible.php\n\nDialogs:\n- «The Incredible Accessible Modal Window» by Greg Kraus (@gdkraus): \u2028http://accessibility.oit.ncsu.edu/training/aria/modal-window/\n- «BPOW: Modal window focus management» by Jeff Smith (@jeffsmith): \u2028http://simplyaccessible.com/bpow/modal-focus/\n\nMenus:\n- «Accessible Mega Menu» by Adobe (@ AdobeAccess): \u2028http://adobe-accessibility.github.io/Accessible-Mega-Menu/\n- «Accessible Dropdown Menus» by Terrill Thompson (@terrillthompson): http://terrillthompson.com/blog/202\n\nAdditional resources based on feedback after the talk\n-----------------------------------------------------\n\n- HTML5 accessibility support tables by The Paciello Group: http://html5accessibility.com/\n- «HTML accessible emails» by the RNIB: (with some specific advice regarding layout tables) http://www.rnib.org.uk/professionals/webaccessibility/articles/Pages/html_emails.aspx\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funic%2Ffrontendaccessibilitytalk","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Funic%2Ffrontendaccessibilitytalk","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Funic%2Ffrontendaccessibilitytalk/lists"}