Examples - Empower your users

    • ❌'Surprise me! - span' is not reachable via keyboard
    • ❌'Surprise me! - span' can not be activated by pressing `enter` and `space`, but only by clicking
    • ❌'Surprise me! - span' is not treated as `button`, but as text by assistive technologies, like screen reading software.
    Surprise me! - span
    • ✅'Surprise me! - span/tabindex' is reachable via keyboard
    • ❌'Surprise me! - span/tabindex' can not be activated by pressing `enter` and `space`, but only by clicking
    • ❌'Surprise me! - span/tabindex' is not treated as `button`, but as text by assistive technologies, like screen reading software
    Surprise me! - span/tabindex
    • ✅'Surprise me! a/href' is reachable via keyboard
    • ❌'Surprise me! a/href' can not be activated by pressing `space`, but only by clicking and pressing `enter`
    • ❌'Surprise me! a/href' is not treated as `button`, but as link by assistive technologies, like screen reading software
    Surprise me! a/href
    • ✅'Surprise me! a/href/role' is reachable via keyboard
    • ❌'Surprise me! a/href/role' can not be activated by pressing `space`, but only by clicking and pressing `enter`
    • ✅'Surprise me! a/href/role' is not treated as button by assistive technologies, like screen reading software
    Surprise me! a/href/role