• Resolved Roman

    (@roman17trushanov)


    Dear Yop Poll Development Team,

    I hope this message finds you well. I am writing to request an enhancement for the Yop Poll Plugin to improve its accessibility, particularly for users who rely on keyboard navigation. Currently, the plugin generates interactive elements such as poll options that are not easily navigable using the keyboard.

    Interactive elements like the poll options, which are currently rendered as <span> elements, do not receive keyboard focus by default. As a result, users who navigate using a keyboard are unable to interact with these elements efficiently.

    <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Ja, die Bußgelder sollten teurer werden.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Nein, die Bußgelder sollten günstiger werden.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Alles soll so bleiben wie es ist.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Ich habe keine Meinung dazu.</span>

    To ensure that the Yop Poll Plugin complies with web accessibility standards, we request that the following enhancements be made:

    1. Keyboard Navigable Elements: Convert interactive <span> elements to focusable elements such as <button> or <a> tags, or add the tabindex="0" attribute to make them focusable.
    2. ARIA Roles and Properties: Where appropriate, add ARIA roles and properties to enhance the semantic meaning and functionality of these elements for screen readers.

    <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;" tabindex="0">Ja, die Bußgelder sollten teurer werden.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;" tabindex="0">Nein, die Bußgelder sollten günstiger werden.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;" tabindex="0">Alles soll so bleiben wie es ist.</span> <span class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;" tabindex="0">Ich habe keine Meinung dazu.</span>

    Alternatively, using <button> elements for better semantic meaning:

    <button class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Ja, die Bußgelder sollten teurer werden.</button> <button class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Nein, die Bußgelder sollten günstiger werden.</button> <button class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Alles soll so bleiben wie es ist.</button> <button class="basic-text" style="color: #000000; font-size: 16px; font-weight: normal;">Ich habe keine Meinung dazu.</button>

    Implementing these changes will significantly enhance the accessibility of the Yop Poll Plugin by:

    • Allowing users who navigate via keyboard to easily access and select poll options.
    • Improving the overall usability of the plugin for a broader range of users, including those who use assistive technologies.

    Thank you for considering this request.

    Best regards,

    Roman Trushanov

Viewing 1 replies (of 1 total)
  • Plugin Author YOP

    (@yourownprogrammer)

    Hello

    Thank you for your feedback.

    We have received several requests regarding this and it is now one of our top priorities.

    If you have any ideas/suggestions on how to improve the plugin, we would love to hear about them 🙂

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.