{"id":18300347,"url":"https://github.com/jpdevries/tic-tac-toe","last_synced_at":"2026-01-20T06:32:42.649Z","repository":{"id":140005819,"uuid":"62470764","full_name":"jpdevries/tic-tac-toe","owner":"jpdevries","description":"Tic-Tac-Toe in HTML5. Keyboard and Screen Reader Accessible.","archived":false,"fork":false,"pushed_at":"2016-07-29T13:02:29.000Z","size":40,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"gh-pages","last_synced_at":"2025-04-09T09:35:08.034Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/jpdevries.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-07-02T21:42:28.000Z","updated_at":"2017-04-13T22:02:09.000Z","dependencies_parsed_at":"2023-05-01T03:47:51.910Z","dependency_job_id":null,"html_url":"https://github.com/jpdevries/tic-tac-toe","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/jpdevries/tic-tac-toe","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpdevries%2Ftic-tac-toe","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpdevries%2Ftic-tac-toe/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpdevries%2Ftic-tac-toe/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpdevries%2Ftic-tac-toe/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/jpdevries","download_url":"https://codeload.github.com/jpdevries/tic-tac-toe/tar.gz/refs/heads/gh-pages","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/jpdevries%2Ftic-tac-toe/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28597637,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-20T02:08:49.799Z","status":"ssl_error","status_checked_at":"2026-01-20T02:08:44.148Z","response_time":117,"last_error":"SSL_read: 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-05T15:12:04.806Z","updated_at":"2026-01-20T06:32:42.634Z","avatar_url":"https://github.com/jpdevries.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# tic-tac-toe\nTic-Tac-Toe in HTML5. Keyboard and Screen Reader Accessible.\n\n## Demo\n[Play Tic-Tac-Toe](https://jpdevries.github.io/tic-tac-toe/) with a friend. \n\n\n## Keyboard Accessible\nImplicit keyboard accessible is provided by the use of the `\u003cinput type=\"checkbox\"\u003e` element. Each cell of the game board is a custom styled `\u003cinput type=\"checkbox\"\u003e` and recieves keyboard focus, can be tabbed through, and checked using the spacebar\u0026nbsp;key.\n![](http://j4p.us/290F360Q1E2T/Screen%20Shot%202016-07-03%20at%201.07.51%20AM.png)\n\n## Screen Reader Support\nForcefully hidden (`display:none`) text along with `aria-describedby` is used to describe the game to screen readers. As the game is played and users take turns the hidden text is updated and read aloud each time a game cell recieves\u0026nbsp;focus.\n\n![](http://j4p.us/0Q3340090g3Z/Screen%20Shot%202016-07-03%20at%201.18.17%20AM.png)\n![](http://j4p.us/0c0n1P302W0C/Screen%20Shot%202016-07-03%20at%201.20.26%20AM.png)\n\n## ARIA\nThis projects makes use of:\n\n - `aria-describedby`\n - `aria-atomic`\n \n`aria-describedby` is used to associcate each cell with the general game description so that each time a cell recieves focus or a move is made the state of the game board is read\u0026nbsp;aloud.\n\n`aria-atomic` is used to ensure updates are heard whenever the \"who's turn is it?\" component\u0026nbsp;changes.\n\n## Progressive Enhancement\nThe `\u003cnoscript\u003e` tag is used to remind users to enable JavaScript for the game. Since the game is enhanced from a semantic `\u003cform\u003e`, the game could technically be played through syncrounous form submissions however that is not demonstrated\u0026nbsp;here.\n\n![](http://f.cl.ly/items/1Z0R463M1y1v3e2Y3013/Screen%20Shot%202016-07-03%20at%201.21.29%20AM.png)\n\n## Screencasts\n - [VoiceOver Demo](https://vimeo.com/173196688)\n\n## Accessibility Proclaimer\nThis component strives for WCAG 2.0 Guidelines Level AA. Please [open an issue](https://github.com/jpdevries/tic-tac-toe/issues/new) for any accessibility issue, feedback, or\u0026nbsp;concern.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpdevries%2Ftic-tac-toe","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjpdevries%2Ftic-tac-toe","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjpdevries%2Ftic-tac-toe/lists"}