Correct ARIA attributes for a game

user_2131286 0
Viewed 119

How should I use ARIA to mark a webpage if it's mostly a game which is commonly played with a mouse and doesn't make sense to play without a visual representation?

If there's no specific ARIA, let me rephrase: how can I announce that a web-page will unfortunately not be usable for non-sighted users?

Basically, I have a <noscript> tag explaining that the game needs JavaScript. How do I explain to screen-reader-only users the analogous statement regarding sight?

Context: it's a typical match-three game. I can (and will) add keyboard access in terms of navigating the board with arrow keys and swapping items with Enter and choosing direction, but that's still useless for non-sighted users.

If I try reading out the board on every move, I don't think it will be useful to anyone: "first row: blue, red, green, white, blue, green, white, purple; second row: ...".

game-development web-accessibility wai-aria accessibility html
1 Answers

Where does the initial keyboard focus go when the game is loaded? You can add an aria-label to the element that receives focus. You might have to add a role to the element too, depending on what it is (such as a <span> or <div>), and you might have to add tabindex="-1" for it to work on internet explorer. There are a lot of combinations that it's hard to give specific advice.

user_767140
Related