Archive index

A11y Slackers Gitter Channel Archive 6th of March 2017

What fresh hell is THIS now? - Patrick Lauke
  1. James Nurthen
    @jnurthen
    Mar 06 07:39
    Jaws has a proofreading scheme where you can set this up but you can't expect a user to be running that.
  2. Mev-Rael
    @Mevrael
    Mar 06 13:09
    Should you open select/dropdown on SPACE and ENTER or only ENTER, any guidelines how to use SPACE?
  3. zakim-robot
    @zakim-robot
    Mar 06 18:01
    [ted_drake] I created a bug for our engineers for including a link within a form label. I always thought this was invalid, but I just noticed the label spec allows for phrasing content within a label. The link is considered a phrasing element. http://w3c.github.io/html-reference/label.html
  4. [ted_drake] What are your thoughts on including a link within a label? <label for=“socsecnum”>Enter your social security number <a href=“http://irs.org/SSN”>Learn more about your SSN</a></label>
  5. zakim-robot
    @zakim-robot
    Mar 06 20:00
    [schoeyfield] @ted_drake Huh. I thought that <a> being considered a phrasing element was a little dubious. Thanks for pointing to the spec. I was thrown by the MDN article https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content where it seems to stress "<a>, if it contains only phrasing content" but I guess I read-in to the stress too much.
  6. zakim-robot
    @zakim-robot
    Mar 06 21:51
    [ted_drake] my problem is that clicking on a label with a mouse should activate the input. But you’d have to be more careful to click on the link itself to trigger the link and not activate the input. I would expect some agents will skip the link and simply activate the input.
  7. [ted_drake] oh, the old link vs. anchor description for phrasing? It would make sense that you could have <label for=“socsecnum”>Enter your social security number <a name=“SSN"></a></label>
  8. zakim-robot
    @zakim-robot
    Mar 06 22:27
    [caesar] @ted_drake I asked this question before and Steve Faulkner said that he'd added some advice to the HTML spec against the practice: https://w3c.github.io/html/sec-forms.html#the-label-element
  9. [caesar] "The ability to click or press a label to trigger an event on a control provides usability and accessibility benefits by increasing the hit area of a control, making it easier for a user to operate. These benefits may be lost or reduced, if the label element contains an element with its own activation behavior, such as a link:"
  10. [caesar] We've also discovered a bug in Android Talkback where for checkboxes and radio buttons, you can't give focus to the input element and the link independently. It's always one or the other.
  11. [caesar] Well, I should put "bug" in quotes, since it technically goes against the HTML spec.
  12. [caesar] @Mevrael at least in NVDA and Firefox, I think Enter only passes focus into the element (turns on Virtual PC mode) but doesn't expand the element. So the arrow keys simply scroll through the options list without expanding the dropdown. Are you trying to create a custom <select>?
  13. Mev-Rael
    @Mevrael
    Mar 06 22:32
    Yes, currently I have a dropdown meny, actually. For example user may tab into his photo button at the right and click enter to display menu. Firefox also scrolls page down on space.
  14. zakim-robot
    @zakim-robot
    Mar 06 22:43
    [caesar] You can check native form element behaviour here: http://nativeformelements.com/
  15. [caesar] If I use keyboard "Tab" key in Firefox to put focus on the Dropdown element, pressing "Space" key will activate / expand the dropdown list, not scroll the page.