Jili ph6.Makakuha ng libreng 700pho sa bawat deposito

Resolved eethomas
(@eethomas)

3 years, 9 months ago

The current markup for the settings link is not accessible to people who use screen readers and does not meet Web Content Accessibility Guidelines such as https://www.w3.org/TR/UNDERSTANDING-WCAG20/ensure-compat-rsv.html

Change the code
“<span data-href=”#moove_gdpr_cookie_modal” class=”change-settings-button”>settings</span>”

Solution 1: Semantic Markup
settings

Solution 2: ARIA Markup
“<span role=”link” tabindex=”0″ data-href=”#moove_gdpr_cookie_modal” class=”change-settings-button”>settings</span>”

You need to add role=”link” to identify the span as a hyperlink to the screen reader technology. You need to add tabindex=”0″ to ensure the element receives keyboard focus. You also need to add a keyboard handler that can allow someone using the keyboard to trigger the settings link using the ENTER and SPACE keys.

Viewing 5 replies - 1 through 5 (of 5 total)

Plugin Author Moove Agency
(@mooveagency)

3 years, 9 months ago

Hi @eethomas,

Thanks for using our plugins and for your suggestions.

We have improved the settings link, please update your plugin to the latest version and should be solved.

Hope this helps.

Thread Starter eethomas
(@eethomas)

3 years, 9 months ago

@mooveagency We checked the fixes and you have made good progress. The tabindex and role attributes are working but there is no keyboard handler for the ENTER and SPACE keys. I can now get focus to the settings link but I cannot press ENTER or SPACE to launch it.

Can you take a look?

https://www.w3.org/WAI/GL/wiki/Making_actions_keyboard_accessible_by_using_keyboard_event_handlers_with_WAI-ARIA_controls

Plugin Author Moove Agency
(@mooveagency)

3 years, 9 months ago

Hi @eethomas,

You can check the plugin on our site: https://www.mooveagency.com/

When the settings link is highlighted (focus state) you can use the ENTER to access the link.

Hope this helps.

Thread Starter eethomas
(@eethomas)

3 years, 8 months ago

Hi @mooveagency I just tried it on your site with macOS/Chrome macOS/Safari and Windows/Edge and none of them could use the enter key.

https://www.dropbox.com/s/xqwghi1f1m880yk/moove.png?dl=0

Plugin Author Moove Agency
(@mooveagency)

3 years, 8 months ago

Hi @eethomas

We tested on several machines and the enter key is working for us.

Are you using the latest version of the plugin and did you delete all browser cache or even better use private browsing to check?

If so, can you please record a video of your screen and specify the exact version of browse and OS that you use so that we can investigate further?

Thanks.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Settings link in GPDR dialog does not support accessibility’ is closed to new replies.

Tags