Back to Browse

An Accessible Tic Tac Toe Board - Frontend Engineering Explained - #webdevelopment

82 views
May 2, 2025
26:28

To be clear, in this video, I talk about how one would build an accessible board for a Tic Tac Toe game. We do not implement the full game... yet ๐Ÿ˜ In the process, I touch on some neat features of CSS Grid, using appearance in CSS, and also demo the board using a screen reader. What you learn here is not just applicable to a Tic Tac Toe board, but can be used in other user interface elements as well. The goal here is to get you thinking more broadly about your potential users and how to avoid necessarily excluding people. Play with the Codepen here: https://codepen.io/schalkneethling/pen/gbboYeb Photo by Solstice Hannan on Unsplash https://unsplash.com/photos/a-sign-with-letters-and-numbers--yhBOqHOr0c #a11y #webdev #css #html

Download

1 formats

Video Formats

360pmp442.9 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

An Accessible Tic Tac Toe Board - Frontend Engineering Explained - #webdevelopment | NatokHD