Note: This is a Web Accessibility bug/WAI. I use a screen raeding program to navigate the site.
This may be a side effect of an accessibility fix made for NVDA noted in the changelog. Previously I could select courses fine, but since the change I cannot.
Browser: Google Chrome Version 77.0.3865.90 (Official Build) (64-bit) Screen Reader: Freedom Scientific JAWS V2019, Latest Version Issue Steps: - Go to Education link, hit enter. - Use 'F' key to navigate between form fields until you reach one of the course listings, in this case "Biology". - Hit 'enter' while focus is on the button. - Nothing happens, not even when using spacebar.
Expected Behavior: - List of courses should show up, but they are not. Fix/Problem: - I work in Web Accessibility for a living and, looking at the Page Source, this looks like the problem is that the 'role="button"' is on the li/list item element, when it should be on the anchor tag. The way it is set up now, the screen reader thinks there are two potentially interactive items (the thing it thinks is a button, which is the parent list item/li, and the anchor tag.) - Move role="button" to the anchor/a tag and remove it from the li/list item tag. Ensure potentially using a blank href attribute or tabindex of 0 to ensure a keybaord can tab to this, if href is not being used (I am unsure if you are using JS events/triggers) Essentially, if the href is not located on an anchor tag, it lsoes its keyboard accessibility. You can add href that is blank and prevent default on the javascript click event, or add tabindex of 0 to fix this.
Note: This is a Web Accessibility bug, but I'm unsure if any attention is being paid to the 5+ year old Web Accessibility thread, so I'm posting this fresh.
I am a completely blind user that navigates this site using a scren reading program.
Browser: Google Chrome (Version 76.0.3809.132 (Official Build) (64-bit)) Screen Reader: Freedom Scientific JAWS V2019 Issue Steps: - Hit 'enter' on the 'Gym' link. - Scroll past the 4 sections for Strength/Speed/Defense/Dexterity training to the tabs listing the different gyms. - Hit 'enter' on one of the tabs for the gym. - A pop-up appears at the bottom (Ctrl+End to get there), but this only lists the membership price and the energy per training. - The screen reader is unable to read out what percentage there is left to unlock (or may not be able to even discern there is something there, due to it likely being an icon.) Expected Behavior: - The screen reader should be able to read a text representation of what percentage is left. Screen readers cannot read text noted in icons, nor can they read anything in the 'alt' attribute. - Likely this icon just needs an 'aria-label' attribute to give it an accessible text label. - If the icon is meant to be interacted with (IE, does this icon also need to be clicked to choose to join the new gym?), then please ensure it has tabindex=0 and role="button', which will tell the screen raeder that this is a button. This, in addition to the aria-label, should hopefully make it work with a scren reader.
Note: This is an accessibility/screen reader bug. I navigate this site with a screen reading/text-to-speech program.
Browser: Google Chrome, Version 77.0.3865.75 (Official Build) (64-bit)
Screen Reader: JAWS V2019
Issue Steps: - Go to 'City' link and hit enter. - Go to 'Item Market' link and hit enter. - Go to the search box for items and input any item, for example 'Empty Box'. Hit enter on Search button to start search. - Use arrow-keys to navigate down through the results. - The table of results does not indicate as an actual table. - Each item listing properly indicates the person selling it, the name of the item and the price, but the screen reader does not read out anything to actually buy the item.
Expected Behavior: - The screen reader should be able to know there is an icon/button/control there for each item to trigger buying the item. Currently this does not happen. - Either the link to buy the item is an unlabelled icon button (would need tabindex="0", role="button", aria-label="Text Label") or some other oddity is preventing the screen raeder from knowing the link is there. - This seems similar to the issue with being unable to Rent a Property (another bug I submitted) where the screen reader is unable to know the icon is there to trigger the rental.
Note: This is a Web Accessibility bug. I am visually impaired and use a screen raeder/text-to-speech software to view this site. I was unable to follow through with renting a property without sighted assistance, as the icon to do so once you select a tab for a property is not labelled/is not setup properly to allow keyboard-only access. Browser: Google Chrome, (Version 76.0.3809.132 (Official Build) (64-bit)) Screen Reader: Freedom Scientific JAWS V2019 Issue Steps: - Hit enter on 'City' link. - Go to the Estate Agents area and hit 'enter' on the link. - Use the 'F' key to jump between buttons until you find the "Rental Market" button, hit enter. - Select one of the radio buttons for a specific property type and hit the Search button with 'enter' key. - Scroll down to the tabs listing the various properties. - Hit 'enter' on a property tab twice until you hear 'Selected'. - Hit tab key once to jump into the expanded content and then 'Escape' to exit Forms Mode. - Use arrow-keys to read the information about the property. - All information is read by the screen raeder, /EXCEPT/ the icon in which you need to click on to start the process to rent. Expected Behavior: - The screen reader should be able to know that the icon to start the rental process is there/should be accessible by a keyboard, not just a mouse. - Likely this icon needs an aria-label (to indicate the text label, as 'alt' text will not work), as well as tabindex=0 to make it work with a keyboard and role="button" to make it appear like a button to a screen reader.
Has there been any update in this? I, unfortunately, am sitll unable to select anything with a keyboard using Chrome and JAWS. I've also tried linking my JAWS cursor to the PC cursor and clicking, which only seems to result in me being able to select Business Management courses. I was able to select Education courses just fine when I first started the game before.
Note: This is a Web Accessibility bug/WAI. I use a screen raeding program to navigate the site.
This may be a side effect of an accessibility fix made for NVDA noted in the changelog. Previously I could select courses fine, but since the change I cannot.
Browser: Google Chrome Version 77.0.3865.90 (Official Build) (64-bit) Screen Reader: Freedom Scientific JAWS V2019, Latest Version Issue Steps: - Go to Education link, hit enter. - Use 'F' key to navigate between form fields until you reach one of the course listings, in this case "Biology". - Hit 'enter' while focus is on the button. - Nothing happens, not even when using spacebar.
Expected Behavior: - List of courses should show up, but they are not. Fix/Problem: - I work in Web Accessibility for a living and, looking at the Page Source, this looks like the problem is that the 'role="button"' is on the li/list item element, when it should be on the anchor tag. The way it is set up now, the screen reader thinks there are two potentially interactive items (the thing it thinks is a button, which is the parent list item/li, and the anchor tag.) - Move role="button" to the anchor/a tag and remove it from the li/list item tag. Ensure potentially using a blank href attribute or tabindex of 0 to ensure a keybaord can tab to this, if href is not being used (I am unsure if you are using JS events/triggers) Essentially, if the href is not located on an anchor tag, it lsoes its keyboard accessibility. You can add href that is blank and prevent default on the javascript click event, or add tabindex of 0 to fix this.
Note: This is an accessibility/screen reader bug. I navigate this site with a screen reading/text-to-speech program.
Browser: Google Chrome, Version 77.0.3865.75 (Official Build) (64-bit)
Screen Reader: JAWS V2019
Issue Steps: - Go to 'City' link and hit enter. - Go to 'Item Market' link and hit enter. - Go to the search box for items and input any item, for example 'Empty Box'. Hit enter on Search button to start search. - Use arrow-keys to navigate down through the results. - The table of results does not indicate as an actual table. - Each item listing properly indicates the person selling it, the name of the item and the price, but the screen reader does not read out anything to actually buy the item.
Expected Behavior: - The screen reader should be able to know there is an icon/button/control there for each item to trigger buying the item. Currently this does not happen. - Either the link to buy the item is an unlabelled icon button (would need tabindex="0", role="button", aria-label="Text Label") or some other oddity is preventing the screen raeder from knowing the link is there. - This seems similar to the issue with being unable to Rent a Property (another bug I submitted) where the screen reader is unable to know the icon is there to trigger the rental.
Note: This is a Web Accessibility bug. I am visually impaired and use a screen raeder/text-to-speech software to view this site. I was unable to follow through with renting a property without sighted assistance, as the icon to do so once you select a tab for a property is not labelled/is not setup properly to allow keyboard-only access. Browser: Google Chrome, (Version 76.0.3809.132 (Official Build) (64-bit)) Screen Reader: Freedom Scientific JAWS V2019 Issue Steps: - Hit enter on 'City' link. - Go to the Estate Agents area and hit 'enter' on the link. - Use the 'F' key to jump between buttons until you find the "Rental Market" button, hit enter. - Select one of the radio buttons for a specific property type and hit the Search button with 'enter' key. - Scroll down to the tabs listing the various properties. - Hit 'enter' on a property tab twice until you hear 'Selected'. - Hit tab key once to jump into the expanded content and then 'Escape' to exit Forms Mode. - Use arrow-keys to read the information about the property. - All information is read by the screen raeder, /EXCEPT/ the icon in which you need to click on to start the process to rent. Expected Behavior: - The screen reader should be able to know that the icon to start the rental process is there/should be accessible by a keyboard, not just a mouse. - Likely this icon needs an aria-label (to indicate the text label, as 'alt' text will not work), as well as tabindex=0 to make it work with a keyboard and role="button" to make it appear like a button to a screen reader.
Note: This is a Web Accessibility bug, but I'm unsure if any attention is being paid to the 5+ year old Web Accessibility thread, so I'm posting this fresh.
I am a completely blind user that navigates this site using a scren reading program.
Browser: Google Chrome (Version 76.0.3809.132 (Official Build) (64-bit)) Screen Reader: Freedom Scientific JAWS V2019 Issue Steps: - Hit 'enter' on the 'Gym' link. - Scroll past the 4 sections for Strength/Speed/Defense/Dexterity training to the tabs listing the different gyms. - Hit 'enter' on one of the tabs for the gym. - A pop-up appears at the bottom (Ctrl+End to get there), but this only lists the membership price and the energy per training. - The screen reader is unable to read out what percentage there is left to unlock (or may not be able to even discern there is something there, due to it likely being an icon.) Expected Behavior: - The screen reader should be able to read a text representation of what percentage is left. Screen readers cannot read text noted in icons, nor can they read anything in the 'alt' attribute. - Likely this icon just needs an 'aria-label' attribute to give it an accessible text label. - If the icon is meant to be interacted with (IE, does this icon also need to be clicked to choose to join the new gym?), then please ensure it has tabindex=0 and role="button', which will tell the screen raeder that this is a button. This, in addition to the aria-label, should hopefully make it work with a scren reader.